Bladeren bron

sell page rows & icons updted

master
JannekeDL 5 jaren geleden
bovenliggende
commit
dd7dc2b276
3 gewijzigde bestanden met toevoegingen van 290 en 224 verwijderingen
  1. 24
    24
      src/components/misc/address.vue
  2. 242
    176
      src/components/timeshare/sell/sellPage.vue
  3. 24
    24
      src/components/user/timeshareIndividual.vue

+ 24
- 24
src/components/misc/address.vue Bestand weergeven

65
 </template>
65
 </template>
66
 
66
 
67
 <script>
67
 <script>
68
-import { mapState, mapActions } from "vuex";
68
+import { mapState, mapActions } from 'vuex';
69
 
69
 
70
 export default {
70
 export default {
71
   props: {
71
   props: {
72
-    RegisterHeader: { type: String, default: undefined }
72
+    RegisterHeader: { type: String, default: undefined },
73
   },
73
   },
74
-  name: "PrivateIndividual",
74
+  name: 'PrivateIndividual',
75
   data() {
75
   data() {
76
     return {
76
     return {
77
       user: null,
77
       user: null,
78
-      isPasswordShown: "password",
79
-      selectItems: [{ text: "password", value: 0 }],
80
-      selectErrors: "Some error with the field",
78
+      isPasswordShown: 'password',
79
+      selectItems: [{ text: 'password', value: 0 }],
80
+      selectErrors: 'Some error with the field',
81
       select: null,
81
       select: null,
82
-      textErrors: "Some error with the field",
83
-      text: "",
84
-      showPassword: false
82
+      textErrors: 'Some error with the field',
83
+      text: '',
84
+      showPassword: false,
85
     };
85
     };
86
   },
86
   },
87
   computed: {
87
   computed: {
88
-    ...mapState("registerIndividual", ["registerIndividual"]),
88
+    ...mapState('registerIndividual', ['registerIndividual']),
89
 
89
 
90
     Header() {
90
     Header() {
91
       return this.RegisterHeader
91
       return this.RegisterHeader
92
-        ? "Agency Administrator Details"
93
-        : "Private Individual";
94
-    }
92
+        ? 'Agency Administrator Details'
93
+        : 'Private Individual';
94
+    },
95
   },
95
   },
96
   methods: {
96
   methods: {
97
-    ...mapActions("registerIndividual", [
98
-      "getIndividual",
99
-      "saveIndividual",
100
-      "updateIndividual",
101
-      "clearIndividual"
97
+    ...mapActions('registerIndividual', [
98
+      'getIndividual',
99
+      'saveIndividual',
100
+      'updateIndividual',
101
+      'clearIndividual',
102
     ]),
102
     ]),
103
 
103
 
104
     togglePassword() {
104
     togglePassword() {
105
       this.showPassword = true;
105
       this.showPassword = true;
106
-      this.isPasswordShown = "text";
106
+      this.isPasswordShown = 'text';
107
     },
107
     },
108
     passwordToggled() {
108
     passwordToggled() {
109
       this.showPassword = false;
109
       this.showPassword = false;
110
-      this.isPasswordShown = "password";
110
+      this.isPasswordShown = 'password';
111
     },
111
     },
112
     SubmitData() {
112
     SubmitData() {
113
       this.saveIndividual(this.registerIndividual);
113
       this.saveIndividual(this.registerIndividual);
114
 
114
 
115
-      this.$router.push("/registerIndividual/");
115
+      this.$router.push('/registerIndividual/');
116
     },
116
     },
117
     Close() {
117
     Close() {
118
-      this.$router.push("/registerIndividual/");
119
-    }
120
-  }
118
+      this.$router.push('/registerIndividual/');
119
+    },
120
+  },
121
 };
121
 };
122
 </script>
122
 </script>
123
 
123
 

+ 242
- 176
src/components/timeshare/sell/sellPage.vue Bestand weergeven

81
               </select>
81
               </select>
82
             </div>
82
             </div>
83
           </div>
83
           </div>
84
-
85
-          <div class="form-group row">
86
-            <div class="col-md-6">
87
-              <label for="Resort Name">Resort Name</label>
88
-              <select
89
-                class="form-control"
90
-                id="resort"
91
-                name="resort"
92
-                v-model="sellItem.resort"
93
-                @change="resortChange()"
94
-              >
95
-                <option value="Other">Other</option>
96
-                <option
97
-                  v-for="(resort, r) in resorts"
98
-                  :key="r"
99
-                  :value="resort"
100
-                >{{resort.resortName}}</option>
101
-              </select>
102
-            </div>
103
-            <div class="col-md-6">
104
-              <label for="* If other" v-if="sellItem.otherResort">Name of resort</label>
105
-              <input
106
-                class="form-control"
107
-                v-if="sellItem.otherResort"
108
-                placeholder="* If other"
109
-                type="text"
110
-                name="other"
111
-                v-model="sellItem.otherResortName"
112
-              />
113
-            </div>
114
-          </div>
115
-          <div class="form-group row">
116
-            <div class="col-md-6">
117
-              <label for="Region">Region</label>
118
-              <select class="form-control" name="region" id="region" v-model="sellItem.region">
119
-                <option v-for="(region, r) in regions" :key="r">{{region.regionName}}</option>
120
-              </select>
121
-            </div>
122
-            <div class="col-md-6">
123
-              <label for="Season">Season</label>
124
-              <select class="form-control" name="season" v-model="sellItem.season">
125
-                <option v-for="(season, r) in seasons" :key="r">{{season.name}}</option>
126
-              </select>
127
-            </div>
128
-          </div>
129
-          <div class="form-group row">
130
-            <div class="col-md-6">
131
-              <label for="Module">Module</label>
132
-              <input class="form-control" type="text" name="module" v-model="sellItem.module" />
133
-            </div>
134
-            <div class="col-md-6">
135
-              <label for="Week number">Week Number</label>
136
-              <input class="form-control" type="text" name="week" v-model="sellItem.weekNumber" />
137
-            </div>
138
-          </div>
139
-          <div class="form-group row">
140
-            <div class="col-md-6">
141
-              <label for="Bedrooms">Bedrooms</label>
142
-              <select class="form-control" name="bedrooms" v-model="sellItem.bedrooms">
143
-                <option v-for="(item, i) in resortBedrooms" :key="i">{{item}}</option>
144
-              </select>
145
-            </div>
146
-            <div class="col-md-6">
147
-              <label for="Sleeps maximum">Sleeps maximum</label>
148
-              <select class="form-control" name="sleeps" v-model="sellItem.maxSleep">
149
-                <option v-for="(item, i) in maxSleep" :key="i">{{item}}</option>
150
-              </select>
151
-            </div>
152
-          </div>
153
-          <div class="form-group row">
154
-            <div class="col-md-6">
155
-              <label for="Unit number">Unit Number</label>
156
-              <input class="form-control" type="text" name="unit" v-model="sellItem.unitNumber" />
157
-            </div>
158
-            <div class="col-md-6">
159
-              <label for="Owner">Owner</label>
160
-              <input class="form-control" type="text" name="owner" v-model="sellItem.owner" />
161
-            </div>
162
-          </div>
163
-          <div class="form-group row">
164
-            <div class="col-md-6">
165
-              <label for="Levy">Levy Amount</label>
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
-                />
84
+          <div class="container">
85
+            <div class="offset-md-1 col-md-12">
86
+              <div class="form-group row">
87
+                <div class="col-md-5">
88
+                  <label for="Resort Name">Resort Name</label>
89
+                  <div class="input-group mb-3">
90
+                    <div class="input-group-prepend">
91
+                      <span class="input-group-text" style="color: #60CBEB">
92
+                        <b>RN</b>
93
+                      </span>
94
+                    </div>
95
+                    <select
96
+                      class="form-control"
97
+                      id="resort"
98
+                      name="resort"
99
+                      v-model="sellItem.resort"
100
+                      @change="resortChange()"
101
+                    >
102
+                      <option value="Other">Other</option>
103
+                      <option
104
+                        v-for="(resort, r) in resorts"
105
+                        :key="r"
106
+                        :value="resort"
107
+                      >{{resort.resortName}}</option>
108
+                    </select>
109
+                  </div>
110
+                </div>
111
+                <div class="col-md-5">
112
+                  <label for="* If other" v-if="sellItem.otherResort">Name of resort</label>
113
+                  <input
114
+                    class="form-control"
115
+                    v-if="sellItem.otherResort"
116
+                    placeholder="* If other"
117
+                    type="text"
118
+                    name="other"
119
+                    v-model="sellItem.otherResortName"
120
+                  />
121
+                </div>
177
               </div>
122
               </div>
178
-            </div>
179
-          </div>
180
-          <div class="form-group row">
181
-            <div class="col-md-6">
182
-              <p>Has your week been spacebanked for the current year?</p>
183
-              <div class="form-check">
184
-                <input
185
-                  class="form-check-input"
186
-                  type="radio"
187
-                  name="spacebankedyear"
188
-                  id="spacebankedyearyes"
189
-                  value="Yes"
190
-                  @change="changeCurrentBanked"
191
-                  :checked="sellItem.currentYearBanked"
192
-                />
193
-                <label class="form-check-label" for="spacebankedyearyes">Yes</label>
123
+              <div class="form-group row">
124
+                <div class="col-md-3">
125
+                  <label for="Region">Province</label>
126
+                  <div class="input-group mb-3">
127
+                    <div class="input-group-prepend">
128
+                      <span class="input-group-text" style="color: #60CBEB">
129
+                        <b>P</b>
130
+                      </span>
131
+                    </div>
132
+                    <select
133
+                      class="form-control"
134
+                      name="region"
135
+                      id="region"
136
+                      v-model="sellItem.region"
137
+                    >
138
+                      <option v-for="(region, r) in regions" :key="r">{{region.regionName}}</option>
139
+                    </select>
140
+                  </div>
141
+                </div>
142
+                <div class="col-md-3">
143
+                  <label for="Season">Season</label>
144
+                  <div class="input-group mb-3">
145
+                    <div class="input-group-prepend">
146
+                      <span class="input-group-text" style="color: #60CBEB">
147
+                        <b>S</b>
148
+                      </span>
149
+                    </div>
150
+                    <select class="form-control" name="season" v-model="sellItem.season">
151
+                      <option v-for="(season, r) in seasons" :key="r">{{season.name}}</option>
152
+                    </select>
153
+                  </div>
154
+                </div>
155
+                <div class="col-md-2">
156
+                  <label for="Module">Module</label>
157
+                  <div class="input-group mb-3">
158
+                    <div class="input-group-prepend">
159
+                      <span class="input-group-text" style="color: #60CBEB">
160
+                        <b>M</b>
161
+                      </span>
162
+                    </div>
163
+                    <input class="form-control" type="text" name="module" v-model="sellItem.module" />
164
+                  </div>
165
+                </div>
166
+                <div class="col-md-2">
167
+                  <label for="Week number">Week Number</label>
168
+                  <div class="input-group mb-3">
169
+                    <div class="input-group-prepend">
170
+                      <span class="input-group-text" style="color: #60CBEB">
171
+                        <b>W#</b>
172
+                      </span>
173
+                    </div>
174
+                    <input
175
+                      class="form-control"
176
+                      type="text"
177
+                      name="week"
178
+                      v-model="sellItem.weekNumber"
179
+                    />
180
+                  </div>
181
+                </div>
194
               </div>
182
               </div>
195
-              <div class="form-check">
196
-                <input
197
-                  class="form-check-input"
198
-                  type="radio"
199
-                  name="spacebankedyear"
200
-                  id="spacebankedyearno"
201
-                  value="No"
202
-                  :checked="!sellItem.currentYearBanked"
203
-                  @change="changeCurrentBanked"
204
-                />
205
-                <label class="form-check-label" for="spacebankedyearno">No</label>
183
+              <div class="form-group row">
184
+                <div class="col-md-4">
185
+                  <label for="Bedrooms">Bedrooms</label>
186
+                  <div class="input-group mb-3">
187
+                    <div class="input-group-prepend">
188
+                      <span class="input-group-text" style="color: #60CBEB">
189
+                        <b>Bed</b>
190
+                      </span>
191
+                    </div>
192
+                    <select class="form-control" name="bedrooms" v-model="sellItem.bedrooms">
193
+                      <option v-for="(item, i) in resortBedrooms" :key="i">{{item}}</option>
194
+                    </select>
195
+                  </div>
196
+                </div>
197
+                <div class="col-md-3">
198
+                  <label for="Sleeps maximum">Sleep max</label>
199
+                  <div class="input-group mb-3">
200
+                    <div class="input-group-prepend">
201
+                      <span class="input-group-text" style="color: #60CBEB">
202
+                        <b>Max</b>
203
+                      </span>
204
+                    </div>
205
+                    <select class="form-control" name="sleeps" v-model="sellItem.maxSleep">
206
+                      <option v-for="(item, i) in maxSleep" :key="i">{{item}}</option>
207
+                    </select>
208
+                  </div>
209
+                </div>
210
+                <div class="col-md-3">
211
+                  <label for="Unit number">Unit Number</label>
212
+                  <div class="input-group mb-3">
213
+                    <div class="input-group-prepend">
214
+                      <span class="input-group-text" style="color: #60CBEB">
215
+                        <b>U#</b>
216
+                      </span>
217
+                    </div>
218
+                    <input
219
+                      class="form-control"
220
+                      type="text"
221
+                      name="unit"
222
+                      v-model="sellItem.unitNumber"
223
+                    />
224
+                  </div>
225
+                </div>
226
+              </div>
227
+              <div class="form-group row">
228
+                <div class="col-md-7">
229
+                  <label for="Owner">Owner</label>
230
+                  <div class="input-group mb-3">
231
+                    <div class="input-group-prepend">
232
+                      <span class="input-group-text" style="color: #60CBEB">
233
+                        <b>O</b>
234
+                      </span>
235
+                    </div>
236
+                    <input class="form-control" type="text" name="owner" v-model="sellItem.owner" />
237
+                  </div>
238
+                </div>
239
+                <div class="col-md-3">
240
+                  <label for="Levy">Levy Amount</label>
241
+                  <div class="input-group mb-3">
242
+                    <div class="input-group-prepend">
243
+                      <span class="input-group-text" style="color: #60CBEB">
244
+                        <b>R</b>
245
+                      </span>
246
+                    </div>
247
+                    <input
248
+                      class="form-control"
249
+                      type="number"
250
+                      step="any"
251
+                      name="levy"
252
+                      v-model="sellItem.levyAmount"
253
+                    />
254
+                  </div>
255
+                </div>
256
+              </div>
257
+
258
+              <div class="form-group row">
259
+                <div class="col-md-6">
260
+                  <p>Has your week been spacebanked for the current year?</p>
261
+                  <div class="form-check">
262
+                    <input
263
+                      class="form-check-input"
264
+                      type="radio"
265
+                      name="spacebankedyear"
266
+                      id="spacebankedyearyes"
267
+                      value="Yes"
268
+                      @change="changeCurrentBanked"
269
+                      :checked="sellItem.currentYearBanked"
270
+                    />
271
+                    <label class="form-check-label" for="spacebankedyearyes">Yes</label>
272
+                  </div>
273
+                  <div class="form-check">
274
+                    <input
275
+                      class="form-check-input"
276
+                      type="radio"
277
+                      name="spacebankedyear"
278
+                      id="spacebankedyearno"
279
+                      value="No"
280
+                      :checked="!sellItem.currentYearBanked"
281
+                      @change="changeCurrentBanked"
282
+                    />
283
+                    <label class="form-check-label" for="spacebankedyearno">No</label>
284
+                  </div>
285
+                </div>
286
+                <div class="col-md-6">
287
+                  <label
288
+                    for="If yes, please confirm with whom"
289
+                    v-if="sellItem.currentYearBanked"
290
+                  >Please confirm with whom</label>
291
+                  <select
292
+                    class="form-control"
293
+                    name="spacebankOwner"
294
+                    v-if="sellItem.currentYearBanked"
295
+                    v-model="sellItem.bankedWith"
296
+                  >
297
+                    <option v-for="(item, i) in bankedEntities" :key="i">{{item}}</option>
298
+                  </select>
299
+                </div>
206
               </div>
300
               </div>
207
             </div>
301
             </div>
208
-            <div class="col-md-6">
209
-              <label
210
-                for="If yes, please confirm with whom"
211
-                v-if="sellItem.currentYearBanked"
212
-              >Please confirm with whom</label>
213
-              <select
214
-                class="form-control"
215
-                name="spacebankOwner"
216
-                v-if="sellItem.currentYearBanked"
217
-                v-model="sellItem.bankedWith"
218
-              >
219
-                <option v-for="(item, i) in bankedEntities" :key="i">{{item}}</option>
220
-              </select>
221
-            </div>
222
-            <br />
223
-            <br />
224
-            <br />
225
             <DetailIndividual />
302
             <DetailIndividual />
226
             <Address />
303
             <Address />
227
           </div>
304
           </div>
233
             <td>1. With respect to my timeshare module/week, I confirm that:</td>
310
             <td>1. With respect to my timeshare module/week, I confirm that:</td>
234
           </tr>
311
           </tr>
235
 
312
 
236
-          <div class="form-group row">
313
+          <div class="form-group row" style="text-align:left">
237
             <label
314
             <label
238
               for="name"
315
               for="name"
239
               class="col-form-label col-md-8"
316
               class="col-form-label col-md-8"
240
-              align="left"
241
             >1.1 All levy amounts for the current cycle have been paid in full</label>
317
             >1.1 All levy amounts for the current cycle have been paid in full</label>
242
             <div class="col-md-4">
318
             <div class="col-md-4">
243
               <div class="form-check form-check-inline">
319
               <div class="form-check form-check-inline">
267
 
343
 
268
           <hr />
344
           <hr />
269
 
345
 
270
-          <div class="form-group row">
346
+          <div class="form-group row" style="text-align:left">
271
             <label
347
             <label
272
               for="name"
348
               for="name"
273
               class="col-form-label col-md-8"
349
               class="col-form-label col-md-8"
274
-              align="left"
275
             >1.2 My week is placed for rental this year</label>
350
             >1.2 My week is placed for rental this year</label>
276
             <div class="col-md-4">
351
             <div class="col-md-4">
277
               <div class="form-check form-check-inline">
352
               <div class="form-check form-check-inline">
301
 
376
 
302
           <hr />
377
           <hr />
303
 
378
 
304
-          <div class="form-group row">
379
+          <div class="form-group row" style="text-align:left">
305
             <label
380
             <label
306
               for="name"
381
               for="name"
307
               class="col-form-label col-md-8"
382
               class="col-form-label col-md-8"
308
-              align="left"
309
             >1.3 I/We bought the timeshare module/week on the following date:</label>
383
             >1.3 I/We bought the timeshare module/week on the following date:</label>
310
             <div class="col-md-4">
384
             <div class="col-md-4">
311
               <input
385
               <input
319
 
393
 
320
           <hr />
394
           <hr />
321
 
395
 
322
-          <div class="form-group row">
396
+          <div class="form-group row" style="text-align:left">
323
             <label
397
             <label
324
               for="name"
398
               for="name"
325
               class="col-form-label col-md-8"
399
               class="col-form-label col-md-8"
326
-              align="left"
327
             >1.4 The purchase price for which I/we bought timeshare module/week was:</label>
400
             >1.4 The purchase price for which I/we bought timeshare module/week was:</label>
328
             <div class="col-md-4">
401
             <div class="col-md-4">
329
               <div class="input-group mb-3">
402
               <div class="input-group mb-3">
345
 
418
 
346
           <hr />
419
           <hr />
347
 
420
 
348
-          <div class="form-group row">
421
+          <div class="form-group row" style="text-align:left">
349
             <label
422
             <label
350
               for="name"
423
               for="name"
351
               class="col-form-label col-md-8"
424
               class="col-form-label col-md-8"
352
-              align="left"
353
             >1.5 I/We bought the timeshare module/week for the following dates for the current year:</label>
425
             >1.5 I/We bought the timeshare module/week for the following dates for the current year:</label>
354
             <div class="col-md-4">
426
             <div class="col-md-4">
355
               Arrival Date :
427
               Arrival Date :
371
 
443
 
372
           <hr />
444
           <hr />
373
 
445
 
374
-          <div class="form-group row">
446
+          <div class="form-group row" style="text-align:left">
375
             <label
447
             <label
376
               for="name"
448
               for="name"
377
               class="col-form-label col-md-8"
449
               class="col-form-label col-md-8"
378
-              align="left"
379
             >1.6 The selling price for the timeshare module/week for which I/we want to sell is: (Including Vat)</label>
450
             >1.6 The selling price for the timeshare module/week for which I/we want to sell is: (Including Vat)</label>
380
             <div class="col-md-4">
451
             <div class="col-md-4">
381
               <div class="input-group mb-3">
452
               <div class="input-group mb-3">
397
 
468
 
398
           <hr />
469
           <hr />
399
 
470
 
400
-          <div class="form-group row">
471
+          <div class="form-group row" style="text-align:left">
401
             <label
472
             <label
402
               for="name"
473
               for="name"
403
               class="col-form-label col-md-8"
474
               class="col-form-label col-md-8"
404
-              align="left"
405
             >1.7 Estate agent’s commission agreed to (state Rand value)</label>
475
             >1.7 Estate agent’s commission agreed to (state Rand value)</label>
406
             <div class="col-md-4">
476
             <div class="col-md-4">
407
               <div class="input-group mb-3">
477
               <div class="input-group mb-3">
423
 
493
 
424
           <hr />
494
           <hr />
425
 
495
 
426
-          <div class="form-group row">
427
-            <label
428
-              for="name"
429
-              class="col-form-label col-md-8"
430
-              align="left"
431
-            >1.8 Mandate to sell timeshare</label>
496
+          <div class="form-group row" style="text-align:left">
497
+            <label for="name" class="col-form-label col-md-8">1.8 Mandate to sell timeshare</label>
432
             <div class="col-md-4">
498
             <div class="col-md-4">
433
               <input class="btn btn-b-n" type="file" name="mandate" />
499
               <input class="btn btn-b-n" type="file" name="mandate" />
434
             </div>
500
             </div>
451
   </div>
517
   </div>
452
 </template>
518
 </template>
453
 <script>
519
 <script>
454
-import { mapState, mapActions } from "vuex";
455
-import DetailIndividual from "../../user/timeshareIndividual.vue";
456
-import Address from "../../misc/address.vue";
520
+import { mapState, mapActions } from 'vuex';
521
+import DetailIndividual from '../../user/timeshareIndividual.vue';
522
+import Address from '../../misc/address.vue';
457
 
523
 
458
 export default {
524
 export default {
459
-  name: "TimeshareToSell",
525
+  name: 'TimeshareToSell',
460
   components: { DetailIndividual, Address },
526
   components: { DetailIndividual, Address },
461
   created() {
527
   created() {
462
     this.initTimeshare();
528
     this.initTimeshare();
463
   },
529
   },
464
   computed: {
530
   computed: {
465
-    ...mapState("timeshare", [
466
-      "resorts",
467
-      "regions",
468
-      "detailedRegion",
469
-      "seasons",
470
-      "resortBedrooms",
471
-      "maxSleep",
472
-      "bankedEntities",
473
-      "sellItem",
474
-      "agencies",
475
-      "agents"
531
+    ...mapState('timeshare', [
532
+      'resorts',
533
+      'regions',
534
+      'detailedRegion',
535
+      'seasons',
536
+      'resortBedrooms',
537
+      'maxSleep',
538
+      'bankedEntities',
539
+      'sellItem',
540
+      'agencies',
541
+      'agents',
476
     ]),
542
     ]),
477
     refAgent() {
543
     refAgent() {
478
       return this.sellItem && this.sellItem.referedByAgent;
544
       return this.sellItem && this.sellItem.referedByAgent;
479
-    }
545
+    },
480
   },
546
   },
481
   methods: {
547
   methods: {
482
     previewFiles(event) {
548
     previewFiles(event) {
498
       this.sellItem.currentYearBanked = !this.sellItem.currentYearBanked;
564
       this.sellItem.currentYearBanked = !this.sellItem.currentYearBanked;
499
     },
565
     },
500
     resortChange() {
566
     resortChange() {
501
-      if (this.sellItem && this.sellItem.resort === "Other") {
567
+      if (this.sellItem && this.sellItem.resort === 'Other') {
502
         this.sellItem.otherResortName = undefined;
568
         this.sellItem.otherResortName = undefined;
503
         this.sellItem.otherResort = true;
569
         this.sellItem.otherResort = true;
504
       } else {
570
       } else {
506
         this.sellItem.otherResort = false;
572
         this.sellItem.otherResort = false;
507
       }
573
       }
508
     },
574
     },
509
-    ...mapActions("timeshare", ["initTimeshare"])
510
-  }
575
+    ...mapActions('timeshare', ['initTimeshare']),
576
+  },
511
 };
577
 };
512
 </script>
578
 </script>

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

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
 

Laden…
Annuleren
Opslaan