Kobus 5 лет назад
Родитель
Сommit
bab313c91a

Двоичные данные
public/img/Johannesburg-south-africa-1.jpg Просмотреть файл


Двоичные данные
public/img/Listings.jpg Просмотреть файл


Двоичные данные
public/img/Listings2.jpg Просмотреть файл


Двоичные данные
public/img/Monateng_Safari_Lodge1.jpg Просмотреть файл


Двоичные данные
public/img/questions.jpg Просмотреть файл


Двоичные данные
public/img/sell.jpg Просмотреть файл


+ 6
- 1
src/components/about/aboutTimeshare.vue Просмотреть файл

@@ -5,7 +5,12 @@
5 5
       <div class="row">
6 6
         <div class="col-sm-12">
7 7
           <div class="about-img-box">
8
-            <img src="img/slide-3.jpg" alt class="img-fluid" style="width:800px;height:400px;" />
8
+            <img
9
+              src="img/slide-3.jpg"
10
+              alt="About Timeshare"
11
+              class="img-fluid"
12
+              style="width:800px;height:400px;"
13
+            />
9 14
           </div>
10 15
           <div class="sinse-box">
11 16
             <h3 class="sinse-title">

+ 1
- 1
src/components/about/aboutUsPage.vue Просмотреть файл

@@ -1,5 +1,5 @@
1 1
 <template>
2
-  <!--/ About Star /-->
2
+  <!-- eslint-disable max-len -->
3 3
   <section class="section-about">
4 4
     <div class="container">
5 5
       <div class="row">

+ 49
- 22
src/components/property/propertySearchPage.vue Просмотреть файл

@@ -1,32 +1,29 @@
1 1
 <template>
2
+  <!-- eslint-disable max-len -->
2 3
   <div class="container">
3
-    <div class="col-md-12">
4
-      <h3 class="my-4">Property Listing</h3>
5
-    </div>
6
-    <br />
7
-    <br />
8
-    <br />
9
-    <div>
10
-      <propertyCard
11
-        v-if="properties.length > 0"
12
-        name="propertyholder"
13
-        :properties="properties"
14
-        :key="propertysearch"
15
-      />
16
-      <div v-if="properties.length === 0">
17
-        <img src="../../../public/img/no-homes.gif" />
18
-        <br />
19
-        <br />
20
-        <p>Sorry no listing where found matching your search</p>
4
+    <div class="col-sm-12">
5
+      <div class="about-img-box">
6
+        <img
7
+          src="img/Johannesburg-south-africa-1.jpg"
8
+          alt="Property Listing"
9
+          class="img-fluid"
10
+          style="width:800px;height:400px;"
11
+        />
12
+      </div>
13
+      <div class="sinse-box">
14
+        <h3 class="sinse-title">
15
+          Property Listing
16
+          <span></span>
17
+        </h3>
21 18
       </div>
22 19
     </div>
23 20
     <br />
24
-    <div class="container" v-if="propertyType === 'Residential'">
21
+    <div class="container col-md-10" v-if="propertyType === 'Residential'">
25 22
       <div class="row">
26 23
         <div class="col-md-12">
27 24
           <h1 class="my-4">About Residential Properties</h1>
28 25
         </div>
29
-        <div class="col-md-6">
26
+        <div class="col-md-8 text-left">
30 27
           <p>
31 28
             Uni-Vate Properties understands the necessity in property-seekers
32 29
             to find that perfect fit;
@@ -57,13 +54,28 @@
57 54
           </p>
58 55
         </div>
59 56
       </div>
57
+      <div>
58
+        <propertyCard
59
+          v-if="properties.length > 0"
60
+          name="propertyholder"
61
+          :properties="properties"
62
+          :key="propertysearch"
63
+        />
64
+        <div v-if="properties.length === 0">
65
+          <img src="../../../public/img/no-homes.gif" />
66
+          <br />
67
+          <br />
68
+          <p>Sorry no listing where found matching your search</p>
69
+        </div>
70
+      </div>
71
+      <br />
60 72
     </div>
61
-    <div class="container" v-if="propertyType === 'Commercial'">
73
+    <div class="container col-md-10" v-if="propertyType === 'Commercial'">
62 74
       <div class="row">
63 75
         <div class="col-md-12">
64 76
           <h1 class="my-4">About Commercial Properties</h1>
65 77
         </div>
66
-        <div class="col-md-6">
78
+        <div class="col-md-8 text-left">
67 79
           <p>
68 80
             Commercial properties are characteristically any larger properties that
69 81
             generate profit through leasing or rental activities. These properties
@@ -92,6 +104,21 @@
92 104
           </p>
93 105
         </div>
94 106
       </div>
107
+      <div>
108
+        <propertyCard
109
+          v-if="properties.length > 0"
110
+          name="propertyholder"
111
+          :properties="properties"
112
+          :key="propertysearch"
113
+        />
114
+        <div v-if="properties.length === 0">
115
+          <img src="../../../public/img/no-homes.gif" />
116
+          <br />
117
+          <br />
118
+          <p>Sorry no listing where found matching your search</p>
119
+        </div>
120
+      </div>
121
+      <br />
95 122
     </div>
96 123
   </div>
97 124
 </template>

+ 24
- 13
src/components/property/propertyeditPage.vue Просмотреть файл

@@ -2,26 +2,32 @@
2 2
   <!-- eslint-disable max-len -->
3 3
   <div>
4 4
     <div class="container">
5
-      <section class="intro-single">
6
-        <div class="container">
7
-          <div class="row">
8
-            <div class="col-md-12 col-lg-8">
9
-              <div class="title-single-box">
10
-                <h1 class="title-single">List {{ propertyType }} {{ salesType }} Property</h1>
11
-              </div>
12
-            </div>
13
-          </div>
5
+      <div class="col-sm-12">
6
+        <div class="tobuy-img-box">
7
+          <img
8
+            src="img/Listings2.jpg"
9
+            alt="Timeshare To Buy"
10
+            class="img-fluid"
11
+            style="width:800px;height:400px;"
12
+          />
14 13
         </div>
15
-      </section>
14
+        <div class="sinse-box">
15
+          <h3 class="sinse-title">
16
+            List {{ propertyType }} {{ salesType }} Property
17
+            <span></span>
18
+          </h3>
19
+        </div>
20
+      </div>
21
+      <br />
16 22
       <div class="row">
17
-        <div class="col-sm-12">
23
+        <div class="container col-md-10">
18 24
           <div class="title-box-d">
19 25
             <h5 class="title-d">Property Overview</h5>
20 26
           </div>
21 27
         </div>
22 28
       </div>
23 29
       <div class="row mb-3">
24
-        <div class="col-md-12">
30
+        <div class="container col-md-10">
25 31
           <form id="mainForm">
26 32
             <div class="form-group row">
27 33
               <div class="col-md-4">
@@ -175,7 +181,12 @@
175 181
             <div class="form-group row">
176 182
               <div class="col-md-12">
177 183
                 <label for="Property Description">Description</label>
178
-                <TextEditor name="description" v-model="property.description" id="description" />
184
+                <TextEditor
185
+                  name="description"
186
+                  v-model="property.description"
187
+                  id="description"
188
+                  style="text-align:left"
189
+                />
179 190
                 <br />
180 191
                 <p>* A listing fee of R380 including VAT is payable to list your Property on the Uni-Vate website</p>
181 192
               </div>

+ 1
- 1
src/components/shared/navBar.vue Просмотреть файл

@@ -194,7 +194,7 @@
194 194
             >Login</a>
195 195
             <div class="dropdown-menu" aria-labelledby="navbarDropdown">
196 196
               <a class="dropdown-item cursor-pointer" @click="routerGoTo('/user/login')">Login</a>
197
-              <a class="dropdown-item cursor-pointer">Logout</a>
197
+              <a class="dropdown-item cursor-pointer" @click="routerGoTo('/user/login')">Logout</a>
198 198
               <a class="dropdown-item cursor-pointer" @click="routerGoTo('/user/register')">Register</a>
199 199
               <a
200 200
                 class="dropdown-item cursor-pointer"

+ 110
- 99
src/components/timeshare/buy/buyPage.vue Просмотреть файл

@@ -1,111 +1,122 @@
1 1
 <template>
2
-  <section>
3
-    <section class="intro-single">
4
-      <div class="container">
5
-        <div class="row">
6
-          <div class="col-md-12 col-lg-8">
7
-            <div class="title-single-box">
8
-              <h1 class="title-single" style="text-align:left;">Timeshare To Buy</h1>
9
-            </div>
10
-          </div>
11
-        </div>
12
-      </div>
13
-    </section>
2
+  <!-- eslint-disable max-len -->
3
+  <section class="collapse-items">
14 4
     <div class="container">
15 5
       <div class="row">
16
-        <div class="col-md-12 text-left">
17
-          <p>
18
-            The resorts have been listed in their relevant provinces.
19
-            Please select the resort for which you would like to view
20
-            the available weeks and then select the weeks that interest
21
-            you on the resort page.
22
-          </p>
23
-          <p>
24
-            Arrival and departure dates are indicated but please note
25
-            that these dates may vary annually.
26
-          </p>
27
-          <p>
28
-            As with any property related sale, upon purchasing the holiday
29
-            of your choice, there will be a transfer fee payable for the
30
-            change of ownership. This fee will depend on the relevant resort
31
-            or managing agent.
32
-          </p>
6
+        <div class="col-sm-12">
7
+          <div class="tobuy-img-box">
8
+            <img
9
+              src="img/Monateng_Safari_Lodge1.jpg"
10
+              alt="Timeshare To Buy"
11
+              class="img-fluid"
12
+              style="width:800px;height:400px;"
13
+            />
14
+          </div>
15
+          <div class="sinse-box">
16
+            <h3 class="sinse-title">
17
+              Timeshare To Buy
18
+              <span></span>
19
+            </h3>
20
+          </div>
33 21
         </div>
34
-      </div>
35 22
 
36
-      <div class="row mb-4">
37
-        <div class="col-md-4">
38
-          <div class="accordion" id="accordionExample">
39
-            <div class="card" v-for="(region, r) in regions" :key="r">
40
-              <a
41
-                class="btn btn-b-n"
42
-                type="button"
43
-                data-toggle="collapse"
44
-                :data-target="'#collapse' + region.id"
45
-                aria-expanded="false"
46
-                :aria-controls="'collapse' + region.id"
47
-              >
48
-                <div :id="'header' + region.id">
49
-                  <h5
50
-                    class="mb-0"
51
-                    @mouseover="updateMapProvince(region.regionName)"
52
-                  >{{ region.regionName }}</h5>
53
-                </div>
54
-              </a>
55
-              <div
56
-                :id="'collapse' + region.id"
57
-                class="collapse"
58
-                :aria-labelledby="'header' + region.id"
59
-                data-parent="#accordionExample"
60
-              >
61
-                <div class="card-body">
62
-                  <p class="mb-0" v-for="(resort, i) in region.resorts" :key="i">
63
-                    <a
64
-                      class="cursor-pointer"
65
-                      href="#"
66
-                      @click="routerGoTo('/resort/' + resort.resortCode)"
67
-                      @mouseover="updateMap(resort.resortCode)"
68
-                    >{{resort.resortName}}</a>
69
-                    <br />
70
-                  </p>
23
+        <div class="container col-md-10">
24
+          <br />
25
+          <div class="row">
26
+            <div class="col-md-12 text-left">
27
+              <p>
28
+                The resorts have been listed in their relevant provinces.
29
+                Please select the resort for which you would like to view
30
+                the available weeks and then select the weeks that interest
31
+                you on the resort page.
32
+              </p>
33
+              <p>
34
+                Arrival and departure dates are indicated but please note
35
+                that these dates may vary annually.
36
+              </p>
37
+              <p>
38
+                As with any property related sale, upon purchasing the holiday
39
+                of your choice, there will be a transfer fee payable for the
40
+                change of ownership. This fee will depend on the relevant resort
41
+                or managing agent.
42
+              </p>
43
+            </div>
44
+          </div>
45
+          <br />
46
+          <div class="row mb-4">
47
+            <div class="container col-md-4">
48
+              <div class="accordion" id="accordionExample">
49
+                <div class="card" v-for="(region, r) in regions" :key="r">
50
+                  <a
51
+                    class="mb-0 color-text-a"
52
+                    data-toggle="collapse"
53
+                    :data-target="'#collapse' + region.id"
54
+                    aria-expanded="false"
55
+                    :aria-controls="'collapse' + region.id"
56
+                  >
57
+                    <div :id="'header' + region.id">
58
+                      <h5
59
+                        class="btn btn-link font-weight-bold color-b"
60
+                        @mouseover="updateMapProvince(region.regionName)"
61
+                      >{{ region.regionName }}</h5>
62
+                    </div>
63
+                  </a>
64
+                  <div
65
+                    :id="'collapse' + region.id"
66
+                    class="collapse"
67
+                    :aria-labelledby="'header' + region.id"
68
+                    data-parent="#accordionExample"
69
+                  >
70
+                    <div class="card-body">
71
+                      <p class="mb-0" v-for="(resort, i) in region.resorts" :key="i">
72
+                        <a
73
+                          class="cursor-pointer"
74
+                          href="#"
75
+                          @click="routerGoTo('/resort/' + resort.resortCode)"
76
+                          @mouseover="updateMap(resort.resortCode)"
77
+                        >{{resort.resortName}}</a>
78
+                        <br />
79
+                      </p>
80
+                    </div>
81
+                  </div>
71 82
                 </div>
72 83
               </div>
73 84
             </div>
74
-          </div>
75
-        </div>
76
-        <div class="col-md-8">
77
-          <div class="tab-content" id="myTabContent">
78
-            <div
79
-              class="tab-pane fade show active"
80
-              id="directions"
81
-              role="tabpanel"
82
-              aria-labelledby="directions-tab"
83
-            >
84
-              <iframe
85
-                :src="mapUrl"
86
-                width="100%"
87
-                height="450"
88
-                frameborder="0"
89
-                style="border:0"
90
-                allowfullscreen
91
-              ></iframe>
92
-              <br />
85
+            <div class="col-md-8">
86
+              <div class="tab-content" id="myTabContent">
87
+                <div
88
+                  class="tab-pane fade show active"
89
+                  id="directions"
90
+                  role="tabpanel"
91
+                  aria-labelledby="directions-tab"
92
+                >
93
+                  <iframe
94
+                    :src="mapUrl"
95
+                    width="100%"
96
+                    height="450"
97
+                    frameborder="0"
98
+                    style="border:0"
99
+                    allowfullscreen
100
+                  ></iframe>
101
+                  <br />
93 102
 
94
-              <small>
95
-                <a
96
-                  :href="mapUrl"
97
-                  style="color:#60CBEB;text-align:left"
98
-                  target="_blank"
99
-                >See map bigger</a>
100
-              </small>
101
-            </div>
102
-            <div
103
-              class="tab-pane fade"
104
-              id="resort-layout"
105
-              role="tabpanel"
106
-              aria-labelledby="resort-layout-tab"
107
-            >
108
-              <img class="img-fluid" :src="layout" alt="Resort Layout" />
103
+                  <small>
104
+                    <a
105
+                      :href="mapUrl"
106
+                      style="color:#60CBEB;text-align:left"
107
+                      target="_blank"
108
+                    >See map bigger</a>
109
+                  </small>
110
+                </div>
111
+                <div
112
+                  class="tab-pane fade"
113
+                  id="resort-layout"
114
+                  role="tabpanel"
115
+                  aria-labelledby="resort-layout-tab"
116
+                >
117
+                  <img class="img-fluid" :src="layout" alt="Resort Layout" />
118
+                </div>
119
+              </div>
109 120
             </div>
110 121
           </div>
111 122
         </div>

+ 366
- 306
src/components/timeshare/faqPage.vue Просмотреть файл

@@ -1,331 +1,391 @@
1
-/* eslint-disable max-len */
2 1
 <template>
2
+  <!-- eslint-disable max-len -->
3 3
   <section class="collapse-items">
4
-    <section class="intro-single">
5
-      <div class="container">
6
-        <div class="title-single-box">
7
-          <h3 class="title-single" style="text-align:left;">Frequently Asked Questions</h3>
8
-        </div>
9
-      </div>
10
-    </section>
11
-    <div class="container col-md-5">
12
-      <div id="accordion">
13
-        <div class="card">
14
-          <div class="card-header" id="heading1" style="text-align:left">
15
-            <h5 class="mb-0 color-text-a">
16
-              <button
17
-                class="btn btn-link font-weight-bold color-b"
18
-                data-toggle="collapse"
19
-                data-target="#collapse1"
20
-                aria-expanded="true"
21
-                aria-controls="collapse1"
22
-              >What is timeshare vacation ownership?</button>
23
-            </h5>
4
+    <div class="container">
5
+      <div class="row">
6
+        <div class="col-sm-12">
7
+          <div class="faq-img-box">
8
+            <img
9
+              src="img/questions.jpg"
10
+              alt="Frequently Asked Questions"
11
+              class="img-fluid"
12
+              style="width:800px;height:400px;"
13
+            />
24 14
           </div>
25
-          <div
26
-            id="collapse1"
27
-            class="collapse show color-text-a"
28
-            aria-labelledby="heading1"
29
-            data-parent="#accordion"
30
-          >
31
-            <div class="card-body" style="text-align:left">
32
-              Owning a timeshare means you own a portion of time in a specific unit in a resort. Most commonly the
33
-              increments are sold per week and usually this means Friday to Friday depending on the specific resorts
34
-              calendar. In specific resorts it could also mean midweek or weekend modules.
35
-            </div>
15
+          <div class="sinse-box">
16
+            <h3 class="sinse-title">
17
+              Frequently Asked Questions
18
+              <span></span>
19
+            </h3>
36 20
           </div>
37 21
         </div>
38
-        <div class="card">
39
-          <div class="card-header" id="heading2" style="text-align:left">
40
-            <h5 class="mb-0">
41
-              <button
42
-                class="btn btn-link font-weight-bold color-b"
43
-                data-toggle="collapse"
44
-                data-target="#collapse2"
45
-                aria-expanded="false"
46
-                aria-controls="collapse2"
47
-              >What is included in my timeshare?</button>
48
-            </h5>
49
-          </div>
50
-          <div id="collapse2" class="collapse" aria-labelledby="heading2" data-parent="#accordion">
51
-            <div class="card-body" style="text-align:left">
52
-              Most timeshare resorts are self-catering which means you have a ‘home away from home” holiday. You will
53
-              not be required to pay for your accommodation week other than a maintenance levy which is charged by the
54
-              resort. Some resorts do charge a key or breakage deposit but these are usually refundable.
22
+        <div class="container col-md-10">
23
+          <br />
24
+          <div id="accordion">
25
+            <div class="card">
26
+              <div class="card-header" id="heading1" style="text-align:left">
27
+                <h5 class="mb-0 color-text-a">
28
+                  <button
29
+                    class="btn btn-link font-weight-bold color-b"
30
+                    data-toggle="collapse"
31
+                    data-target="#collapse1"
32
+                    aria-expanded="true"
33
+                    aria-controls="collapse1"
34
+                  >What is timeshare vacation ownership?</button>
35
+                </h5>
36
+              </div>
37
+              <div
38
+                id="collapse1"
39
+                class="collapse show color-text-a"
40
+                aria-labelledby="heading1"
41
+                data-parent="#accordion"
42
+              >
43
+                <div class="card-body" style="text-align:left">
44
+                  Owning a timeshare means you own a portion of time in a specific unit in a resort. Most commonly the
45
+                  increments are sold per week and usually this means Friday to Friday depending on the specific resorts
46
+                  calendar. In specific resorts it could also mean midweek or weekend modules.
47
+                </div>
48
+              </div>
55 49
             </div>
56
-          </div>
57
-        </div>
58
-        <div class="card">
59
-          <div class="card-header" id="heading3" style="text-align:left">
60
-            <h5 class="mb-0">
61
-              <button
62
-                class="btn btn-link font-weight-bold color-b"
63
-                data-toggle="collapse"
64
-                data-target="#collapse3"
65
-                aria-expanded="false"
66
-                aria-controls="collapse3"
67
-              >What is timeshare resale?</button>
68
-            </h5>
69
-          </div>
70
-          <div id="collapse3" class="collapse" aria-labelledby="heading3" data-parent="#accordion">
71
-            <div class="card-body" style="text-align:left">
72
-              Should the needs or lifestyle change for the timeshare owner, he may decide to sell his week. As a proud
73
-              member of VOASA, Uni-Vate Properties are accredited agents who facilitate this process for the seller and
74
-              prospective buyer, ensuring sound and ethical business practice for all transactions.
50
+            <div class="card">
51
+              <div class="card-header" id="heading2" style="text-align:left">
52
+                <h5 class="mb-0">
53
+                  <button
54
+                    class="btn btn-link font-weight-bold color-b"
55
+                    data-toggle="collapse"
56
+                    data-target="#collapse2"
57
+                    aria-expanded="false"
58
+                    aria-controls="collapse2"
59
+                  >What is included in my timeshare?</button>
60
+                </h5>
61
+              </div>
62
+              <div
63
+                id="collapse2"
64
+                class="collapse"
65
+                aria-labelledby="heading2"
66
+                data-parent="#accordion"
67
+              >
68
+                <div class="card-body" style="text-align:left">
69
+                  Most timeshare resorts are self-catering which means you have a ‘home away from home” holiday. You will
70
+                  not be required to pay for your accommodation week other than a maintenance levy which is charged by the
71
+                  resort. Some resorts do charge a key or breakage deposit but these are usually refundable.
72
+                </div>
73
+              </div>
75 74
             </div>
76
-          </div>
77
-        </div>
78
-        <div class="card">
79
-          <div class="card-header" id="heading4" style="text-align:left">
80
-            <h5 class="mb-0">
81
-              <button
82
-                class="btn btn-link font-weight-bold color-b"
83
-                data-toggle="collapse"
84
-                data-target="#collapse4"
85
-                aria-expanded="false"
86
-                aria-controls="collapse4"
87
-              >Can Uni-Vate Properties sell my points?</button>
88
-            </h5>
89
-          </div>
90
-          <div id="collapse4" class="collapse" aria-labelledby="heading4" data-parent="#accordion">
91
-            <div class="card-body" style="text-align:left">
92
-              Uni-Vate Properties specialise in fixed weeks or flexi week timeshare but are qualified to sell and/or
93
-              advise on points sales.
75
+            <div class="card">
76
+              <div class="card-header" id="heading3" style="text-align:left">
77
+                <h5 class="mb-0">
78
+                  <button
79
+                    class="btn btn-link font-weight-bold color-b"
80
+                    data-toggle="collapse"
81
+                    data-target="#collapse3"
82
+                    aria-expanded="false"
83
+                    aria-controls="collapse3"
84
+                  >What is timeshare resale?</button>
85
+                </h5>
86
+              </div>
87
+              <div
88
+                id="collapse3"
89
+                class="collapse"
90
+                aria-labelledby="heading3"
91
+                data-parent="#accordion"
92
+              >
93
+                <div class="card-body" style="text-align:left">
94
+                  Should the needs or lifestyle change for the timeshare owner, he may decide to sell his week. As a proud
95
+                  member of VOASA, Uni-Vate Properties are accredited agents who facilitate this process for the seller and
96
+                  prospective buyer, ensuring sound and ethical business practice for all transactions.
97
+                </div>
98
+              </div>
94 99
             </div>
95
-          </div>
96
-        </div>
97
-        <div class="card">
98
-          <div class="card-header" id="heading5" style="text-align:left">
99
-            <h5 class="mb-0">
100
-              <button
101
-                class="btn btn-link font-weight-bold color-b"
102
-                data-toggle="collapse"
103
-                data-target="#collapse5"
104
-                aria-expanded="false"
105
-                aria-controls="collapse5"
106
-              >How do I list my week with Uni-Vate Properties?</button>
107
-            </h5>
108
-          </div>
109
-          <div id="collapse5" class="collapse" aria-labelledby="heading5" data-parent="#accordion">
110
-            <div class="card-body" style="text-align:left">
111
-              You can complete the on-line details which you will find under the “To Sell” tab. There will be a listing
112
-              fee payable of R380 including VAT. The details submitted will go through a verification process. Subject
113
-              to there being no complications, the listing will be processed and published.
100
+            <div class="card">
101
+              <div class="card-header" id="heading4" style="text-align:left">
102
+                <h5 class="mb-0">
103
+                  <button
104
+                    class="btn btn-link font-weight-bold color-b"
105
+                    data-toggle="collapse"
106
+                    data-target="#collapse4"
107
+                    aria-expanded="false"
108
+                    aria-controls="collapse4"
109
+                  >Can Uni-Vate Properties sell my points?</button>
110
+                </h5>
111
+              </div>
112
+              <div
113
+                id="collapse4"
114
+                class="collapse"
115
+                aria-labelledby="heading4"
116
+                data-parent="#accordion"
117
+              >
118
+                <div class="card-body" style="text-align:left">
119
+                  Uni-Vate Properties specialise in fixed weeks or flexi week timeshare but are qualified to sell and/or
120
+                  advise on points sales.
121
+                </div>
122
+              </div>
114 123
             </div>
115
-          </div>
116
-        </div>
117
-        <div class="card">
118
-          <div class="card-header" id="heading6" style="text-align:left">
119
-            <h5 class="mb-0">
120
-              <button
121
-                class="btn btn-link font-weight-bold color-b"
122
-                data-toggle="collapse"
123
-                data-target="#collapse6"
124
-                aria-expanded="false"
125
-                aria-controls="collapse6"
126
-              >Is timeshare an investment?</button>
127
-            </h5>
128
-          </div>
129
-          <div id="collapse6" class="collapse" aria-labelledby="heading6" data-parent="#accordion">
130
-            <div class="card-body" style="text-align:left">
131
-              Timeshare is not an appreciating property investment but it is an investment into your vacation lifestyle.
132
-              It will improve your lifestyle and the quality and variety of your family holidays both locally and
133
-              internationally while saving you money. The memories gained and the time spent with loved ones is
134
-              priceless.
124
+            <div class="card">
125
+              <div class="card-header" id="heading5" style="text-align:left">
126
+                <h5 class="mb-0">
127
+                  <button
128
+                    class="btn btn-link font-weight-bold color-b"
129
+                    data-toggle="collapse"
130
+                    data-target="#collapse5"
131
+                    aria-expanded="false"
132
+                    aria-controls="collapse5"
133
+                  >How do I list my week with Uni-Vate Properties?</button>
134
+                </h5>
135
+              </div>
136
+              <div
137
+                id="collapse5"
138
+                class="collapse"
139
+                aria-labelledby="heading5"
140
+                data-parent="#accordion"
141
+              >
142
+                <div class="card-body" style="text-align:left">
143
+                  You can complete the on-line details which you will find under the “To Sell” tab. There will be a listing
144
+                  fee payable of R380 including VAT. The details submitted will go through a verification process. Subject
145
+                  to there being no complications, the listing will be processed and published.
146
+                </div>
147
+              </div>
135 148
             </div>
136
-          </div>
137
-        </div>
138
-        <div class="card">
139
-          <div class="card-header" id="heading7" style="text-align:left">
140
-            <h5 class="mb-0">
141
-              <button
142
-                class="btn btn-link font-weight-bold color-b"
143
-                data-toggle="collapse"
144
-                data-target="#collapse7"
145
-                aria-expanded="false"
146
-                aria-controls="collapse7"
147
-              >How is my week sold?</button>
148
-            </h5>
149
-          </div>
150
-          <div id="collapse7" class="collapse" aria-labelledby="heading7" data-parent="#accordion">
151
-            <div class="card-body" style="text-align:left">
152
-              Through Uni-Vate Properties your week will be marketed extensively to all of their available channels.
153
-              Uni-Vate will only charge a listing Fee of R380 including VAT which is due when listing.
149
+            <div class="card">
150
+              <div class="card-header" id="heading6" style="text-align:left">
151
+                <h5 class="mb-0">
152
+                  <button
153
+                    class="btn btn-link font-weight-bold color-b"
154
+                    data-toggle="collapse"
155
+                    data-target="#collapse6"
156
+                    aria-expanded="false"
157
+                    aria-controls="collapse6"
158
+                  >Is timeshare an investment?</button>
159
+                </h5>
160
+              </div>
161
+              <div
162
+                id="collapse6"
163
+                class="collapse"
164
+                aria-labelledby="heading6"
165
+                data-parent="#accordion"
166
+              >
167
+                <div class="card-body" style="text-align:left">
168
+                  Timeshare is not an appreciating property investment but it is an investment into your vacation lifestyle.
169
+                  It will improve your lifestyle and the quality and variety of your family holidays both locally and
170
+                  internationally while saving you money. The memories gained and the time spent with loved ones is
171
+                  priceless.
172
+                </div>
173
+              </div>
154 174
             </div>
155
-          </div>
156
-        </div>
157
-        <div class="card">
158
-          <div class="card-header" id="heading8" style="text-align:left">
159
-            <h5 class="mb-0">
160
-              <button
161
-                class="btn btn-link font-weight-bold color-b"
162
-                data-toggle="collapse"
163
-                data-target="#collapse8"
164
-                aria-expanded="false"
165
-                aria-controls="collapse8"
166
-              >How do I buy a week?</button>
167
-            </h5>
168
-          </div>
169
-          <div id="collapse8" class="collapse" aria-labelledby="heading8" data-parent="#accordion">
170
-            <div class="card-body" style="text-align:left">
171
-              All available and verified weeks will be listed on the website for prospective buyers. Once you identify a
172
-              week that suits your holiday need and price, click on “Enquire Now” and complete your details to conclude
173
-              the initiation of the transaction.
175
+            <div class="card">
176
+              <div class="card-header" id="heading7" style="text-align:left">
177
+                <h5 class="mb-0">
178
+                  <button
179
+                    class="btn btn-link font-weight-bold color-b"
180
+                    data-toggle="collapse"
181
+                    data-target="#collapse7"
182
+                    aria-expanded="false"
183
+                    aria-controls="collapse7"
184
+                  >How is my week sold?</button>
185
+                </h5>
186
+              </div>
187
+              <div
188
+                id="collapse7"
189
+                class="collapse"
190
+                aria-labelledby="heading7"
191
+                data-parent="#accordion"
192
+              >
193
+                <div class="card-body" style="text-align:left">
194
+                  Through Uni-Vate Properties your week will be marketed extensively to all of their available channels.
195
+                  Uni-Vate will only charge a listing Fee of R380 including VAT which is due when listing.
196
+                </div>
197
+              </div>
174 198
             </div>
175
-          </div>
176
-        </div>
177
-        <div class="card">
178
-          <div class="card-header" id="heading9" style="text-align:left">
179
-            <h5 class="mb-0">
180
-              <button
181
-                class="btn btn-link font-weight-bold color-b"
182
-                data-toggle="collapse"
183
-                data-target="#collapse9"
184
-                aria-expanded="false"
185
-                aria-controls="collapse9"
186
-              >Is my money safe?</button>
187
-            </h5>
188
-          </div>
189
-          <div id="collapse9" class="collapse" aria-labelledby="heading9" data-parent="#accordion">
190
-            <div class="card-body" style="text-align:left">
191
-              By law, your money will be held in a trust account while the transfer is being processed. This trust
192
-              account is a specification of any company registered as an estate agency with the EAAB.
199
+            <div class="card">
200
+              <div class="card-header" id="heading8" style="text-align:left">
201
+                <h5 class="mb-0">
202
+                  <button
203
+                    class="btn btn-link font-weight-bold color-b"
204
+                    data-toggle="collapse"
205
+                    data-target="#collapse8"
206
+                    aria-expanded="false"
207
+                    aria-controls="collapse8"
208
+                  >How do I buy a week?</button>
209
+                </h5>
210
+              </div>
211
+              <div
212
+                id="collapse8"
213
+                class="collapse"
214
+                aria-labelledby="heading8"
215
+                data-parent="#accordion"
216
+              >
217
+                <div class="card-body" style="text-align:left">
218
+                  All available and verified weeks will be listed on the website for prospective buyers. Once you identify a
219
+                  week that suits your holiday need and price, click on “Enquire Now” and complete your details to conclude
220
+                  the initiation of the transaction.
221
+                </div>
222
+              </div>
193 223
             </div>
194
-          </div>
195
-        </div>
196
-        <div class="card">
197
-          <div class="card-header" id="heading10" style="text-align:left">
198
-            <h5 class="mb-0">
199
-              <button
200
-                class="btn btn-link font-weight-bold color-b"
201
-                data-toggle="collapse"
202
-                data-target="#collapse10"
203
-                aria-expanded="false"
204
-                aria-controls="collapse10"
205
-              >Can I exchange my timeshare for other destinations?</button>
206
-            </h5>
207
-          </div>
208
-          <div
209
-            id="collapse10"
210
-            class="collapse"
211
-            aria-labelledby="heading10"
212
-            data-parent="#accordion"
213
-          >
214
-            <div class="card-body" style="text-align:left">
215
-              Most definitely! Once the week has been transferred to you, you have a choice of membership with RCI
216
-              and/or DAE, two of the worlds largest exchange companies that will gladly exchange your week for you
217
-              anywhere in the world with friendly and professional service. We will gladly put you in touch with them
218
-              and the entire world will be available to you for holidays.
224
+            <div class="card">
225
+              <div class="card-header" id="heading9" style="text-align:left">
226
+                <h5 class="mb-0">
227
+                  <button
228
+                    class="btn btn-link font-weight-bold color-b"
229
+                    data-toggle="collapse"
230
+                    data-target="#collapse9"
231
+                    aria-expanded="false"
232
+                    aria-controls="collapse9"
233
+                  >Is my money safe?</button>
234
+                </h5>
235
+              </div>
236
+              <div
237
+                id="collapse9"
238
+                class="collapse"
239
+                aria-labelledby="heading9"
240
+                data-parent="#accordion"
241
+              >
242
+                <div class="card-body" style="text-align:left">
243
+                  By law, your money will be held in a trust account while the transfer is being processed. This trust
244
+                  account is a specification of any company registered as an estate agency with the EAAB.
245
+                </div>
246
+              </div>
219 247
             </div>
220
-          </div>
221
-        </div>
222
-        <div class="card">
223
-          <div class="card-header" id="heading11" style="text-align:left">
224
-            <h5 class="mb-0">
225
-              <button
226
-                class="btn btn-link font-weight-bold color-b"
227
-                data-toggle="collapse"
228
-                data-target="#collapse11"
229
-                aria-expanded="false"
230
-                aria-controls="collapse11"
231
-              >There are so many agents and scam artists out there. Why Uni-Vate Properties?</button>
232
-            </h5>
233
-          </div>
234
-          <div id="collapse11" class="collapse" aria-labelledby="heading" data-parent="#accordion">
235
-            <div class="card-body" style="text-align:left">
236
-              Uni-Vate Properties (Pty) Ltd is affiliated to the Estate Agents Board (EAAB) as well as the Institute of
237
-              Estate Agents South Africa (IEASA) and are obliged to comply with the Estate Agents Code of Conduct. We
238
-              are also proud members of Vacation Ownership Association South Africa (VOASA) and are obliged to comply
239
-              with their code too. This assures our clients of professional, ethical and fair service at all times. We
240
-              also have 25 years’ experience in the Timeshare industry in SA and to date the team have processed many
241
-              sales in the residential, share block and commercial arenas within South Africa and are currently involved
242
-              in the rental and management of 40 commercial and 15 residential properties. The Uni-Vate resale support
243
-              team consists of three highly qualified and experienced staff, who have thirteen years’ joint experience
244
-              in the timeshare resales industry.
248
+            <div class="card">
249
+              <div class="card-header" id="heading10" style="text-align:left">
250
+                <h5 class="mb-0">
251
+                  <button
252
+                    class="btn btn-link font-weight-bold color-b"
253
+                    data-toggle="collapse"
254
+                    data-target="#collapse10"
255
+                    aria-expanded="false"
256
+                    aria-controls="collapse10"
257
+                  >Can I exchange my timeshare for other destinations?</button>
258
+                </h5>
259
+              </div>
260
+              <div
261
+                id="collapse10"
262
+                class="collapse"
263
+                aria-labelledby="heading10"
264
+                data-parent="#accordion"
265
+              >
266
+                <div class="card-body" style="text-align:left">
267
+                  Most definitely! Once the week has been transferred to you, you have a choice of membership with RCI
268
+                  and/or DAE, two of the worlds largest exchange companies that will gladly exchange your week for you
269
+                  anywhere in the world with friendly and professional service. We will gladly put you in touch with them
270
+                  and the entire world will be available to you for holidays.
271
+                </div>
272
+              </div>
245 273
             </div>
246
-          </div>
247
-        </div>
248
-        <div class="card">
249
-          <div class="card-header" id="heading12" style="text-align:left">
250
-            <h5 class="mb-0">
251
-              <button
252
-                class="btn btn-link font-weight-bold color-b"
253
-                data-toggle="collapse"
254
-                data-target="#collapse12"
255
-                aria-expanded="false"
256
-                aria-controls="collapse12"
257
-              >Why would I buy a resale week rather than a new week?</button>
258
-            </h5>
259
-          </div>
260
-          <div
261
-            id="collapse12"
262
-            class="collapse"
263
-            aria-labelledby="heading12"
264
-            data-parent="#accordion"
265
-          >
266
-            <div class="card-body" style="text-align:left">
267
-              Both are equally viable. The difference is either the seller is the developer of a resort marketing
268
-              directly to the public and offering finance options on the purchase, or an individual who wants to sell
269
-              their week for a variety of reasons. Often when purchasing from an individual the price can be negotiated
270
-              as it is a cash sale with no financing options.
271
-              Its all about finding the resort and time of your choice that fits your pocket so that you can have many
272
-              years of happy holidays. Uni-Vate Properties are highly qualified in offering sound advice and assisting
273
-              you in what can be a tricky decision.
274
+            <div class="card">
275
+              <div class="card-header" id="heading11" style="text-align:left">
276
+                <h5 class="mb-0">
277
+                  <button
278
+                    class="btn btn-link font-weight-bold color-b"
279
+                    data-toggle="collapse"
280
+                    data-target="#collapse11"
281
+                    aria-expanded="false"
282
+                    aria-controls="collapse11"
283
+                  >There are so many agents and scam artists out there. Why Uni-Vate Properties?</button>
284
+                </h5>
285
+              </div>
286
+              <div
287
+                id="collapse11"
288
+                class="collapse"
289
+                aria-labelledby="heading"
290
+                data-parent="#accordion"
291
+              >
292
+                <div class="card-body" style="text-align:left">
293
+                  Uni-Vate Properties (Pty) Ltd is affiliated to the Estate Agents Board (EAAB) as well as the Institute of
294
+                  Estate Agents South Africa (IEASA) and are obliged to comply with the Estate Agents Code of Conduct. We
295
+                  are also proud members of Vacation Ownership Association South Africa (VOASA) and are obliged to comply
296
+                  with their code too. This assures our clients of professional, ethical and fair service at all times. We
297
+                  also have 25 years’ experience in the Timeshare industry in SA and to date the team have processed many
298
+                  sales in the residential, share block and commercial arenas within South Africa and are currently involved
299
+                  in the rental and management of 40 commercial and 15 residential properties. The Uni-Vate resale support
300
+                  team consists of three highly qualified and experienced staff, who have thirteen years’ joint experience
301
+                  in the timeshare resales industry.
302
+                </div>
303
+              </div>
274 304
             </div>
275
-          </div>
276
-        </div>
277
-        <div class="card">
278
-          <div class="card-header" id="heading13" style="text-align:left">
279
-            <h5 class="mb-0">
280
-              <button
281
-                class="btn btn-link font-weight-bold color-b"
282
-                data-toggle="collapse"
283
-                data-target="#collapse13"
284
-                aria-expanded="false"
285
-                aria-controls="collapse13"
286
-              >How is the price of the week determined?</button>
287
-            </h5>
288
-          </div>
289
-          <div
290
-            id="collapse13"
291
-            class="collapse"
292
-            aria-labelledby="heading13"
293
-            data-parent="#accordion"
294
-          >
295
-            <div class="card-body" style="text-align:left">
296
-              The selling price is always market related determined by five factors. Resort quality, season, sleeper
297
-              size of the unit, location of the resort and lastly, supply and demand.
298
-              Uni-Vate Properties offer transparent advice on all pricing ensuring that both buyer and seller receive
299
-              the best value for their money.
305
+            <div class="card">
306
+              <div class="card-header" id="heading12" style="text-align:left">
307
+                <h5 class="mb-0">
308
+                  <button
309
+                    class="btn btn-link font-weight-bold color-b"
310
+                    data-toggle="collapse"
311
+                    data-target="#collapse12"
312
+                    aria-expanded="false"
313
+                    aria-controls="collapse12"
314
+                  >Why would I buy a resale week rather than a new week?</button>
315
+                </h5>
316
+              </div>
317
+              <div
318
+                id="collapse12"
319
+                class="collapse"
320
+                aria-labelledby="heading12"
321
+                data-parent="#accordion"
322
+              >
323
+                <div class="card-body" style="text-align:left">
324
+                  Both are equally viable. The difference is either the seller is the developer of a resort marketing
325
+                  directly to the public and offering finance options on the purchase, or an individual who wants to sell
326
+                  their week for a variety of reasons. Often when purchasing from an individual the price can be negotiated
327
+                  as it is a cash sale with no financing options.
328
+                  Its all about finding the resort and time of your choice that fits your pocket so that you can have many
329
+                  years of happy holidays. Uni-Vate Properties are highly qualified in offering sound advice and assisting
330
+                  you in what can be a tricky decision.
331
+                </div>
332
+              </div>
300 333
             </div>
301
-          </div>
302
-        </div>
303
-        <div class="card">
304
-          <div class="card-header" id="heading14" style="text-align:left">
305
-            <h5 class="mb-0">
306
-              <button
307
-                class="btn btn-link font-weight-bold color-b"
308
-                data-toggle="collapse"
309
-                data-target="#collapse14"
310
-                aria-expanded="false"
311
-                aria-controls="collapse14"
312
-              >How are levies determined?</button>
313
-            </h5>
314
-          </div>
315
-          <div
316
-            id="collapse14"
317
-            class="collapse"
318
-            aria-labelledby="heading14"
319
-            data-parent="#accordion"
320
-          >
321
-            <div class="card-body" style="text-align:left">
322
-              Levies are determined by the share block Board of Directors who are accountable to the shareholders. The
323
-              managing agents of the resort are always available to assist with any queries that owners may have.
334
+            <div class="card">
335
+              <div class="card-header" id="heading13" style="text-align:left">
336
+                <h5 class="mb-0">
337
+                  <button
338
+                    class="btn btn-link font-weight-bold color-b"
339
+                    data-toggle="collapse"
340
+                    data-target="#collapse13"
341
+                    aria-expanded="false"
342
+                    aria-controls="collapse13"
343
+                  >How is the price of the week determined?</button>
344
+                </h5>
345
+              </div>
346
+              <div
347
+                id="collapse13"
348
+                class="collapse"
349
+                aria-labelledby="heading13"
350
+                data-parent="#accordion"
351
+              >
352
+                <div class="card-body" style="text-align:left">
353
+                  The selling price is always market related determined by five factors. Resort quality, season, sleeper
354
+                  size of the unit, location of the resort and lastly, supply and demand.
355
+                  Uni-Vate Properties offer transparent advice on all pricing ensuring that both buyer and seller receive
356
+                  the best value for their money.
357
+                </div>
358
+              </div>
359
+            </div>
360
+            <div class="card">
361
+              <div class="card-header" id="heading14" style="text-align:left">
362
+                <h5 class="mb-0">
363
+                  <button
364
+                    class="btn btn-link font-weight-bold color-b"
365
+                    data-toggle="collapse"
366
+                    data-target="#collapse14"
367
+                    aria-expanded="false"
368
+                    aria-controls="collapse14"
369
+                  >How are levies determined?</button>
370
+                </h5>
371
+              </div>
372
+              <div
373
+                id="collapse14"
374
+                class="collapse"
375
+                aria-labelledby="heading14"
376
+                data-parent="#accordion"
377
+              >
378
+                <div class="card-body" style="text-align:left">
379
+                  Levies are determined by the share block Board of Directors who are accountable to the shareholders. The
380
+                  managing agents of the resort are always available to assist with any queries that owners may have.
381
+                </div>
382
+              </div>
324 383
             </div>
325 384
           </div>
326 385
         </div>
327 386
       </div>
328 387
     </div>
388
+    <br />
329 389
   </section>
330 390
 </template>
331 391
 <script>

+ 28
- 8
src/components/timeshare/sell/sellPage.vue Просмотреть файл

@@ -3,20 +3,40 @@
3 3
   <div class="container">
4 4
     <div class="row">
5 5
       <div class="col-md-12">
6
-        <h1 class="my-4">
7
-          To Sell
8
-          <div style="float: right;" class="btn btn-blue btn-lg">
9
-            <router-link to class="colorBlack">Bulk Weeks upload</router-link>
6
+        <div class="col-sm-12">
7
+          <div class="about-img-box">
8
+            <img
9
+              src="img/sell.jpg"
10
+              alt="Timeshare To Sell"
11
+              class="img-fluid"
12
+              style="width:800px;height:400px;"
13
+            />
10 14
           </div>
11
-        </h1>
12
-        <hr />
15
+          <div class="sinse-box">
16
+            <h3 class="sinse-title">
17
+              Timeshare To Sell
18
+              <span></span>
19
+            </h3>
20
+          </div>
21
+        </div>
22
+        <br />
23
+        <div>
24
+          <div style="float: right;" class="btn btn-link color-b">
25
+            <router-link to="LinkToBeSelected">
26
+              Bulk Weeks Upload
27
+              <span class="ion-ios-arrow-forward" style="color:#60CBEB"></span>
28
+            </router-link>
29
+          </div>
30
+        </div>
31
+        <br />
32
+        <br />
13 33
         <p>* You need to be logged in to submit your listing. Please register and log in if you have not done so already.</p>
14 34
         <hr />
15 35
       </div>
16 36
     </div>
17 37
     <div v-for="(item, i) in sellItem" :key="i">{{item}}</div>
18 38
     <div class="row mb-4">
19
-      <div class="col-md-12">
39
+      <div class="container col-md-10">
20 40
         <form
21 41
           id="mainForm"
22 42
           method="POST"
@@ -180,7 +200,7 @@
180 200
           </div>
181 201
           <div class="form-group row">
182 202
             <div class="col-md-6">
183
-              <h5>Has your week been spacebanked for the current year?</h5>
203
+              <p>Has your week been spacebanked for the current year?</p>
184 204
               <div class="form-check">
185 205
                 <input
186 206
                   class="form-check-input"

+ 11
- 10
src/components/user/loginPage.vue Просмотреть файл

@@ -43,7 +43,7 @@
43 43
             </div>
44 44
           </div>
45 45
           <div class="form-group row"></div>
46
-          <button @click="Login" class="btn btn-b-n" type="submit">Sign In</button>
46
+          <button @click="Login()" class="btn btn-b-n" type="submit">Sign In</button>
47 47
           <p v-if="user !== null">{{ user }}</p>
48 48
         </div>
49 49
       </form>
@@ -62,7 +62,7 @@
62 62
           </div>
63 63
           <div class="form-group row"></div>
64 64
           <div class="offset-md-3 col-md-5">
65
-            <button class="btn btn-b-n" type="submit">Get Help</button>
65
+            <button @click="SendMail()" class="btn btn-b-n" type="submit">Get Help</button>
66 66
           </div>
67 67
         </div>
68 68
       </form>
@@ -98,7 +98,7 @@ export default {
98 98
           password: this.password,
99 99
         })
100 100
         .then(response => console.log(response.data));
101
-      this.$router.push('/about/us');
101
+      this.$router.push('/');
102 102
     },
103 103
     togglePassword() {
104 104
       this.showPassword = true;
@@ -108,14 +108,15 @@ export default {
108 108
       this.showPassword = false;
109 109
       this.isPasswordShown = 'password';
110 110
     },
111
-    // authHeader() {
112
-    //   const user = JSON.parse(localStorage.getItem('user'));
111
+    authHeader() {
112
+      const user = JSON.parse(localStorage.getItem('user'));
113 113
 
114
-    //   if (user && user.token) {
115
-    //     return { Authoriztion: `Bearer ${user.token}` };
116
-    //   }
117
-    //   return {};
118
-    // },
114
+      if (user && user.token) {
115
+        return { Authoriztion: `Bearer ${user.token}` };
116
+      }
117
+      return {};
118
+    },
119
+    SendMail() {},
119 120
   },
120 121
 };
121 122
 </script>

+ 107
- 75
src/components/user/registerAgencySection.vue Просмотреть файл

@@ -40,98 +40,130 @@
40 40
             <h5 style="margin-bottom: 1em">Agency Administrator</h5>
41 41
             <div class="row" style="text-align:left">
42 42
               <div class="col-md-6" style="margin-bottom: 1em">
43
-                <eva-icon name="person" fill="#60CBEB"></eva-icon>
44
-                <input
45
-                  class="form-control"
46
-                  type="text"
47
-                  name="name"
48
-                  placeholder="Name"
49
-                  v-model="registerAgency.user.name"
50
-                />
43
+                <div class="input-group-prepend">
44
+                  <span class="input-group-text">
45
+                    <eva-icon name="person" fill="#60CBEB"></eva-icon>
46
+                  </span>
47
+                  <input
48
+                    class="form-control"
49
+                    type="text"
50
+                    name="name"
51
+                    placeholder="Name"
52
+                    v-model="registerAgency.user.name"
53
+                  />
54
+                </div>
51 55
               </div>
56
+
52 57
               <div class="col-md-6" style="margin-bottom: 1em">
53
-                <eva-icon name="person" fill="#60CBEB"></eva-icon>
54
-                <input
55
-                  class="form-control"
56
-                  type="text"
57
-                  name="surname"
58
-                  placeholder="Surname"
59
-                  v-model="registerAgency.user.surname"
60
-                />
58
+                <div class="input-group-prepend">
59
+                  <span class="input-group-text">
60
+                    <eva-icon name="person" fill="#60CBEB"></eva-icon>
61
+                  </span>
62
+                  <input
63
+                    class="form-control"
64
+                    type="text"
65
+                    name="surname"
66
+                    placeholder="Surname"
67
+                    v-model="registerAgency.user.surname"
68
+                  />
69
+                </div>
61 70
               </div>
62 71
             </div>
63 72
 
64 73
             <div class="row" style="text-align:left">
65
-              <div class="col-md-8">
66
-                <eva-icon name="email" fill="#60CBEB"></eva-icon>
67
-                <input
68
-                  class="form-control"
69
-                  type="text"
70
-                  name="email"
71
-                  placeholder="Email Address"
72
-                  v-model="registerAgency.user.email"
73
-                />
74
-                <div class="form-group row"></div>
74
+              <div class="input-group mb-3">
75
+                <div class="input-group-prepend">
76
+                  <span class="input-group-text">
77
+                    <eva-icon name="email" fill="#60CBEB"></eva-icon>
78
+                  </span>
79
+                  <input
80
+                    class="form-control"
81
+                    type="text"
82
+                    name="email"
83
+                    placeholder="Email Address"
84
+                    v-model="registerAgency.user.email"
85
+                  />
86
+                </div>
75 87
               </div>
76 88
 
77
-              <div class="col-md-6" style="text-align:left">
78
-                <eva-icon name="smartphone" fill="#60CBEB"></eva-icon>
79
-                <input
80
-                  class="form-control"
81
-                  type="text"
82
-                  name="cellnumber"
83
-                  placeholder="Contact Number"
84
-                  v-model="registerAgency.user.cellNumber"
85
-                />
89
+              <div class="input-group mb-3">
90
+                <div class="input-group-prepend">
91
+                  <span class="input-group-text">
92
+                    <eva-icon name="smartphone" fill="#60CBEB"></eva-icon>
93
+                  </span>
94
+                  <input
95
+                    class="form-control"
96
+                    type="text"
97
+                    name="cellnumber"
98
+                    placeholder="Contact Number"
99
+                    v-model="registerAgency.user.cellNumber"
100
+                  />
101
+                </div>
86 102
               </div>
87 103
             </div>
88
-            <hr />
104
+
89 105
             <div class="row">
90
-              <div class="col-md-7" style="margin-bottom: 1em">
91
-                <eva-icon name="person" fill="#60CBEB"></eva-icon>
92
-                <input
93
-                  class="form-control"
94
-                  type="text"
95
-                  name="username"
96
-                  placeholder="Username"
97
-                  v-model="registerAgency.user.username"
98
-                />
106
+              <div class="input-group mb-3">
107
+                <div class="input-group-prepend">
108
+                  <span class="input-group-text">
109
+                    <eva-icon name="person" fill="#60CBEB"></eva-icon>
110
+                  </span>
111
+                  <input
112
+                    class="form-control"
113
+                    type="text"
114
+                    name="username"
115
+                    placeholder="Username"
116
+                    v-model="registerAgency.user.username"
117
+                  />
118
+                </div>
99 119
               </div>
100
-              <div class="col-md-7" style="margin-bottom: 1em">
101
-                <eva-icon name="lock" fill="#60CBEB"></eva-icon>
102
-                <input
103
-                  class="form-control"
104
-                  :type="isPasswordShown"
105
-                  v-model="registerAgency.user.password"
106
-                  id="password"
107
-                  placeholder="Password"
108
-                  name="password"
109
-                  value
110
-                />
120
+              <div class="input-group mb-3">
121
+                <div class="input-group-prepend">
122
+                  <span class="input-group-text">
123
+                    <eva-icon name="lock" fill="#60CBEB"></eva-icon>
124
+                  </span>
125
+                  <input
126
+                    class="form-control"
127
+                    :type="isPasswordShown"
128
+                    v-model="registerAgency.user.password"
129
+                    id="password"
130
+                    placeholder="Password"
131
+                    name="password"
132
+                    value
133
+                  />
134
+                </div>
111 135
               </div>
112
-              <div class="col-md-7" style="margin-bottom: 1em">
113
-                <eva-icon name="lock" fill="#60CBEB"></eva-icon>
114
-                <input
115
-                  class="form-control"
116
-                  :type="isPasswordShown"
117
-                  v-model="registerAgency.user.password"
118
-                  id="password"
119
-                  placeholder="Confirm Password"
120
-                  name="confirmpassword"
121
-                  value
122
-                />
123
-                <div>
124
-                  <eva-icon
125
-                    v-if="!showPassword"
126
-                    name="eye-off"
127
-                    fill="#60CBEB"
128
-                    @click="togglePassword()"
129
-                  ></eva-icon>
130
-                  <eva-icon v-else name="eye" fill="#60CBEB" @click="passwordToggled()"></eva-icon>
136
+              <div class="input-group mb-3">
137
+                <div class="input-group-prepend">
138
+                  <span class="input-group-text">
139
+                    <eva-icon name="lock" fill="#60CBEB"></eva-icon>
140
+                  </span>
141
+                  <input
142
+                    class="form-control"
143
+                    :type="isPasswordShown"
144
+                    v-model="registerAgency.user.password"
145
+                    id="password"
146
+                    placeholder="Confirm Password"
147
+                    name="confirmpassword"
148
+                    value
149
+                  />
150
+                </div>
151
+
152
+                <div class="input-group-append">
153
+                  <span class="input-group-text">
154
+                    <eva-icon
155
+                      v-if="!showPassword"
156
+                      name="eye-off"
157
+                      fill="#60CBEB"
158
+                      @click="togglePassword()"
159
+                    ></eva-icon>
160
+                    <eva-icon v-else name="eye" fill="#60CBEB" @click="passwordToggled()"></eva-icon>
161
+                  </span>
131 162
                 </div>
132 163
               </div>
133 164
             </div>
134 165
           </div>
166
+
135 167
           <div class="form-group row"></div>
136 168
           <div class="row offset-md-1">
137 169
             <div class="col-md-2">

+ 2
- 2
src/store/modules/timeshare/status.js Просмотреть файл

@@ -13,9 +13,9 @@ export default {
13 13
   getters: {},
14 14
   actions: {
15 15
     getStatusList({
16
-      commit
16
+      commit,
17 17
     }) {
18
-      axios.get('http://localhost:57260/api/status')
18
+      axios.get('/api/status')
19 19
         .then(result => commit('setStatusList', result.data))
20 20
         .catch(console.error);
21 21
     },

+ 1
- 1
src/store/modules/timeshare/unitConfiguration.js Просмотреть файл

@@ -15,7 +15,7 @@ export default {
15 15
     getUnitConfigurationList({
16 16
       commit,
17 17
     }) {
18
-      axios.get('http://localhost:57260/api/unitConfiguration')
18
+      axios.get('/api/unitConfiguration')
19 19
         .then(result => commit('setUnitConfigurationList', result.data))
20 20
         .catch(console.error);
21 21
     },

Загрузка…
Отмена
Сохранить