LeneS 5年前
コミット
87aafe9b20

バイナリ
public/img/logos/UVProp.png ファイルの表示


バイナリ
public/img/privacy.jpg ファイルの表示


+ 3
- 0
src/App.vue ファイルの表示

1
 <template>
1
 <template>
2
   <div id="app">
2
   <div id="app">
3
+    <a href="#" class="back-to-top">
4
+      <i class="fa fa-chevron-up"></i>
5
+    </a>
3
     <div class="click-closed"></div>
6
     <div class="click-closed"></div>
4
     <SearchTab />
7
     <SearchTab />
5
     <NavBar @routerGoTo="routerGoTo" />
8
     <NavBar @routerGoTo="routerGoTo" />

+ 37
- 29
src/components/misc/privacyPolicyPage.vue ファイルの表示

1
 <template>
1
 <template>
2
   <!-- eslint-disable max-len -->
2
   <!-- eslint-disable max-len -->
3
   <div class="container">
3
   <div class="container">
4
-    <section class="intro-single">
5
-      <div class="container">
6
-        <div class="row">
7
-          <div class="col-md-12 col-lg-8">
8
-            <div class="title-single-box">
9
-              <h1 class="title-single" style="text-align:left;">Privacy Policy</h1>
10
-            </div>
11
-          </div>
4
+    <div class="row">
5
+      <div class="col-sm-12">
6
+        <div class="about-img-box">
7
+          <img
8
+            src="img/privacy.jpg"
9
+            alt="Privacy Policy"
10
+            class="img-fluid"
11
+            style="width:800px;height:400px;"
12
+          />
13
+        </div>
14
+        <div class="sinse-box">
15
+          <h3 class="sinse-title">
16
+            Privacy Policy
17
+            <span></span>
18
+          </h3>
12
         </div>
19
         </div>
13
       </div>
20
       </div>
14
-    </section>
15
-    <div class="col-md-12 text-left">
16
-      <h3>Privacy</h3>
17
-      <p>We respect your privacy. This Privacy Policy governs the manner in which we will treat your personal information collected when using our website.</p>
21
+      <div class="col-md-12 text-left">
22
+        <br />
23
+        <h3>Privacy</h3>
24
+        <p>We respect your privacy. This Privacy Policy governs the manner in which we will treat your personal information collected when using our website.</p>
18
 
25
 
19
-      <h3>How do we collect your personal information?</h3>
20
-      <p>Your personal information may be collected while using this website: when you contact us, when you complete an application form, when you check-in at your destination or when you make use of the services of one of our affiliated business partners. Personal information includes any information by which you can be identified and which relates to you as an identifiable individual, such as: your name, physical and postal addresses, email address, sex, age and internet address from the domain from which you are visiting.</p>
26
+        <h3>How do we collect your personal information?</h3>
27
+        <p>Your personal information may be collected while using this website: when you contact us, when you complete an application form, when you check-in at your destination or when you make use of the services of one of our affiliated business partners. Personal information includes any information by which you can be identified and which relates to you as an identifiable individual, such as: your name, physical and postal addresses, email address, sex, age and internet address from the domain from which you are visiting.</p>
21
 
28
 
22
-      <h3>User of your personal information</h3>
23
-      <p>We need to process your personal information when you make use of our service. We use your personal information in the ordinary course of our business and to send you marketing material relating to our service offering. You can unsubscribe at any time and we will thereafter no longer use your personal information. We will not disclose your personal information to third parties unless justifiable in terms of an agreement between us.</p>
29
+        <h3>User of your personal information</h3>
30
+        <p>We need to process your personal information when you make use of our service. We use your personal information in the ordinary course of our business and to send you marketing material relating to our service offering. You can unsubscribe at any time and we will thereafter no longer use your personal information. We will not disclose your personal information to third parties unless justifiable in terms of an agreement between us.</p>
24
 
31
 
25
-      <h3>Access to and correction of personal information</h3>
26
-      <p>You may access your personal information that we hold by sending an email to: info@univateproperties.co.za</p>
27
-      <p>In the event that you want to update or correct your personal information held by us, you can send an email to: info@univateproperties.co.za</p>
32
+        <h3>Access to and correction of personal information</h3>
33
+        <p>You may access your personal information that we hold by sending an email to: info@univateproperties.co.za</p>
34
+        <p>In the event that you want to update or correct your personal information held by us, you can send an email to: info@univateproperties.co.za</p>
28
 
35
 
29
-      <h3>Protection of your personal information</h3>
30
-      <p>We take reasonable steps and measures to keep your information secure from loss, misuse or unauthorised alteration. Our database has built-in safeguards to ensure the privacy and confidentiality of your information. We do not have control over the websites of affiliated parties or sites linked into from this site and you must therefore refer to the privacy policies of any such parties to see how they protect your personal information.</p>
36
+        <h3>Protection of your personal information</h3>
37
+        <p>We take reasonable steps and measures to keep your information secure from loss, misuse or unauthorised alteration. Our database has built-in safeguards to ensure the privacy and confidentiality of your information. We do not have control over the websites of affiliated parties or sites linked into from this site and you must therefore refer to the privacy policies of any such parties to see how they protect your personal information.</p>
31
 
38
 
32
-      <h3>Cookies</h3>
33
-      <p>We may use cookies. Cookies are programmes that we transfer to your computer's hard drive to personalise your experience on this website. In this way, the next time you visit, we will know who you are and that you have visited this website before. This will enable us to enhance your browsing experience. You can set your browser to notify you if cookies are to be transferred or to reject cookies but this may prevent your use of some of the web pages.</p>
39
+        <h3>Cookies</h3>
40
+        <p>We may use cookies. Cookies are programmes that we transfer to your computer's hard drive to personalise your experience on this website. In this way, the next time you visit, we will know who you are and that you have visited this website before. This will enable us to enhance your browsing experience. You can set your browser to notify you if cookies are to be transferred or to reject cookies but this may prevent your use of some of the web pages.</p>
34
 
41
 
35
-      <h3>Email Monitoring</h3>
36
-      <p>We provide email addresses on the website which enable you to contact us. Forms that you complete via this website will also be transmitted via email. In order to check for viruses and to monitor service we reserve the right to monitor and inspect all material and information transmitted over our system.</p>
42
+        <h3>Email Monitoring</h3>
43
+        <p>We provide email addresses on the website which enable you to contact us. Forms that you complete via this website will also be transmitted via email. In order to check for viruses and to monitor service we reserve the right to monitor and inspect all material and information transmitted over our system.</p>
37
 
44
 
38
-      <h3>Changes to this privacy policy</h3>
39
-      <p>We reserve the right, in our sole discretion, to amend this Privacy Policy from time to time. You agree to review the Privacy Policy whenever you visit this website for any such amendments. The amended version of the Privacy Policy shall supersede and replace all previous versions thereof.</p>
45
+        <h3>Changes to this privacy policy</h3>
46
+        <p>We reserve the right, in our sole discretion, to amend this Privacy Policy from time to time. You agree to review the Privacy Policy whenever you visit this website for any such amendments. The amended version of the Privacy Policy shall supersede and replace all previous versions thereof.</p>
40
 
47
 
41
-      <h3>Which laws apply to your dealings with us?</h3>
42
-      <p>This policy will be governed and interpreted in accordance with the laws of South Africa. To the extent that a court has jurisdiction over any dispute which may arise out of or in connection with this Privacy Policy, we both submit to the jurisdiction of the South African Courts.</p>
48
+        <h3>Which laws apply to your dealings with us?</h3>
49
+        <p>This policy will be governed and interpreted in accordance with the laws of South Africa. To the extent that a court has jurisdiction over any dispute which may arise out of or in connection with this Privacy Policy, we both submit to the jurisdiction of the South African Courts.</p>
50
+      </div>
43
     </div>
51
     </div>
44
   </div>
52
   </div>
45
 </template>
53
 </template>

+ 109
- 67
src/components/property/propertySearchFields.vue ファイルの表示

1
 <template>
1
 <template>
2
   <div>
2
   <div>
3
-    <div class="col-md-6 mb-2">
3
+    <div class="container text-left">
4
       <div class="form-group">
4
       <div class="form-group">
5
         <label for="city">For:</label>
5
         <label for="city">For:</label>
6
-        <select
7
-          class="form-control form-control-lg form-control-a"
8
-          id="forSelector"
9
-          v-model="selectedType"
10
-          @change="TypeSelected"
11
-        >
12
-          <option value="Sale">Sale</option>
13
-          <option value="Rent">Rent</option>
14
-        </select>
6
+        <div class="input-group mb-3">
7
+          <div class="input-group-prepend">
8
+            <span class="input-group-text" style="color: #60CBEB">
9
+              <b>F</b>
10
+            </span>
11
+          </div>
12
+          <select
13
+            class="form-control form-control-lg form-control-a"
14
+            id="forSelector"
15
+            v-model="selectedType"
16
+            @change="TypeSelected"
17
+          >
18
+            <option value="Sale">Sale</option>
19
+            <option value="Rent">Rent</option>
20
+          </select>
21
+        </div>
15
       </div>
22
       </div>
16
       <div class="form-group" v-if="propertyType === 'Residential'">
23
       <div class="form-group" v-if="propertyType === 'Residential'">
17
-        <label for="city">Property Type</label>
18
-        <select
19
-          class="form-control form-control-lg form-control-a"
20
-          id="forSelector"
21
-          v-model="selectedPropertyTypeRes"
22
-          @change="PropertyTypeSelected"
23
-        >
24
-          <option>All</option>
25
-          <option
26
-            v-for="(propertyType, i) in propertyTypesRes"
27
-            :key="i"
28
-          >{{ propertyType.description }}</option>
29
-        </select>
24
+        <label for="propertytype">Property Type</label>
25
+        <div class="input-group mb-3">
26
+          <div class="input-group-prepend">
27
+            <span class="input-group-text" style="color: #60CBEB">
28
+              <b>T</b>
29
+            </span>
30
+          </div>
31
+          <select
32
+            class="form-control form-control-lg form-control-a"
33
+            id="forSelector"
34
+            v-model="selectedPropertyTypeRes"
35
+            @change="PropertyTypeSelected"
36
+          >
37
+            <option>All</option>
38
+            <option
39
+              v-for="(propertyType, i) in propertyTypesRes"
40
+              :key="i"
41
+            >{{ propertyType.description }}</option>
42
+          </select>
43
+        </div>
30
       </div>
44
       </div>
31
       <div v-else class="form-group">
45
       <div v-else class="form-group">
32
-        <label for="city">Property Type</label>
33
-        <select
34
-          class="form-control form-control-lg form-control-a"
35
-          id="forSelector"
36
-          v-model="selectedPropertyTypeCom"
37
-          @change="PropertyTypeSelected"
38
-        >
39
-          <option>All</option>
40
-          <option
41
-            v-for="(propertyType, i) in propertyTypesCom"
42
-            :key="i"
43
-          >{{ propertyType.description }}</option>
44
-        </select>
46
+        <label for="propertytype">Property Type</label>
47
+        <div class="input-group mb-3">
48
+          <div class="input-group-prepend">
49
+            <span class="input-group-text" style="color: #60CBEB">
50
+              <b>T</b>
51
+            </span>
52
+          </div>
53
+          <select
54
+            class="form-control form-control-lg form-control-a"
55
+            id="forSelector"
56
+            v-model="selectedPropertyTypeCom"
57
+            @change="PropertyTypeSelected"
58
+          >
59
+            <option>All</option>
60
+            <option
61
+              v-for="(propertyType, i) in propertyTypesCom"
62
+              :key="i"
63
+            >{{ propertyType.description }}</option>
64
+          </select>
65
+        </div>
45
       </div>
66
       </div>
46
       <div class="form-group">
67
       <div class="form-group">
47
-        <label for="city">Province</label>
48
-        <select
49
-          class="form-control form-control-lg form-control-a"
50
-          id="provinceselector"
51
-          @change="ProvinceSelected"
52
-          v-model="selectedProvince"
53
-        >
54
-          <option>All</option>
55
-          <option v-for="(province, i) in provinces" :key="i">{{ province.description }}</option>
56
-        </select>
68
+        <label for="province">Province</label>
69
+        <div class="input-group mb-3">
70
+          <div class="input-group-prepend">
71
+            <span class="input-group-text" style="color: #60CBEB">
72
+              <b>P</b>
73
+            </span>
74
+          </div>
75
+          <select
76
+            class="form-control form-control-lg form-control-a"
77
+            id="provinceselector"
78
+            @change="ProvinceSelected"
79
+            v-model="selectedProvince"
80
+          >
81
+            <option>All</option>
82
+            <option v-for="(province, i) in provinces" :key="i">{{ province.description }}</option>
83
+          </select>
84
+        </div>
57
       </div>
85
       </div>
58
     </div>
86
     </div>
59
-    <div class="col-md-6 mb-2">
87
+    <div class="container text-left">
60
       <div class="form-group">
88
       <div class="form-group">
61
         <label for="city">City</label>
89
         <label for="city">City</label>
62
-        <select
63
-          class="form-control form-control-lg form-control-a"
64
-          id="cityselector"
65
-          @change="CitySelected"
66
-          v-model="selectedCity"
67
-        >
68
-          <option>All</option>
69
-          <option v-for="(city, i) in cities" :key="i">{{ city.description }}</option>
70
-        </select>
90
+        <div class="input-group mb-3">
91
+          <div class="input-group-prepend">
92
+            <span class="input-group-text" style="color: #60CBEB">
93
+              <b>C</b>
94
+            </span>
95
+          </div>
96
+          <select
97
+            class="form-control form-control-lg form-control-a"
98
+            id="cityselector"
99
+            @change="CitySelected"
100
+            v-model="selectedCity"
101
+          >
102
+            <option>All</option>
103
+            <option v-for="(city, i) in cities" :key="i">{{ city.description }}</option>
104
+          </select>
105
+        </div>
71
       </div>
106
       </div>
72
     </div>
107
     </div>
73
-    <div class="col-md-6 mb-2">
108
+    <div class="container text-left">
74
       <div class="form-group">
109
       <div class="form-group">
75
-        <label for="city">Suburb</label>
76
-        <select
77
-          class="form-control form-control-lg form-control-a"
78
-          id="suburbselector"
79
-          v-model="selectedSuburb"
80
-          @change="SuburbSelected"
81
-        >
82
-          <option>All</option>
83
-          <option v-for="(suburb, i) in suburbs" :key="i">{{ suburb.description }}</option>
84
-        </select>
110
+        <label for="suburb">Suburb</label>
111
+        <div class="input-group mb-3">
112
+          <div class="input-group-prepend">
113
+            <span class="input-group-text" style="color: #60CBEB">
114
+              <b>S</b>
115
+            </span>
116
+          </div>
117
+          <select
118
+            class="form-control form-control-lg form-control-a"
119
+            id="suburbselector"
120
+            v-model="selectedSuburb"
121
+            @change="SuburbSelected"
122
+          >
123
+            <option>All</option>
124
+            <option v-for="(suburb, i) in suburbs" :key="i">{{ suburb.description }}</option>
125
+          </select>
126
+        </div>
85
       </div>
127
       </div>
86
     </div>
128
     </div>
87
   </div>
129
   </div>

+ 2
- 2
src/components/shared/footerSection.vue ファイルの表示

112
             </div>
112
             </div>
113
             <div class="credits">
113
             <div class="credits">
114
               Site created by
114
               Site created by
115
-              <router-link to="https://provision-sa.com">
115
+              <a href="http://www.provision-sa.co.za/">
116
                 <img
116
                 <img
117
                   src="img/logos/provision-logocropped.png"
117
                   src="img/logos/provision-logocropped.png"
118
                   alt
118
                   alt
119
                   class="Provision Logo"
119
                   class="Provision Logo"
120
                   style="width: 250px; height:15px;"
120
                   style="width: 250px; height:15px;"
121
                 />
121
                 />
122
-              </router-link>
122
+              </a>
123
             </div>
123
             </div>
124
           </div>
124
           </div>
125
         </div>
125
         </div>

+ 7
- 1
src/components/shared/navBar.vue ファイルの表示

1
 <template>
1
 <template>
2
   <!-- eslint-disable max-len -->
2
   <!-- eslint-disable max-len -->
3
   <nav class="navbar navbar-default navbar-trans navbar-expand-lg fixed-top">
3
   <nav class="navbar navbar-default navbar-trans navbar-expand-lg fixed-top">
4
-    <div class="container">
4
+    <div class="container-fluid">
5
       <button
5
       <button
6
         class="navbar-toggler collapsed"
6
         class="navbar-toggler collapsed"
7
         type="button"
7
         type="button"
16
         <span></span>
16
         <span></span>
17
       </button>
17
       </button>
18
       <a class="navbar-brand text-brand" @click="routerGoTo('/')">
18
       <a class="navbar-brand text-brand" @click="routerGoTo('/')">
19
+        <img
20
+          class="img-fluid"
21
+          src="/img/logos/UVProp.png"
22
+          alt="Voasa Logo"
23
+          style="width:90px;height:45px;"
24
+        />
19
         Uni-Vate
25
         Uni-Vate
20
         <span class="color-b">Properties</span>
26
         <span class="color-b">Properties</span>
21
       </a>
27
       </a>

+ 2
- 2
src/components/shared/searchTab.vue ファイルの表示

2
   <!-- eslint-disable max-len -->
2
   <!-- eslint-disable max-len -->
3
   <div class="box-collapse">
3
   <div class="box-collapse">
4
     <div class="title-box-d">
4
     <div class="title-box-d">
5
-      <h3 class="title-d">Search</h3>
5
+      <h3 class="title-d" style="text-align:left">Search</h3>
6
     </div>
6
     </div>
7
     <span class="close-box-collapse right-boxed ion-ios-close"></span>
7
     <span class="close-box-collapse right-boxed ion-ios-close"></span>
8
     <div class="box-collapse-wrap">
8
     <div class="box-collapse-wrap">
9
       <form class="form-a">
9
       <form class="form-a">
10
         <div class="row">
10
         <div class="row">
11
           <div class="col-md-12 mb-2">
11
           <div class="col-md-12 mb-2">
12
-            <div class="form-group">
12
+            <div class="form-group" style="text-align:left">
13
               <label for="Type">Keyword</label>
13
               <label for="Type">Keyword</label>
14
               <input
14
               <input
15
                 type="text"
15
                 type="text"

+ 22
- 3
src/components/timeshare/buy/weekListPage.vue ファイルの表示

1
 <template>
1
 <template>
2
-  <div>
3
-    <br />
4
-    <br />
2
+  <!-- eslint-disable max-len -->
3
+  <div class="container">
5
     <br />
4
     <br />
6
     <br />
5
     <br />
7
     <br />
6
     <br />
8
     <br />
7
     <br />
8
+    <div class="row">
9
+      <div class="col-md-12 col-lg-8">
10
+        <div class="title-box-d">
11
+          <h1 class="title-d" style="text-align:left; font-size: 250%">Search Results</h1>
12
+        </div>
13
+        <br />
14
+      </div>
15
+      <!-- <div class="row mb-4">
16
+        <div class="col-md-4">
17
+          <img />
18
+        </div>
19
+        <div class="col-md-4">
20
+          <img />
21
+        </div>
22
+        <div class="col-md-4">
23
+          <img />
24
+        </div>
25
+      </div>-->
26
+    </div>
9
     <br />
27
     <br />
10
     <WeekListComponent />
28
     <WeekListComponent />
29
+    <br />
11
   </div>
30
   </div>
12
 </template>
31
 </template>
13
 <script>
32
 <script>

+ 2
- 2
src/store/modules/property/property.js ファイルの表示

36
   },
36
   },
37
   mutations: {
37
   mutations: {
38
     setProperty(state, property) {
38
     setProperty(state, property) {
39
-      state.property = property;
39
+      state.properties.push(property);
40
     },
40
     },
41
     setPropertyImages(state, images) {
41
     setPropertyImages(state, images) {
42
       state.propertyImages = images;
42
       state.propertyImages = images;
57
       state.propertyFields = fields;
57
       state.propertyFields = fields;
58
     },
58
     },
59
     updateCurrentProperty(state, property) {
59
     updateCurrentProperty(state, property) {
60
-      state.property = property;
60
+      state.properties.push(property);
61
     },
61
     },
62
     updateSearch(state, propertySearch) {
62
     updateSearch(state, propertySearch) {
63
       state.properties = propertySearch;
63
       state.properties = propertySearch;

読み込み中…
キャンセル
保存