Browse Source

Add Consent to Timeshare Buy

master
Brian Conway 2 years ago
parent
commit
462cf024fc

+ 92
- 53
src/components/processFlow/makeOffer.vue View File

1
 <template>
1
 <template>
2
   <!-- eslint-disable max-len -->
2
   <!-- eslint-disable max-len -->
3
-  <div style="padding-left:30px; padding-right:30px; padding-bottom:30px;">
3
+  <div style="padding-left: 30px; padding-right: 30px; padding-bottom: 30px;">
4
     <div v-if="!isLoggedIn">
4
     <div v-if="!isLoggedIn">
5
       <div class="container col-md-10">
5
       <div class="container col-md-10">
6
         <p class="alert myError">Please Login to add a property</p>
6
         <p class="alert myError">Please Login to add a property</p>
8
       <button
8
       <button
9
         type="button"
9
         type="button"
10
         class="btn btn-b-n"
10
         class="btn btn-b-n"
11
-        style="width: 150px; height:40px;"
11
+        style="width: 150px; height: 40px;"
12
         data-dismiss="modal"
12
         data-dismiss="modal"
13
       >
13
       >
14
         OK
14
         OK
19
         <br />
19
         <br />
20
         <div v-if="isProperty">
20
         <div v-if="isProperty">
21
           <div class="form-group row">
21
           <div class="form-group row">
22
-            <div style="text-align:left">
22
+            <div style="text-align: left;">
23
               <div class="title-box-d">
23
               <div class="title-box-d">
24
                 <h3 class="title-d">{{ item.shortDescription }}</h3>
24
                 <h3 class="title-d">{{ item.shortDescription }}</h3>
25
               </div>
25
               </div>
26
             </div>
26
             </div>
27
           </div>
27
           </div>
28
           <div class="form-group row">
28
           <div class="form-group row">
29
-            <div class="col-md-12" style="text-align:left">
29
+            <div class="col-md-12" style="text-align: left;">
30
               <div v-html="item.description"></div>
30
               <div v-html="item.description"></div>
31
             </div>
31
             </div>
32
           </div>
32
           </div>
33
         </div>
33
         </div>
34
         <div v-if="!isProperty">
34
         <div v-if="!isProperty">
35
           <div class="form-group row">
35
           <div class="form-group row">
36
-            <div style="text-align:left">
36
+            <div style="text-align: left;">
37
               <div class="intro-content">
37
               <div class="intro-content">
38
-                <h2>{{ item.resort.resortName ? item.resort.resortName : item.resort }}</h2>
38
+                <h2>
39
+                  {{
40
+                    item.resort.resortName
41
+                      ? item.resort.resortName
42
+                      : item.resort
43
+                  }}
44
+                </h2>
39
               </div>
45
               </div>
40
             </div>
46
             </div>
41
           </div>
47
           </div>
80
             ></textarea>
86
             ></textarea>
81
           </div>
87
           </div>
82
         </div>
88
         </div>
89
+        <div align="left" class="custom-control custom-switch mb-2">
90
+          <div class="row">
91
+            <div align="center" class="col">
92
+              <label class="mr-5">
93
+                I wish to receive future listings and special campaigns?
94
+              </label>
95
+              <input
96
+                type="checkbox"
97
+                class="custom-control-input"
98
+                id="customSwitch1"
99
+                :checked="item.consent"
100
+                @change="changeConsent"
101
+              />
102
+              <label class="custom-control-label" for="customSwitch1">
103
+                {{ item.consent ? 'Yes' : 'No' }}
104
+              </label>
105
+            </div>
106
+          </div>
107
+        </div>
83
         <div class="form-group row">
108
         <div class="form-group row">
84
           <div class="col-md-12">
109
           <div class="col-md-12">
85
             <p>
110
             <p>
86
-              *Occupation for the current year is not guaranteed, Uni-Vate Properties will confirm
87
-              upon reply.
111
+              *Occupation for the current year is not guaranteed, Uni-Vate
112
+              Properties will confirm upon reply.
88
             </p>
113
             </p>
89
           </div>
114
           </div>
90
         </div>
115
         </div>
92
       <div v-if="!isSaved" class="container">
117
       <div v-if="!isSaved" class="container">
93
         <div class="row">
118
         <div class="row">
94
           <div algin="center" class="col">
119
           <div algin="center" class="col">
95
-            <button v-if="isMakeOffer" type="button" @click="SendOffer()" class="btn-solid-blue">
120
+            <button
121
+              v-if="isMakeOffer"
122
+              type="button"
123
+              @click="SendOffer()"
124
+              class="btn-white-border"
125
+            >
96
               Send Offer
126
               Send Offer
97
             </button>
127
             </button>
98
             <button
128
             <button
100
               type="submit"
130
               type="submit"
101
               @click="Accept()"
131
               @click="Accept()"
102
               class="btn btn-b-n"
132
               class="btn btn-b-n"
103
-              style="width: 150px; height:40px;"
133
+              style="width: 150px; height: 40px;"
104
             >
134
             >
105
               Accept
135
               Accept
106
             </button>
136
             </button>
109
               type="button"
139
               type="button"
110
               @click="Decline()"
140
               @click="Decline()"
111
               class="btn btn-b-n"
141
               class="btn btn-b-n"
112
-              style="width: 150px; height:40px;"
142
+              style="width: 150px; height: 40px;"
113
             >
143
             >
114
               Decline
144
               Decline
115
             </button>
145
             </button>
133
         type="button"
163
         type="button"
134
         @click="Complete()"
164
         @click="Complete()"
135
         class="btn btn-b-n"
165
         class="btn btn-b-n"
136
-        style="width: 150px; height:40px;"
166
+        style="width: 150px; height: 40px;"
137
       >
167
       >
138
         Complete
168
         Complete
139
       </button>
169
       </button>
141
         <div class="form-group row">
171
         <div class="form-group row">
142
           <br />
172
           <br />
143
           <div class="container col-md-10">
173
           <div class="container col-md-10">
144
-            <p :class="[isInfo ? 'alert myInfo' : 'alert myWarning']">{{ message }}</p>
174
+            <p :class="[isInfo ? 'alert myInfo' : 'alert myWarning']">
175
+              {{ message }}
176
+            </p>
145
           </div>
177
           </div>
146
         </div>
178
         </div>
147
         <button
179
         <button
148
           v-if="isSaved"
180
           v-if="isSaved"
149
           type="button"
181
           type="button"
150
           class="btn btn-b-n"
182
           class="btn btn-b-n"
151
-          style="width: 150px; height:40px;"
183
+          style="width: 150px; height: 40px;"
152
           data-dismiss="modal"
184
           data-dismiss="modal"
153
         >
185
         >
154
           OK
186
           OK
160
 
192
 
161
 <script>
193
 <script>
162
 /* eslint-disable */
194
 /* eslint-disable */
163
-import { mapState, mapActions } from "vuex";
164
-import Log from "../../assets/Log";
195
+import { mapState, mapActions } from 'vuex'
196
+import Log from '../../assets/Log'
165
 
197
 
166
 export default {
198
 export default {
167
-  name: "MakeOffer",
199
+  name: 'MakeOffer',
168
   props: {
200
   props: {
169
     isMakeOffer: Boolean,
201
     isMakeOffer: Boolean,
170
     isProperty: Boolean,
202
     isProperty: Boolean,
171
     canEdit: Boolean,
203
     canEdit: Boolean,
172
     item: Object,
204
     item: Object,
173
     bidId: Number,
205
     bidId: Number,
174
-    updateItem: Function
206
+    updateItem: Function,
175
   },
207
   },
176
   data() {
208
   data() {
177
     return {
209
     return {
178
       isDecline: false,
210
       isDecline: false,
179
       isSaved: false,
211
       isSaved: false,
180
-      message: "",
212
+      message: '',
181
       isInfo: true,
213
       isInfo: true,
182
-      isLoggedIn: Log.isLoggedIn()
183
-    };
214
+      isLoggedIn: Log.isLoggedIn(),
215
+    }
184
   },
216
   },
185
   methods: {
217
   methods: {
186
-    ...mapActions("bid", ["getTemplate", "saveBid", "acceptBid", "declineBid"]),
218
+    ...mapActions('bid', ['getTemplate', 'saveBid', 'acceptBid', 'declineBid']),
187
     SendOffer() {
219
     SendOffer() {
188
       //alert("Under Development");
220
       //alert("Under Development");
189
-      this.bidItem.id = 0;
190
-      this.bidItem.userId = this.item.userId;
191
-      this.bidItem.amount = this.item.offer;
192
-      this.bidItem.comment = this.item.comment;
221
+      this.bidItem.id = 0
222
+      this.bidItem.userId = this.item.userId
223
+      this.bidItem.amount = this.item.offer
224
+      this.bidItem.comment = this.item.comment
225
+      this.bidItem.consent = this.item.consent
193
       if (this.isProperty) {
226
       if (this.isProperty) {
194
-        this.bidItem.propertyId = this.item.id;
227
+        this.bidItem.propertyId = this.item.id
195
       } else {
228
       } else {
196
-        this.bidItem.timeshareWeekId = this.item.id;
229
+        this.bidItem.timeshareWeekId = this.item.id
197
         if (this.item.isTender) {
230
         if (this.item.isTender) {
198
-          this.bidItem.tenderWeek = this.item;
231
+          this.bidItem.tenderWeek = this.item
199
         }
232
         }
200
       }
233
       }
201
-      this.saveBid(this.bidItem);
234
+      this.saveBid(this.bidItem)
202
 
235
 
203
-      this.isSaved = true;
204
-      this.isInfo = true;
205
-      this.message = "Offer was submitted.";
236
+      this.isSaved = true
237
+      this.isInfo = true
238
+      this.message = 'Offer was submitted.'
239
+    },
240
+    changeConsent() {
241
+      this.item.consent = !this.item.consent
206
     },
242
     },
207
     Accept() {
243
     Accept() {
208
-      this.acceptBid(this.item.id);
209
-      this.isSaved = true;
210
-      this.message = "Offer Accepted.";
211
-      this.isInfo = true;
244
+      this.acceptBid(this.item.id)
245
+      this.isSaved = true
246
+      this.message = 'Offer Accepted.'
247
+      this.isInfo = true
212
     },
248
     },
213
     Decline() {
249
     Decline() {
214
-      this.isDecline = true;
250
+      this.isDecline = true
215
     },
251
     },
216
     Complete() {
252
     Complete() {
217
-      this.isDecline = false;
253
+      this.isDecline = false
218
 
254
 
219
       const decline = {
255
       const decline = {
220
         id: this.item.id,
256
         id: this.item.id,
221
-        comment: this.item.declineReason
222
-      };
257
+        comment: this.item.declineReason,
258
+      }
223
 
259
 
224
-      this.declineBid(decline);
225
-      this.isSaved = true;
226
-      this.message = "Offer Declined.";
227
-      this.isInfo = false;
228
-    }
260
+      this.declineBid(decline)
261
+      this.isSaved = true
262
+      this.message = 'Offer Declined.'
263
+      this.isInfo = false
264
+    },
229
   },
265
   },
230
   computed: {
266
   computed: {
231
-    ...mapState("bid", ["bidItem"])
267
+    ...mapState('bid', ['bidItem']),
268
+  },
269
+  created() {
270
+    this.item.consent = true
232
   },
271
   },
233
   mounted() {
272
   mounted() {
234
-    this.getTemplate();
273
+    this.getTemplate()
235
   },
274
   },
236
   watch: {
275
   watch: {
237
     item() {
276
     item() {
238
-      this.isSaved = false;
239
-      this.canEdit = this.item.statusCode === "E1";
240
-    }
241
-  }
242
-};
277
+      this.isSaved = false
278
+      this.canEdit = this.item.statusCode === 'E1'
279
+    },
280
+  },
281
+}
243
 </script>
282
 </script>
244
 
283
 
245
 <style lang="scss" scoped></style>
284
 <style lang="scss" scoped></style>

+ 56
- 48
src/components/timeshare/buy/weekListComponent.vue View File

25
             <td
25
             <td
26
               v-if="
26
               v-if="
27
                 item.arrivalDate === '0001-01-01T00:00:00' ||
27
                 item.arrivalDate === '0001-01-01T00:00:00' ||
28
-                  item.arrivalDate === '1753-01-01T00:00:00'
28
+                item.arrivalDate === '1753-01-01T00:00:00'
29
               "
29
               "
30
             ></td>
30
             ></td>
31
             <td v-else>{{ item.arrivalDate | toDate }}</td>
31
             <td v-else>{{ item.arrivalDate | toDate }}</td>
32
             <td
32
             <td
33
               v-if="
33
               v-if="
34
                 item.departureDate === '0001-01-01T00:00:00' ||
34
                 item.departureDate === '0001-01-01T00:00:00' ||
35
-                  item.departureDate === '1753-01-01T00:00:00'
35
+                item.departureDate === '1753-01-01T00:00:00'
36
               "
36
               "
37
             ></td>
37
             ></td>
38
             <td v-else>{{ item.departureDate | toDate }}</td>
38
             <td v-else>{{ item.departureDate | toDate }}</td>
53
               <button
53
               <button
54
                 :disabled="checkStatus(item)"
54
                 :disabled="checkStatus(item)"
55
                 v-on:click="View(item)"
55
                 v-on:click="View(item)"
56
-                :class="checkStatus(item) ? 'btn-disabled' : 'btn-solid-blue'"
57
-                style="color: white"
56
+                :class="checkStatus(item) ? 'btn-disabled' : 'btn-white-border'"
57
+                style="color: white;"
58
               >
58
               >
59
                 Yes
59
                 Yes
60
               </button>
60
               </button>
79
           </select>
79
           </select>
80
         </div>
80
         </div>
81
         <div class="col-md-10 mt-4">
81
         <div class="col-md-10 mt-4">
82
-          <div style="float: right">
82
+          <div style="float: right;">
83
             <BasePagination
83
             <BasePagination
84
               :currentPage="currentPage"
84
               :currentPage="currentPage"
85
               :pageCount="PageCount"
85
               :pageCount="PageCount"
102
             class="img-fluid"
102
             class="img-fluid"
103
             src="/img/kloader.gif"
103
             src="/img/kloader.gif"
104
             alt="UVProp logo"
104
             alt="UVProp logo"
105
-            style="width: 128px; height: 128px"
105
+            style="width: 128px; height: 128px;"
106
           />
106
           />
107
         </div>
107
         </div>
108
         <div v-else>No Results Found</div>
108
         <div v-else>No Results Found</div>
114
 
114
 
115
 <script>
115
 <script>
116
 /* eslint-disable */
116
 /* eslint-disable */
117
-import BasePagination from "../../shared/basePagination";
118
-import { mapState, mapActions, mapGetters } from "vuex";
117
+import BasePagination from '../../shared/basePagination'
118
+import { mapState, mapActions, mapGetters } from 'vuex'
119
 
119
 
120
 export default {
120
 export default {
121
   props: {
121
   props: {
122
     resortCode: undefined,
122
     resortCode: undefined,
123
     userId: undefined,
123
     userId: undefined,
124
     currentPage: {
124
     currentPage: {
125
-      default: 1
126
-    }
125
+      default: 1,
126
+    },
127
   },
127
   },
128
   data() {
128
   data() {
129
     return {
129
     return {
130
       visibleItemsPerPageCount: 8,
130
       visibleItemsPerPageCount: 8,
131
-      visibleItemSelector: [5, 8, 10, 20, 50, 100]
132
-    };
131
+      visibleItemSelector: [5, 8, 10, 20, 50, 100],
132
+    }
133
   },
133
   },
134
   components: {
134
   components: {
135
-    BasePagination
135
+    BasePagination,
136
   },
136
   },
137
   computed: {
137
   computed: {
138
-    ...mapState("weekList", ["weeks", "status"]),
138
+    ...mapState('weekList', ['weeks', 'status']),
139
     ...mapGetters({
139
     ...mapGetters({
140
-      filteredWeeks: "weekList/filteredWeeks",
141
-      getRegions: "weekList/getRegions"
140
+      filteredWeeks: 'weekList/filteredWeeks',
141
+      getRegions: 'weekList/getRegions',
142
     }),
142
     }),
143
     DisplayItems() {
143
     DisplayItems() {
144
-      const list = [];
145
-      this.filteredWeeks.forEach(week => {
144
+      const list = []
145
+      this.filteredWeeks.forEach((week) => {
146
         if (week.publish) {
146
         if (week.publish) {
147
-          list.push(week);
147
+          list.push(week)
148
         }
148
         }
149
-      });
149
+      })
150
 
150
 
151
-      const startSlice = (this.currentPage - 1) * this.visibleItemsPerPageCount;
152
-      let endSlice = this.currentPage * this.visibleItemsPerPageCount;
151
+      const startSlice = (this.currentPage - 1) * this.visibleItemsPerPageCount
152
+      let endSlice = this.currentPage * this.visibleItemsPerPageCount
153
       if (endSlice > list.length) {
153
       if (endSlice > list.length) {
154
-        endSlice = list.length;
154
+        endSlice = list.length
155
       }
155
       }
156
-      return list.slice(startSlice, endSlice);
156
+      return list.slice(startSlice, endSlice)
157
     },
157
     },
158
     PageCount() {
158
     PageCount() {
159
-      var list = [];
160
-      this.filteredWeeks.forEach(week => {
159
+      var list = []
160
+      this.filteredWeeks.forEach((week) => {
161
         if (!week.isTender) {
161
         if (!week.isTender) {
162
-          list.push(week);
162
+          list.push(week)
163
         }
163
         }
164
-      });
164
+      })
165
       return this.visibleItemsPerPageCount !== 0
165
       return this.visibleItemsPerPageCount !== 0
166
         ? Math.ceil(list.length / this.visibleItemsPerPageCount)
166
         ? Math.ceil(list.length / this.visibleItemsPerPageCount)
167
-        : 1;
168
-    }
167
+        : 1
168
+    },
169
   },
169
   },
170
   mounted() {
170
   mounted() {
171
     //if (this.resortCode) {
171
     //if (this.resortCode) {
172
     //  this.applyResortFilter(this.resortCode);
172
     //  this.applyResortFilter(this.resortCode);
173
     //}
173
     //}
174
-    this.getByResortCode(this.$route.params.resortCode);
174
+    this.getByResortCode(this.$route.params.resortCode)
175
     //this.getWeeks();
175
     //this.getWeeks();
176
   },
176
   },
177
   methods: {
177
   methods: {
178
-    ...mapActions("weekList", ["getWeeks", "applyResortFilter", "getByResortCode"]),
178
+    ...mapActions('weekList', [
179
+      'getWeeks',
180
+      'applyResortFilter',
181
+      'getByResortCode',
182
+    ]),
179
     View(item) {
183
     View(item) {
180
-      this.$router.push(`/resort/${item.resort.resortCode}/${item.unitNumber}`);
184
+      this.$router.push(`/resort/${item.resort.resortCode}/${item.unitNumber}`)
181
     },
185
     },
182
     onChangeItemsPerPage() {
186
     onChangeItemsPerPage() {
183
       if (this.currentPage !== 1) {
187
       if (this.currentPage !== 1) {
184
-        this.currentPage = 1;
188
+        this.currentPage = 1
185
       }
189
       }
186
     },
190
     },
187
     async pageChangeHandle(value) {
191
     async pageChangeHandle(value) {
188
       switch (value) {
192
       switch (value) {
189
-        case "next":
190
-          this.currentPage += 1;
191
-          break;
192
-        case "previous":
193
-          this.currentPage -= 1;
194
-          break;
193
+        case 'next':
194
+          this.currentPage += 1
195
+          break
196
+        case 'previous':
197
+          this.currentPage -= 1
198
+          break
195
         default:
199
         default:
196
-          this.currentPage = value;
200
+          this.currentPage = value
197
       }
201
       }
198
     },
202
     },
199
     checkStatus(item) {
203
     checkStatus(item) {
200
-      if (item.status.code === "CIP" || item.status.code === "S" || item.status.code === "P") {
201
-        return true;
204
+      if (
205
+        item.status.code === 'CIP' ||
206
+        item.status.code === 'S' ||
207
+        item.status.code === 'P'
208
+      ) {
209
+        return true
202
       } else {
210
       } else {
203
-        return false;
211
+        return false
204
       }
212
       }
205
-    }
206
-  }
207
-};
213
+    },
214
+  },
215
+}
208
 </script>
216
 </script>
209
 
217
 
210
 <style lang="scss" scoped>
218
 <style lang="scss" scoped>
211
 .btn-disabled {
219
 .btn-disabled {
212
-  font-family: "Muli";
220
+  font-family: 'Muli';
213
   font-size: 15px;
221
   font-size: 15px;
214
   letter-spacing: 1px;
222
   letter-spacing: 1px;
215
   display: inline-block;
223
   display: inline-block;

+ 37
- 25
src/components/timeshare/resort/contentSection.vue View File

3
     <div class="container">
3
     <div class="container">
4
       <div class="row" id="resort-profile">
4
       <div class="row" id="resort-profile">
5
         <div class="col-md-3">
5
         <div class="col-md-3">
6
-          <img src="img/listings/property1/property1-gallery.jpg" class="img-fluid" alt />
6
+          <img
7
+            src="img/listings/property1/property1-gallery.jpg"
8
+            class="img-fluid"
9
+            alt
10
+          />
7
           <div class="row no-gutters">
11
           <div class="row no-gutters">
8
             <div class="col-6">
12
             <div class="col-6">
9
-              <img src="img/listings/property1/property1-gallery.jpg" class="img-fluid" alt />
13
+              <img
14
+                src="img/listings/property1/property1-gallery.jpg"
15
+                class="img-fluid"
16
+                alt
17
+              />
10
             </div>
18
             </div>
11
             <div class="col-6">
19
             <div class="col-6">
12
-              <img src="img/listings/property1/property1-gallery.jpg" class="img-fluid" alt />
20
+              <img
21
+                src="img/listings/property1/property1-gallery.jpg"
22
+                class="img-fluid"
23
+                alt
24
+              />
13
             </div>
25
             </div>
14
           </div>
26
           </div>
15
           <gallerySection :images="images" />
27
           <gallerySection :images="images" />
27
               id="gmap_canvas"
39
               id="gmap_canvas"
28
               :src="
40
               :src="
29
                 'https://maps.google.com/maps?q=' +
41
                 'https://maps.google.com/maps?q=' +
30
-                  resort.prLatitude +
31
-                  ',' +
32
-                  resort.prLongitude +
33
-                  '&hl=en&z=14&amp;output=embed'
42
+                resort.prLatitude +
43
+                ',' +
44
+                resort.prLongitude +
45
+                '&hl=en&z=14&amp;output=embed'
34
               "
46
               "
35
               frameborder="0"
47
               frameborder="0"
36
               scrolling="no"
48
               scrolling="no"
47
 <script>
59
 <script>
48
 /* eslint-disable */
60
 /* eslint-disable */
49
 
61
 
50
-import { mapState, mapActions } from "vuex";
51
-import WeekList from "../buy/weekListComponent.vue";
52
-import FilterComponent from "../searchTimeshare.vue";
53
-import ResortImages from "./resortImage.vue";
54
-import gallerySection from "./gallerySection";
62
+import { mapState, mapActions } from 'vuex'
63
+import WeekList from '../buy/weekListComponent.vue'
64
+import FilterComponent from '../searchTimeshare.vue'
65
+import ResortImages from './resortImage.vue'
66
+import gallerySection from './gallerySection'
55
 
67
 
56
 export default {
68
 export default {
57
   props: {
69
   props: {
58
-    resortCode: {}
70
+    resortCode: {},
59
   },
71
   },
60
   components: {
72
   components: {
61
     WeekList,
73
     WeekList,
62
     FilterComponent,
74
     FilterComponent,
63
     ResortImages,
75
     ResortImages,
64
-    gallerySection
76
+    gallerySection,
65
   },
77
   },
66
   // async mounted() {
78
   // async mounted() {
67
   //   await this.initResort(this.resortCode);
79
   //   await this.initResort(this.resortCode);
70
   data() {
82
   data() {
71
     return {
83
     return {
72
       index: null,
84
       index: null,
73
-      boolLoaded: false
74
-    };
85
+      boolLoaded: false,
86
+    }
75
   },
87
   },
76
   computed: {
88
   computed: {
77
-    ...mapState("resort", ["resort", "description", "images", "layout"]),
89
+    ...mapState('resort', ['resort', 'description', 'images', 'layout']),
78
     mapUrl() {
90
     mapUrl() {
79
-      console.log(this.resort.prLatitude);
91
+      console.log(this.resort.prLatitude)
80
 
92
 
81
       return this.resort
93
       return this.resort
82
         ? `http://maps.google.com/maps?q=${this.resort.prLatitude},${this.resort.prLongitude}&z=15&output=embed`
94
         ? `http://maps.google.com/maps?q=${this.resort.prLatitude},${this.resort.prLongitude}&z=15&output=embed`
83
-        : "";
84
-    }
95
+        : ''
96
+    },
85
   },
97
   },
86
   methods: {
98
   methods: {
87
-    ...mapActions("resort", ["GetResortData"]),
99
+    ...mapActions('resort', ['GetResortData']),
88
     routerGoTo(goto) {
100
     routerGoTo(goto) {
89
-      this.$router.push(goto);
90
-    }
91
-  }
92
-};
101
+      this.$router.push(goto)
102
+    },
103
+  },
104
+}
93
 </script>
105
 </script>
94
 
106
 
95
 <style lang="scss" scoped>
107
 <style lang="scss" scoped>

+ 2
- 2
src/components/timeshare/resort/resortPageNew.vue View File

43
             <div class="col">
43
             <div class="col">
44
               <router-link
44
               <router-link
45
                 style="float: right;"
45
                 style="float: right;"
46
-                class="btn-solid-blue mb-4"
46
+                class="btn-white-border mb-4"
47
                 to="/timeshare/buy"
47
                 to="/timeshare/buy"
48
               >
48
               >
49
-                BACK
49
+                Back
50
               </router-link>
50
               </router-link>
51
             </div>
51
             </div>
52
           </div>
52
           </div>

+ 28
- 28
src/components/timeshare/resort/unit/summarySection.vue View File

3
     <div class="row">
3
     <div class="row">
4
       <div class="col">
4
       <div class="col">
5
         <div class="section-header">
5
         <div class="section-header">
6
-          <h2>{{ week ? week.resort.resortName : "" }}</h2>
6
+          <h2>{{ week ? week.resort.resortName : '' }}</h2>
7
         </div>
7
         </div>
8
       </div>
8
       </div>
9
     </div>
9
     </div>
13
       </div>
13
       </div>
14
       <div class="col-md-12 col-lg-8 summarySection">
14
       <div class="col-md-12 col-lg-8 summarySection">
15
         <h4>
15
         <h4>
16
-          Unit {{ week ? week.unitNumber : "" }} |
17
-          {{ week ? week.bedrooms : "" }} Bedroom/{{
18
-            week ? week.maxSleep : ""
16
+          Unit {{ week ? week.unitNumber : '' }} |
17
+          {{ week ? week.bedrooms : '' }} Bedroom/{{
18
+            week ? week.maxSleep : ''
19
           }}
19
           }}
20
           Sleeper
20
           Sleeper
21
         </h4>
21
         </h4>
22
-        <p style="text-align: left">Reference: #{{ week.id }}</p>
22
+        <p style="text-align: left;">Reference: #{{ week.id }}</p>
23
         <table class="table table-striped">
23
         <table class="table table-striped">
24
           <thead>
24
           <thead>
25
             <tr>
25
             <tr>
34
           </thead>
34
           </thead>
35
           <tbody>
35
           <tbody>
36
             <tr>
36
             <tr>
37
-              <td>{{ week ? week.unitNumber : "" }}</td>
38
-              <td>{{ week ? week.weekNumber : "" }}</td>
37
+              <td>{{ week ? week.unitNumber : '' }}</td>
38
+              <td>{{ week ? week.weekNumber : '' }}</td>
39
               <td
39
               <td
40
                 v-if="
40
                 v-if="
41
                   week.arrivalDate === '0001-01-01T00:00:00' ||
41
                   week.arrivalDate === '0001-01-01T00:00:00' ||
43
                 "
43
                 "
44
               ></td>
44
               ></td>
45
               <td v-else>{{ week.arrivalDate | toDate }}</td>
45
               <td v-else>{{ week.arrivalDate | toDate }}</td>
46
-              <td>{{ week ? week.bedrooms : "" }}</td>
47
-              <td>{{ week ? week.season : "" }}</td>
48
-              <td>{{ week ? week.levyAmount : "" | toCurrency }}</td>
49
-              <td>{{ week ? week.sellPrice : "" | toCurrency }}</td>
46
+              <td>{{ week ? week.bedrooms : '' }}</td>
47
+              <td>{{ week ? week.season : '' }}</td>
48
+              <td>{{ week ? week.levyAmount : '' | toCurrency }}</td>
49
+              <td>{{ week ? week.sellPrice : '' | toCurrency }}</td>
50
             </tr>
50
             </tr>
51
           </tbody>
51
           </tbody>
52
         </table>
52
         </table>
53
 
53
 
54
         <div class="row mt-5">
54
         <div class="row mt-5">
55
           <div align="center" class="col-md-6">
55
           <div align="center" class="col-md-6">
56
-            <a href="javascript:history.back()" class="btn-white-border"
57
-              >Back</a
58
-            >
56
+            <a href="javascript:history.back()" class="btn-white-border">
57
+              Back
58
+            </a>
59
           </div>
59
           </div>
60
           <div align="center" class="col-md-6">
60
           <div align="center" class="col-md-6">
61
             <button
61
             <button
62
-              class="btn-solid-blue"
63
-              style="color: white"
62
+              class="btn-white-border"
63
+              style="color: white;"
64
               data-toggle="modal"
64
               data-toggle="modal"
65
               data-target="#myModal"
65
               data-target="#myModal"
66
             >
66
             >
97
 
97
 
98
 <script>
98
 <script>
99
 /* eslint-disable */
99
 /* eslint-disable */
100
-import { mapState, mapActions, mapGetters } from "vuex";
101
-import makeOffer from "../../../processFlow/makeOffer.vue";
102
-import gallerySection from "../gallerySection";
100
+import { mapState, mapActions, mapGetters } from 'vuex'
101
+import makeOffer from '../../../processFlow/makeOffer.vue'
102
+import gallerySection from '../gallerySection'
103
 export default {
103
 export default {
104
   components: {
104
   components: {
105
     makeOffer,
105
     makeOffer,
106
     gallerySection,
106
     gallerySection,
107
   },
107
   },
108
   computed: {
108
   computed: {
109
-    ...mapState("resort", ["resort", "description", "images", "layout"]),
109
+    ...mapState('resort', ['resort', 'description', 'images', 'layout']),
110
 
110
 
111
     ...mapGetters({
111
     ...mapGetters({
112
-      weekById: "weekList/weekById",
112
+      weekById: 'weekList/weekById',
113
     }),
113
     }),
114
     week() {
114
     week() {
115
-      return this.weekById(this.resortCode, this.unitNumber);
115
+      return this.weekById(this.resortCode, this.unitNumber)
116
     },
116
     },
117
     // ...mapState('week', ['currentWeek']),
117
     // ...mapState('week', ['currentWeek']),
118
   },
118
   },
121
     unitNumber: {},
121
     unitNumber: {},
122
   },
122
   },
123
   methods: {
123
   methods: {
124
-    ...mapActions("weekList", ["getWeeks", "applyResortFilter"]),
125
-    ...mapActions("resort", ["initResort"]),
124
+    ...mapActions('weekList', ['getWeeks', 'applyResortFilter']),
125
+    ...mapActions('resort', ['initResort']),
126
     // ...mapActions('week', ['initWeek']),
126
     // ...mapActions('week', ['initWeek']),
127
     formatPrice(value) {
127
     formatPrice(value) {
128
       if (value) {
128
       if (value) {
129
-        const val = (value / 1).toFixed(2);
130
-        return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
129
+        const val = (value / 1).toFixed(2)
130
+        return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ')
131
       }
131
       }
132
-      return "";
132
+      return ''
133
     },
133
     },
134
   },
134
   },
135
-};
135
+}
136
 </script>
136
 </script>
137
 
137
 
138
 <style lang="scss" scoped>
138
 <style lang="scss" scoped>

Loading…
Cancel
Save