Resorts - consolidated Data

src/components/timeshare/resort/contentSection.vue

     ResortImages,
     gallerySection,
   },
-  async mounted() {
-    await this.initResort(this.resortCode);
-    setTimeout(() => (this.boolLoaded = true), 2000);
-  },
+  // async mounted() {
+  //   await this.initResort(this.resortCode);
+  //   setTimeout(() => (this.boolLoaded = true), 2000);
+  // },
   data() {
     return {
       index: null,
     },
   },
   methods: {
-    ...mapActions("resort", ["initResort"]),
+    ...mapActions("resort", ["GetResortData"]),
     routerGoTo(goto) {
       this.$router.push(goto);
     },

src/components/timeshare/resort/resortPage.vue

 <template>
   <div>
-    <carouselSection v-if="boolLoaded" :resortImages="images" />
+    <carouselSection v-if="boolLoaded" :resortImages="resort.images" />
     <main id="main" style="margin-top:-20px">
       <contentSection :resortCode="resortCode" />
     </main>
     resortCode: {},
   },
   async created() {
-    this.initResort(this.resortCode).then(() => {
-      setTimeout(() => (this.boolLoaded = true), 2000);
-    });
+    this.getResortData(this.resortCode);
+    // .then(() => {
+    //   setTimeout(() => (this.boolLoaded = true), 2000);
+    // });
   },
   computed: {
     ...mapState("resort", ["resort", "description", "images", "layout"]),
     },
   },
   methods: {
-    ...mapActions("resort", ["initResort"]),
+    ...mapActions("resort", ["getResortData"]),
     routerGoTo(goto) {
       this.$router.push(goto);
     },

src/components/timeshare/resort/resortPageNew.vue

+<template>
+  <div>
+    <carouselSection v-if="!wait" :resortImages="resort.images" />
+    <main id="main" style="margin-top:-20px">
+      <section>
+        <div class="container">
+          <div class="row" id="resort-profile">
+            <div class="col-md-3">
+              <img src="img/listings/property1/property1-gallery.jpg" class="img-fluid" alt />
+              <div class="row no-gutters">
+                <div class="col-6">
+                  <img src="img/listings/property1/property1-gallery.jpg" class="img-fluid" alt />
+                </div>
+                <div class="col-6">
+                  <img src="img/listings/property1/property1-gallery.jpg" class="img-fluid" alt />
+                </div>
+              </div>
+              <gallerySection :images="resort.images" />
+              <FilterComponent :hideTop="true" />
+            </div>
+            <div class="col-md-9 p-5 resort-profile">
+              <h2>{{ resort.prName }}</h2>
+              <WeekList :resortCode="resortCode" />
+              <p v-if="resort.description && resort.description !== ''">{{ resort.description }}</p>
+              <br v-if="resort.description && resort.description !== ''" />
+              <p>{{ resort.prNotes }}</p>
+              <div class="d-flex mt-3">
+                <iframe
+                  width="100%"
+                  height="200"
+                  id="gmap_canvas"
+                  :src="
+                'https://maps.google.com/maps?q=' +
+                  resort.prLatitude +
+                  ',' +
+                  resort.prLongitude +
+                  '&hl=en&z=14&amp;output=embed'
+              "
+                  frameborder="0"
+                  scrolling="no"
+                  marginheight="0"
+                  marginwidth="0"
+                ></iframe>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+    <div v-if="wait" id="preloader"></div>
+  </div>
+</template>
+
+<script>
+/* eslint-disable */
+import { mapState, mapActions } from "vuex";
+import WeekList from "../buy/weekListComponent.vue";
+import FilterComponent from "../searchTimeshare.vue";
+import ResortImages from "./resortImage.vue";
+import gallerySection from "./gallerySection";
+import carouselSection from "./carouselSection";
+
+export default {
+  components: {
+    carouselSection,
+    WeekList,
+    FilterComponent,
+    ResortImages,
+    gallerySection,
+  },
+  data() {
+    return {
+      wait: false,
+    };
+  },
+  props: {
+    resortCode: {},
+  },
+  methods: {
+    ...mapActions("resort", ["getResortData"]),
+    routerGoTo(goto) {
+      this.$router.push(goto);
+    },
+  },
+  computed: {
+    ...mapState("resort", ["resort"]),
+  },
+  mounted() {
+    this.wait = true;
+    this.getResortData(this.resortCode).then((fulfilled) => {
+      this.wait = false;
+    });
+    // .then(() => {
+    //   setTimeout(() => (this.boolLoaded = true), 2000);
+    // });
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

src/components/timeshare/resort/unit/summarySection.vue

     </div>
     <div class="row mt-5">
       <div class="col-md-12 col-lg-4">
-        <gallerySection :images="images" />
+        <gallerySection :images="resort.images" />
       </div>
       <div class="col-md-12 col-lg-8 summarySection">
         <h4>

src/components/timeshare/resort/unit/unitPageNew.vue

+<template>
+  <main id="main" style="padding-bottom:50px">
+    <carouselSection v-if="!wait" :resortImages="resort.images" />
+    <summarySection :resortCode="resortCode" :unitNumber="unitNumber" />
+    <div class="container">
+      <div class="row mt-5">
+        <div class="col">
+          <tabSection
+            style="margin-bottom:100px"
+            :resortCode="resortCode"
+            :resortCoords="resort.prPostAdd1"
+            :layoutImages="layouts"
+            :resortName="resort.prName"
+          />
+        </div>
+      </div>
+    </div>
+    <div v-if="wait" id="preloader"></div>
+  </main>
+</template>
+
+<script>
+/* eslint-disable */
+import { mapState, mapActions, mapGetters } from "vuex";
+import gallerySection from "../gallerySection";
+import tabSection from "./tabSection";
+import summarySection from "./summarySection";
+import carouselSection from "./carouselSection";
+
+export default {
+  name: "unit",
+  components: {
+    gallerySection,
+    tabSection,
+    summarySection,
+    carouselSection,
+  },
+  props: {
+    resortCode: {},
+    unitNumber: {},
+  },
+  data() {
+    return {
+      wait: false,
+    };
+  },
+  mounted() {
+    // await this.initResort(this.resortCode);
+    // if (this.resortCode) {
+    //   this.applyResortFilter(this.resortCode);
+    // }
+    // await this.layouts.push(this.layout);
+    // await this.getWeeks();
+    // setTimeout(() => {
+    //   this.boolLoaded = true;
+    // }, 500);
+    this.wait = true;
+    this.getResortData(this.resortCode).then((fulfilled) => {
+      this.applyResortFilter(this.resortCode);
+      this.getWeeks();
+      this.wait = false;
+    });
+  },
+  computed: {
+    ...mapState("resort", ["resort"]),
+
+    ...mapGetters({
+      weekById: "weekList/weekById",
+    }),
+    week() {
+      return this.weekById(this.resortCode, this.unitNumber);
+    },
+    layouts() {
+      var layouts = [];
+      layouts.push(this.resort.layout);
+      return layouts;
+    },
+    // ...mapState('week', ['currentWeek']),
+  },
+  methods: {
+    ...mapActions("weekList", ["getWeeks", "applyResortFilter"]),
+    ...mapActions("resort", ["getResortData"]),
+    // ...mapActions('week', ['initWeek']),
+    formatPrice(value) {
+      if (value) {
+        const val = (value / 1).toFixed(2);
+        return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
+      }
+      return "";
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+/* Extra small devices (phones, 600px and down) */
+@media only screen and (max-width: 600px) {
+  .summarySection {
+    margin-top: 1px;
+  }
+}
+
+/* Small devices (portrait tablets and large phones, 600px and up) */
+@media only screen and (min-width: 600px) {
+  .summarySection {
+    margin-top: 1px;
+  }
+}
+
+/* Medium devices (landscape tablets, 768px and up) */
+@media only screen and (min-width: 768px) {
+  .summarySection {
+    margin-top: -50px;
+  }
+}
+
+/* Large devices (laptops/desktops, 992px and up) */
+@media only screen and (min-width: 992px) {
+}
+
+/* Extra large devices (large laptops and desktops, 1200px and up) */
+@media only screen and (min-width: 1200px) {
+}
+</style>

src/router/index.js

 import agentManagementPage from "../components/admin/status/agentsUserManagementPage.vue";
 import Fees from "../components/admin/fees/feesPage.vue";
 
-import ResortPage from "../components/timeshare/resort/resortPage.vue";
-import UnitPage from "../components/timeshare/resort/unit/unitPage.vue";
+import ResortPage from "../components/timeshare/resort/resortPageNew.vue";
+import UnitPage from "../components/timeshare/resort/unit/unitPageNew.vue";
 import ToBuySearch from "../components/timeshare/buy/toBuySearchResults.vue";
 
 import ContactUs from "../components/misc/contactUs.vue";

src/store/modules/timeshare/resort.js

 /* eslint-disable no-restricted-syntax */
 /* eslint-disable guard-for-in */
 import axios from "axios";
+import { reject } from "core-js/fn/promise";
 
 export default {
   namespaced: true,
           `https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/social/${resortCode}`
         )
         .then(result => commit("setResortMedia", result.data));
+    },
+    getResortData({ commit }, resortCode) {
+      return new Promise((resolve, reject) => {
+        axios
+          .get(`/api/resort/GetResortData/${resortCode}`)
+          .then(result => {
+            commit("setResort", result.data);
+            resolve();
+          })
+          .catch(error => reject(new Error(error.message)));
+      });
     }
   }
 };