Browse Source

Remove Carousel for dynamic images

master
30117125 4 years ago
parent
commit
34a4543acb

+ 1
- 1
src/components/admin/status/editTimeShareAdminPage.vue View File

111
                       class="form-control"
111
                       class="form-control"
112
                       name="week"
112
                       name="week"
113
                       id="week"
113
                       id="week"
114
-                      placeholder="UNIT / WEEK NUMBER"
114
+                      placeholder="WEEK MODULE"
115
                       v-model="week.module"
115
                       v-model="week.module"
116
                       data-msg="Please enter week number"
116
                       data-msg="Please enter week number"
117
                     />
117
                     />

+ 2
- 2
src/components/property/commercial/singleView/singleCommercialPage.vue View File

1
 <template>
1
 <template>
2
   <div>
2
   <div>
3
-    <carouselSection :propertyImages="propertyImages" @Loaded="carouselLoaded = true" />
4
-    <main id="main" style="margin-top:-20px">
3
+    <!-- <carouselSection :propertyImages="propertyImages" @Loaded="carouselLoaded = true" /> -->
4
+    <main id="main" style="margin-top:20px">
5
       <contentSection
5
       <contentSection
6
         :property="property"
6
         :property="property"
7
         :propertyImages="propertyImages"
7
         :propertyImages="propertyImages"

+ 2
- 2
src/components/property/residential/singleView/singleResidentialPage.vue View File

1
 <template>
1
 <template>
2
   <div>
2
   <div>
3
-    <carouselSection :propertyImages="propertyImages" @Loaded="CarouselDone" />
4
-    <main id="main" style="margin-top:-20px">
3
+    <!-- <carouselSection :propertyImages="propertyImages" @Loaded="CarouselDone" /> -->
4
+    <main id="main" style="margin-top:20px">
5
       <contentSection :property="property" :propertyImages="propertyImages" @Loaded="ContentDone" />
5
       <contentSection :property="property" :propertyImages="propertyImages" @Loaded="ContentDone" />
6
     </main>
6
     </main>
7
     <div v-if="Wait" id="preloader"></div>
7
     <div v-if="Wait" id="preloader"></div>

+ 7
- 7
src/components/timeshare/resort/resortPage.vue View File

1
 <template>
1
 <template>
2
   <div>
2
   <div>
3
-    <carouselSection v-if="boolLoaded" :resortImages="resort.images" />
3
+    <!-- <carouselSection v-if="boolLoaded" :resortImages="resort.images" /> -->
4
     <main id="main" style="margin-top:-20px">
4
     <main id="main" style="margin-top:-20px">
5
       <contentSection :resortCode="resortCode" />
5
       <contentSection :resortCode="resortCode" />
6
     </main>
6
     </main>
15
 export default {
15
 export default {
16
   components: {
16
   components: {
17
     carouselSection,
17
     carouselSection,
18
-    contentSection,
18
+    contentSection
19
   },
19
   },
20
   data() {
20
   data() {
21
     return {
21
     return {
22
-      boolLoaded: false,
22
+      boolLoaded: false
23
     };
23
     };
24
   },
24
   },
25
   props: {
25
   props: {
26
-    resortCode: {},
26
+    resortCode: {}
27
   },
27
   },
28
   async created() {
28
   async created() {
29
     this.getResortData(this.resortCode);
29
     this.getResortData(this.resortCode);
37
       return this.resort
37
       return this.resort
38
         ? `http://maps.google.com/maps?q=${this.resort.prLatitude},${this.resort.prLongitude}&z=15&output=embed`
38
         ? `http://maps.google.com/maps?q=${this.resort.prLatitude},${this.resort.prLongitude}&z=15&output=embed`
39
         : "";
39
         : "";
40
-    },
40
+    }
41
   },
41
   },
42
   methods: {
42
   methods: {
43
     ...mapActions("resort", ["getResortData"]),
43
     ...mapActions("resort", ["getResortData"]),
44
     routerGoTo(goto) {
44
     routerGoTo(goto) {
45
       this.$router.push(goto);
45
       this.$router.push(goto);
46
-    },
47
-  },
46
+    }
47
+  }
48
 };
48
 };
49
 </script>
49
 </script>
50
 
50
 

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

1
 <template>
1
 <template>
2
   <div>
2
   <div>
3
-    <carouselSection v-if="!wait" :resortImages="resort.images" />
4
-    <main id="main" style="margin-top:-20px;">
3
+    <!-- <carouselSection v-if="!wait" :resortImages="resort.images" /> -->
4
+    <main id="main" style="margin-top:20px;">
5
       <section>
5
       <section>
6
         <div class="container">
6
         <div class="container">
7
           <div class="row" id="resort-profile">
7
           <div class="row" id="resort-profile">
80
     }
80
     }
81
   },
81
   },
82
   computed: {
82
   computed: {
83
-    ...mapState("resort", ["resort"])
83
+    ...mapState("resort", ["resort", "images"])
84
   },
84
   },
85
   created() {
85
   created() {
86
     this.getResortData(this.resortCode).then(() => (this.wait = false));
86
     this.getResortData(this.resortCode).then(() => (this.wait = false));

+ 9
- 9
src/components/timeshare/resort/unit/unitPageNew.vue View File

1
 <template>
1
 <template>
2
   <main id="main" style="padding-bottom:50px">
2
   <main id="main" style="padding-bottom:50px">
3
-    <carouselSection v-if="!wait" :resortImages="resort.images" />
3
+    <!-- <carouselSection v-if="!wait" :resortImages="resort.images" /> -->
4
     <summarySection :resortCode="resortCode" :unitNumber="unitNumber" />
4
     <summarySection :resortCode="resortCode" :unitNumber="unitNumber" />
5
     <div class="container">
5
     <div class="container">
6
       <div class="row mt-5">
6
       <div class="row mt-5">
33
     gallerySection,
33
     gallerySection,
34
     tabSection,
34
     tabSection,
35
     summarySection,
35
     summarySection,
36
-    carouselSection,
36
+    carouselSection
37
   },
37
   },
38
   props: {
38
   props: {
39
     resortCode: {},
39
     resortCode: {},
40
-    unitNumber: {},
40
+    unitNumber: {}
41
   },
41
   },
42
   data() {
42
   data() {
43
     return {
43
     return {
44
-      wait: false,
44
+      wait: false
45
     };
45
     };
46
   },
46
   },
47
   mounted() {
47
   mounted() {
55
     //   this.boolLoaded = true;
55
     //   this.boolLoaded = true;
56
     // }, 500);
56
     // }, 500);
57
     this.wait = true;
57
     this.wait = true;
58
-    this.getResortData(this.resortCode).then((fulfilled) => {
58
+    this.getResortData(this.resortCode).then(fulfilled => {
59
       this.applyResortFilter(this.resortCode);
59
       this.applyResortFilter(this.resortCode);
60
       this.getWeeks();
60
       this.getWeeks();
61
       this.wait = false;
61
       this.wait = false;
65
     ...mapState("resort", ["resort"]),
65
     ...mapState("resort", ["resort"]),
66
 
66
 
67
     ...mapGetters({
67
     ...mapGetters({
68
-      weekById: "weekList/weekById",
68
+      weekById: "weekList/weekById"
69
     }),
69
     }),
70
     week() {
70
     week() {
71
       return this.weekById(this.resortCode, this.unitNumber);
71
       return this.weekById(this.resortCode, this.unitNumber);
74
       var layouts = [];
74
       var layouts = [];
75
       layouts.push(this.resort.layout);
75
       layouts.push(this.resort.layout);
76
       return layouts;
76
       return layouts;
77
-    },
77
+    }
78
     // ...mapState('week', ['currentWeek']),
78
     // ...mapState('week', ['currentWeek']),
79
   },
79
   },
80
   methods: {
80
   methods: {
87
         return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
87
         return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
88
       }
88
       }
89
       return "";
89
       return "";
90
-    },
91
-  },
90
+    }
91
+  }
92
 };
92
 };
93
 </script>
93
 </script>
94
 
94
 

+ 1
- 1
src/components/timeshare/sell/contentSection.vue View File

169
                     class="form-control"
169
                     class="form-control"
170
                     name="week"
170
                     name="week"
171
                     id="week"
171
                     id="week"
172
-                    placeholder="UNIT / WEEK NUMBER"
172
+                    placeholder="WEEK MODULE"
173
                     v-model="sellItem.module"
173
                     v-model="sellItem.module"
174
                     data-msg="Please enter week number"
174
                     data-msg="Please enter week number"
175
                   />
175
                   />

+ 13
- 0
src/store/modules/timeshare/resort.js View File

48
       dispatch("getImage2", resortCode);
48
       dispatch("getImage2", resortCode);
49
       dispatch("getImage3", resortCode);
49
       dispatch("getImage3", resortCode);
50
       dispatch("getImage4", resortCode);
50
       dispatch("getImage4", resortCode);
51
+      dispatch("getImage5", resortCode);
51
       dispatch("getLayout", resortCode);
52
       dispatch("getLayout", resortCode);
52
     },
53
     },
53
     getDescription({ commit }, resortCode) {
54
     getDescription({ commit }, resortCode) {
110
         })
111
         })
111
         .catch(console.error);
112
         .catch(console.error);
112
     },
113
     },
114
+    getImage5({ commit }, resortCode) {
115
+      axios
116
+        .get(
117
+          `https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/${resortCode}/image/5`
118
+        )
119
+        .then(result => {
120
+          if (result.data && result.data.length > 0) {
121
+            commit("addImage", result.data);
122
+          }
123
+        })
124
+        .catch(console.error);
125
+    },
113
     getLayout({ commit }, resortCode) {
126
     getLayout({ commit }, resortCode) {
114
       axios
127
       axios
115
         .get(
128
         .get(

Loading…
Cancel
Save