Bladeren bron

address & ind info changes

master
JannekeDL 5 jaren geleden
bovenliggende
commit
c142560719

BIN
public/img/buy.jpg Bestand weergeven


BIN
public/img/sell2.jpg Bestand weergeven


BIN
public/img/timeshare2.jpg Bestand weergeven


+ 1
- 1
src/components/about/aboutTimeshare.vue Bestand weergeven

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

+ 27
- 37
src/components/misc/address.vue Bestand weergeven

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

+ 1
- 1
src/components/timeshare/buy/buyPage.vue Bestand weergeven

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

+ 37
- 32
src/components/timeshare/sell/sellPage.vue Bestand weergeven

@@ -6,7 +6,7 @@
6 6
         <div class="col-sm-12">
7 7
           <div class="about-img-box">
8 8
             <img
9
-              src="img/sell.jpg"
9
+              src="img/sell2.jpg"
10 10
               alt="Timeshare To Sell"
11 11
               class="img-fluid"
12 12
               style="width:800px;height:400px;"
@@ -163,13 +163,18 @@
163 163
           <div class="form-group row">
164 164
             <div class="col-md-6">
165 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 178
             </div>
174 179
           </div>
175 180
           <div class="form-group row">
@@ -213,12 +218,12 @@
213 218
               >
214 219
                 <option v-for="(item, i) in bankedEntities" :key="i">{{item}}</option>
215 220
               </select>
216
-              <br />
217
-              <br />
218
-              <br />
219
-              <DetailIndividual />
220
-              <Address />
221 221
             </div>
222
+            <br />
223
+            <br />
224
+            <br />
225
+            <DetailIndividual />
226
+            <Address />
222 227
           </div>
223 228
           <hr />
224 229
           <br />
@@ -446,32 +451,32 @@
446 451
   </div>
447 452
 </template>
448 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 458
 export default {
454
-  name: 'TimeshareToSell',
459
+  name: "TimeshareToSell",
455 460
   components: { DetailIndividual, Address },
456 461
   created() {
457 462
     this.initTimeshare();
458 463
   },
459 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 477
     refAgent() {
473 478
       return this.sellItem && this.sellItem.referedByAgent;
474
-    },
479
+    }
475 480
   },
476 481
   methods: {
477 482
     previewFiles(event) {
@@ -493,7 +498,7 @@ export default {
493 498
       this.sellItem.currentYearBanked = !this.sellItem.currentYearBanked;
494 499
     },
495 500
     resortChange() {
496
-      if (this.sellItem && this.sellItem.resort === 'Other') {
501
+      if (this.sellItem && this.sellItem.resort === "Other") {
497 502
         this.sellItem.otherResortName = undefined;
498 503
         this.sellItem.otherResort = true;
499 504
       } else {
@@ -501,7 +506,7 @@ export default {
501 506
         this.sellItem.otherResort = false;
502 507
       }
503 508
     },
504
-    ...mapActions('timeshare', ['initTimeshare']),
505
-  },
509
+    ...mapActions("timeshare", ["initTimeshare"])
510
+  }
506 511
 };
507 512
 </script>

+ 25
- 25
src/components/user/timeshareIndividual.vue Bestand weergeven

@@ -3,7 +3,7 @@
3 3
   <div class="reg-page">
4 4
     <hr />
5 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 7
       <h4>Detailed Individual Information</h4>
8 8
       <div class="form-group row"></div>
9 9
       <div class="row" style="text-align:left">
@@ -100,59 +100,59 @@
100 100
 </template>
101 101
 
102 102
 <script>
103
-import { mapState, mapActions } from 'vuex';
103
+import { mapState, mapActions } from "vuex";
104 104
 
105 105
 export default {
106 106
   props: {
107
-    RegisterHeader: { type: String, default: undefined },
107
+    RegisterHeader: { type: String, default: undefined }
108 108
   },
109
-  name: 'PrivateIndividual',
109
+  name: "PrivateIndividual",
110 110
   data() {
111 111
     return {
112 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 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 122
   computed: {
123
-    ...mapState('registerIndividual', ['registerIndividual']),
123
+    ...mapState("registerIndividual", ["registerIndividual"]),
124 124
 
125 125
     Header() {
126 126
       return this.RegisterHeader
127
-        ? 'Agency Administrator Details'
128
-        : 'Private Individual';
129
-    },
127
+        ? "Agency Administrator Details"
128
+        : "Private Individual";
129
+    }
130 130
   },
131 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 139
     togglePassword() {
140 140
       this.showPassword = true;
141
-      this.isPasswordShown = 'text';
141
+      this.isPasswordShown = "text";
142 142
     },
143 143
     passwordToggled() {
144 144
       this.showPassword = false;
145
-      this.isPasswordShown = 'password';
145
+      this.isPasswordShown = "password";
146 146
     },
147 147
     SubmitData() {
148 148
       this.saveIndividual(this.registerIndividual);
149 149
 
150
-      this.$router.push('/registerIndividual/');
150
+      this.$router.push("/registerIndividual/");
151 151
     },
152 152
     Close() {
153
-      this.$router.push('/registerIndividual/');
154
-    },
155
-  },
153
+      this.$router.push("/registerIndividual/");
154
+    }
155
+  }
156 156
 };
157 157
 </script>
158 158
 

Laden…
Annuleren
Opslaan