Переглянути джерело

address & ind info changes

master
JannekeDL 5 роки тому
джерело
коміт
c142560719

BIN
public/img/buy.jpg Переглянути файл


BIN
public/img/sell2.jpg Переглянути файл


BIN
public/img/timeshare2.jpg Переглянути файл


+ 1
- 1
src/components/about/aboutTimeshare.vue Переглянути файл

6
         <div class="col-sm-12">
6
         <div class="col-sm-12">
7
           <div class="about-img-box">
7
           <div class="about-img-box">
8
             <img
8
             <img
9
-              src="img/slide-3.jpg"
9
+              src="img/timeshare2.jpg"
10
               alt="About Timeshare"
10
               alt="About Timeshare"
11
               class="img-fluid"
11
               class="img-fluid"
12
               style="width:800px;height:400px;"
12
               style="width:800px;height:400px;"

+ 27
- 37
src/components/misc/address.vue Переглянути файл

1
 <template>
1
 <template>
2
   <!-- eslint-disable max-len -->
2
   <!-- eslint-disable max-len -->
3
   <div class="reg-page">
3
   <div class="reg-page">
4
-    <div class="col-md-12" style="text-align:left">
4
+    <div class="col-md-12" style="text-align:centre">
5
       <h4>Address</h4>
5
       <h4>Address</h4>
6
       <div class="form-group row"></div>
6
       <div class="form-group row"></div>
7
       <div class="row" style="text-align:left">
7
       <div class="row" style="text-align:left">
47
             <span class="input-group-text">
47
             <span class="input-group-text">
48
               <eva-icon name="home-outline" fill="#60CBEB"></eva-icon>
48
               <eva-icon name="home-outline" fill="#60CBEB"></eva-icon>
49
             </span>
49
             </span>
50
-            <input
51
-              class="form-control"
52
-              type="text"
53
-              name="province"
54
-              v-model="registerIndividual.telephone"
55
-            />
50
+            <input class="form-control" type="text" name="province" />
56
           </div>
51
           </div>
57
         </div>
52
         </div>
58
         <div class="col-md-6" style="margin-bottom: 1em">
53
         <div class="col-md-6" style="margin-bottom: 1em">
61
             <span class="input-group-text">
56
             <span class="input-group-text">
62
               <eva-icon name="home-outline" fill="#60CBEB"></eva-icon>
57
               <eva-icon name="home-outline" fill="#60CBEB"></eva-icon>
63
             </span>
58
             </span>
64
-            <input
65
-              class="form-control"
66
-              type="text"
67
-              name="postalcode"
68
-              v-model="registerIndividual.telephone"
69
-            />
59
+            <input class="form-control" type="text" name="postalcode" />
70
           </div>
60
           </div>
71
         </div>
61
         </div>
72
       </div>
62
       </div>
75
 </template>
65
 </template>
76
 
66
 
77
 <script>
67
 <script>
78
-import { mapState, mapActions } from 'vuex';
68
+import { mapState, mapActions } from "vuex";
79
 
69
 
80
 export default {
70
 export default {
81
   props: {
71
   props: {
82
-    RegisterHeader: { type: String, default: undefined },
72
+    RegisterHeader: { type: String, default: undefined }
83
   },
73
   },
84
-  name: 'PrivateIndividual',
74
+  name: "PrivateIndividual",
85
   data() {
75
   data() {
86
     return {
76
     return {
87
       user: null,
77
       user: null,
88
-      isPasswordShown: 'password',
89
-      selectItems: [{ text: 'password', value: 0 }],
90
-      selectErrors: 'Some error with the field',
78
+      isPasswordShown: "password",
79
+      selectItems: [{ text: "password", value: 0 }],
80
+      selectErrors: "Some error with the field",
91
       select: null,
81
       select: null,
92
-      textErrors: 'Some error with the field',
93
-      text: '',
94
-      showPassword: false,
82
+      textErrors: "Some error with the field",
83
+      text: "",
84
+      showPassword: false
95
     };
85
     };
96
   },
86
   },
97
   computed: {
87
   computed: {
98
-    ...mapState('registerIndividual', ['registerIndividual']),
88
+    ...mapState("registerIndividual", ["registerIndividual"]),
99
 
89
 
100
     Header() {
90
     Header() {
101
       return this.RegisterHeader
91
       return this.RegisterHeader
102
-        ? 'Agency Administrator Details'
103
-        : 'Private Individual';
104
-    },
92
+        ? "Agency Administrator Details"
93
+        : "Private Individual";
94
+    }
105
   },
95
   },
106
   methods: {
96
   methods: {
107
-    ...mapActions('registerIndividual', [
108
-      'getIndividual',
109
-      'saveIndividual',
110
-      'updateIndividual',
111
-      'clearIndividual',
97
+    ...mapActions("registerIndividual", [
98
+      "getIndividual",
99
+      "saveIndividual",
100
+      "updateIndividual",
101
+      "clearIndividual"
112
     ]),
102
     ]),
113
 
103
 
114
     togglePassword() {
104
     togglePassword() {
115
       this.showPassword = true;
105
       this.showPassword = true;
116
-      this.isPasswordShown = 'text';
106
+      this.isPasswordShown = "text";
117
     },
107
     },
118
     passwordToggled() {
108
     passwordToggled() {
119
       this.showPassword = false;
109
       this.showPassword = false;
120
-      this.isPasswordShown = 'password';
110
+      this.isPasswordShown = "password";
121
     },
111
     },
122
     SubmitData() {
112
     SubmitData() {
123
       this.saveIndividual(this.registerIndividual);
113
       this.saveIndividual(this.registerIndividual);
124
 
114
 
125
-      this.$router.push('/registerIndividual/');
115
+      this.$router.push("/registerIndividual/");
126
     },
116
     },
127
     Close() {
117
     Close() {
128
-      this.$router.push('/registerIndividual/');
129
-    },
130
-  },
118
+      this.$router.push("/registerIndividual/");
119
+    }
120
+  }
131
 };
121
 };
132
 </script>
122
 </script>
133
 
123
 

+ 1
- 1
src/components/timeshare/buy/buyPage.vue Переглянути файл

6
         <div class="col-sm-12">
6
         <div class="col-sm-12">
7
           <div class="tobuy-img-box">
7
           <div class="tobuy-img-box">
8
             <img
8
             <img
9
-              src="img/Monateng_Safari_Lodge1.jpg"
9
+              src="img/buy.jpg"
10
               alt="Timeshare To Buy"
10
               alt="Timeshare To Buy"
11
               class="img-fluid"
11
               class="img-fluid"
12
               style="width:800px;height:400px;"
12
               style="width:800px;height:400px;"

+ 37
- 32
src/components/timeshare/sell/sellPage.vue Переглянути файл

6
         <div class="col-sm-12">
6
         <div class="col-sm-12">
7
           <div class="about-img-box">
7
           <div class="about-img-box">
8
             <img
8
             <img
9
-              src="img/sell.jpg"
9
+              src="img/sell2.jpg"
10
               alt="Timeshare To Sell"
10
               alt="Timeshare To Sell"
11
               class="img-fluid"
11
               class="img-fluid"
12
               style="width:800px;height:400px;"
12
               style="width:800px;height:400px;"
163
           <div class="form-group row">
163
           <div class="form-group row">
164
             <div class="col-md-6">
164
             <div class="col-md-6">
165
               <label for="Levy">Levy Amount</label>
165
               <label for="Levy">Levy Amount</label>
166
-              <input
167
-                class="form-control"
168
-                type="number"
169
-                step="any"
170
-                name="levy"
171
-                v-model="sellItem.levyAmount"
172
-              />
166
+              <div class="input-group-prepend">
167
+                <span class="input-group-text" style="color: #60CBEB">
168
+                  <b>R</b>
169
+                </span>
170
+                <input
171
+                  class="form-control"
172
+                  type="number"
173
+                  step="any"
174
+                  name="levy"
175
+                  v-model="sellItem.levyAmount"
176
+                />
177
+              </div>
173
             </div>
178
             </div>
174
           </div>
179
           </div>
175
           <div class="form-group row">
180
           <div class="form-group row">
213
               >
218
               >
214
                 <option v-for="(item, i) in bankedEntities" :key="i">{{item}}</option>
219
                 <option v-for="(item, i) in bankedEntities" :key="i">{{item}}</option>
215
               </select>
220
               </select>
216
-              <br />
217
-              <br />
218
-              <br />
219
-              <DetailIndividual />
220
-              <Address />
221
             </div>
221
             </div>
222
+            <br />
223
+            <br />
224
+            <br />
225
+            <DetailIndividual />
226
+            <Address />
222
           </div>
227
           </div>
223
           <hr />
228
           <hr />
224
           <br />
229
           <br />
446
   </div>
451
   </div>
447
 </template>
452
 </template>
448
 <script>
453
 <script>
449
-import { mapState, mapActions } from 'vuex';
450
-import DetailIndividual from '../../user/timeshareIndividual.vue';
451
-import Address from '../../misc/address.vue';
454
+import { mapState, mapActions } from "vuex";
455
+import DetailIndividual from "../../user/timeshareIndividual.vue";
456
+import Address from "../../misc/address.vue";
452
 
457
 
453
 export default {
458
 export default {
454
-  name: 'TimeshareToSell',
459
+  name: "TimeshareToSell",
455
   components: { DetailIndividual, Address },
460
   components: { DetailIndividual, Address },
456
   created() {
461
   created() {
457
     this.initTimeshare();
462
     this.initTimeshare();
458
   },
463
   },
459
   computed: {
464
   computed: {
460
-    ...mapState('timeshare', [
461
-      'resorts',
462
-      'regions',
463
-      'detailedRegion',
464
-      'seasons',
465
-      'resortBedrooms',
466
-      'maxSleep',
467
-      'bankedEntities',
468
-      'sellItem',
469
-      'agencies',
470
-      'agents',
465
+    ...mapState("timeshare", [
466
+      "resorts",
467
+      "regions",
468
+      "detailedRegion",
469
+      "seasons",
470
+      "resortBedrooms",
471
+      "maxSleep",
472
+      "bankedEntities",
473
+      "sellItem",
474
+      "agencies",
475
+      "agents"
471
     ]),
476
     ]),
472
     refAgent() {
477
     refAgent() {
473
       return this.sellItem && this.sellItem.referedByAgent;
478
       return this.sellItem && this.sellItem.referedByAgent;
474
-    },
479
+    }
475
   },
480
   },
476
   methods: {
481
   methods: {
477
     previewFiles(event) {
482
     previewFiles(event) {
493
       this.sellItem.currentYearBanked = !this.sellItem.currentYearBanked;
498
       this.sellItem.currentYearBanked = !this.sellItem.currentYearBanked;
494
     },
499
     },
495
     resortChange() {
500
     resortChange() {
496
-      if (this.sellItem && this.sellItem.resort === 'Other') {
501
+      if (this.sellItem && this.sellItem.resort === "Other") {
497
         this.sellItem.otherResortName = undefined;
502
         this.sellItem.otherResortName = undefined;
498
         this.sellItem.otherResort = true;
503
         this.sellItem.otherResort = true;
499
       } else {
504
       } else {
501
         this.sellItem.otherResort = false;
506
         this.sellItem.otherResort = false;
502
       }
507
       }
503
     },
508
     },
504
-    ...mapActions('timeshare', ['initTimeshare']),
505
-  },
509
+    ...mapActions("timeshare", ["initTimeshare"])
510
+  }
506
 };
511
 };
507
 </script>
512
 </script>

+ 25
- 25
src/components/user/timeshareIndividual.vue Переглянути файл

3
   <div class="reg-page">
3
   <div class="reg-page">
4
     <hr />
4
     <hr />
5
     <div class="form-group row"></div>
5
     <div class="form-group row"></div>
6
-    <div class="col-md-12" style="text-align:left">
6
+    <div class="col-md-12" style="text-align:centre">
7
       <h4>Detailed Individual Information</h4>
7
       <h4>Detailed Individual Information</h4>
8
       <div class="form-group row"></div>
8
       <div class="form-group row"></div>
9
       <div class="row" style="text-align:left">
9
       <div class="row" style="text-align:left">
100
 </template>
100
 </template>
101
 
101
 
102
 <script>
102
 <script>
103
-import { mapState, mapActions } from 'vuex';
103
+import { mapState, mapActions } from "vuex";
104
 
104
 
105
 export default {
105
 export default {
106
   props: {
106
   props: {
107
-    RegisterHeader: { type: String, default: undefined },
107
+    RegisterHeader: { type: String, default: undefined }
108
   },
108
   },
109
-  name: 'PrivateIndividual',
109
+  name: "PrivateIndividual",
110
   data() {
110
   data() {
111
     return {
111
     return {
112
       user: null,
112
       user: null,
113
-      isPasswordShown: 'password',
114
-      selectItems: [{ text: 'password', value: 0 }],
115
-      selectErrors: 'Some error with the field',
113
+      isPasswordShown: "password",
114
+      selectItems: [{ text: "password", value: 0 }],
115
+      selectErrors: "Some error with the field",
116
       select: null,
116
       select: null,
117
-      textErrors: 'Some error with the field',
118
-      text: '',
119
-      showPassword: false,
117
+      textErrors: "Some error with the field",
118
+      text: "",
119
+      showPassword: false
120
     };
120
     };
121
   },
121
   },
122
   computed: {
122
   computed: {
123
-    ...mapState('registerIndividual', ['registerIndividual']),
123
+    ...mapState("registerIndividual", ["registerIndividual"]),
124
 
124
 
125
     Header() {
125
     Header() {
126
       return this.RegisterHeader
126
       return this.RegisterHeader
127
-        ? 'Agency Administrator Details'
128
-        : 'Private Individual';
129
-    },
127
+        ? "Agency Administrator Details"
128
+        : "Private Individual";
129
+    }
130
   },
130
   },
131
   methods: {
131
   methods: {
132
-    ...mapActions('registerIndividual', [
133
-      'getIndividual',
134
-      'saveIndividual',
135
-      'updateIndividual',
136
-      'clearIndividual',
132
+    ...mapActions("registerIndividual", [
133
+      "getIndividual",
134
+      "saveIndividual",
135
+      "updateIndividual",
136
+      "clearIndividual"
137
     ]),
137
     ]),
138
 
138
 
139
     togglePassword() {
139
     togglePassword() {
140
       this.showPassword = true;
140
       this.showPassword = true;
141
-      this.isPasswordShown = 'text';
141
+      this.isPasswordShown = "text";
142
     },
142
     },
143
     passwordToggled() {
143
     passwordToggled() {
144
       this.showPassword = false;
144
       this.showPassword = false;
145
-      this.isPasswordShown = 'password';
145
+      this.isPasswordShown = "password";
146
     },
146
     },
147
     SubmitData() {
147
     SubmitData() {
148
       this.saveIndividual(this.registerIndividual);
148
       this.saveIndividual(this.registerIndividual);
149
 
149
 
150
-      this.$router.push('/registerIndividual/');
150
+      this.$router.push("/registerIndividual/");
151
     },
151
     },
152
     Close() {
152
     Close() {
153
-      this.$router.push('/registerIndividual/');
154
-    },
155
-  },
153
+      this.$router.push("/registerIndividual/");
154
+    }
155
+  }
156
 };
156
 };
157
 </script>
157
 </script>
158
 
158
 

Завантаження…
Відмінити
Зберегти