Landing Pages fixes

package-lock.json

@@ -12432,6 +12432,11 @@
         "vue-style-loader": "^4.1.0"
       }
     },
+    "vue-loaders": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/vue-loaders/-/vue-loaders-4.1.4.tgz",
+      "integrity": "sha512-YlT9js3/NSQr8CTebto0NM9jaUl+kkGR3HgdCvoDV2H3NLzCrzSUxzo+VkPgPzBrOs8s40Bad+OX1XOZexeeVQ=="
+    },
     "vue-owl-carousel": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/vue-owl-carousel/-/vue-owl-carousel-2.0.3.tgz",

package.json

@@ -38,6 +38,7 @@
     "vue-float-label": "^1.6.1",
     "vue-js-modal": "^1.3.33",
     "vue-json-excel": "^0.2.99",
+    "vue-loaders": "^4.1.4",
     "vue-owl-carousel": "^2.0.3",
     "vue-router": "^3.1.5",
     "vue-social-sharing": "^3.0.0-beta.11",

src/components/home/propertySection.vue

@@ -37,10 +37,14 @@ export default {
     ...mapState("propertySearch", ["latestProperties"])
   },
   methods: {
-    ...mapActions("propertySearch", ["searchLatestProperties"])
+    ...mapActions("propertySearch", ["searchLatestProperties"]),
+    LoadData() {
+      this.searchLatestProperties();
+      this.$forceUpdate();
+    }
   },
   mounted() {
-    this.searchLatestProperties();
+    this.LoadData();
   }
 };
 </script>

src/components/property/commercial/latestListings.vue

@@ -30,17 +30,21 @@ import { mapState, mapActions } from "vuex";
 import propertyCard from "../propertyCard";
 export default {
   components: {
-    propertyCard,
+    propertyCard
   },
   methods: {
     ...mapActions("propertySearch", ["searchLatestPropertiesType"]),
+    LoadData() {
+      this.searchLatestPropertiesType("Commercial");
+      this.$forceUpdate();
+    }
   },
   mounted() {
-    this.searchLatestPropertiesType("Commercial");
+    this.LoadData();
   },
   computed: {
-    ...mapState("propertySearch", ["latestProperties"]),
-  },
+    ...mapState("propertySearch", ["latestProperties"])
+  }
 };
 </script>
 

src/components/property/residential/latestListings.vue

@@ -32,17 +32,21 @@ import { mapState, mapActions } from "vuex";
 import propertyCard from "../propertyCard";
 export default {
   components: {
-    propertyCard,
+    propertyCard
   },
   methods: {
     ...mapActions("propertySearch", ["searchLatestPropertiesType"]),
+    async LoadData() {
+      await this.searchLatestPropertiesType("Residential");
+      this.$forceUpdate();
+    }
   },
-  async mounted() {
-    await this.searchLatestPropertiesType("Residential");
+  mounted() {
+    this.LoadData();
   },
   computed: {
-    ...mapState("propertySearch", ["latestProperties"]),
-  },
+    ...mapState("propertySearch", ["latestProperties"])
+  }
 };
 </script>
 

src/components/shared/footerSection.vue

@@ -68,9 +68,9 @@
           </div>
         </div>
         <div class="row justify-content-center">
-          <div class="col-lg-2 p-4">
+          <div class="col-lg-2 p-4" style="margin-top:-15px">
             <a href="https://www.daelive.com/" target="_blank"
-              ><img src="../../../public/img/logos/daeNew.png"
+              ><img style="width:100px" src="../../../public/img/logos/7Across-logo.png"
             /></a>
           </div>
           <div class="col-lg-2 p-4">

src/components/timeshare/buy/latestWeeks.vue

@@ -21,6 +21,9 @@
           </div>
         </div>
       </div>
+      <div v-else>
+        <vue-loaders-ball-clip-rotate />
+      </div>
     </div>
   </section>
 </template>
@@ -33,11 +36,8 @@ export default {
     ...mapState("resort", ["resort", "description", "images", "layout"]),
     ...mapGetters("timeshare", ["getLatestWeeks"])
   },
-  mounted() {},
   created() {
-    this.retrieveLatestWeeks().then(() => {
-      this.boolLoaded = true;
-    });
+    this.LoadData();
   },
   data() {
     return {
@@ -53,7 +53,12 @@ export default {
     },
     ...mapActions("weekList", ["getWeeks", "applyResortFilter"]),
     ...mapActions("resort", ["getImage1", "getResortData"]),
-    ...mapActions("timeshare", ["retrieveLatestWeeks"])
+    ...mapActions("timeshare", ["retrieveLatestWeeks"]),
+    LoadData() {
+      this.retrieveLatestWeeks().then(() => {
+        this.boolLoaded = true;
+      });
+    }
   }
 };
 </script>

src/components/timeshare/sell/contentSectionNew.vue

@@ -1101,6 +1101,7 @@ export default {
         this.$router.push("/user/login");
       }
     },
+
     paygateRedirect() {
       var amount = this.getListingFee.amount;
       var paymentObj = {

src/main.js

@@ -16,7 +16,10 @@ import VueAnalytics from 'vue-analytics';
 import JsonExcel from "vue-json-excel";
 import VModal from "vue-js-modal";
 import vueFloatLabel from "vue-float-label";
+import 'vue-loaders/dist/vue-loaders.css';
+import VueLoaders from 'vue-loaders';
 
+Vue.use(VueLoaders);
 Vue.use(VueSocialSharing);
 Vue.use(EvaIcons);
 Vue.use(Vuetify);
@@ -37,10 +40,10 @@ Vue.use(VueGoogleMaps, {
   }
 });
 //More info @ https://webdeasy.de/en/vue-analytics-en/
-Vue.use(VueAnalytics, {
-  id: 'UA-128891091-1',
-  router
-});
+// Vue.use(VueAnalytics, {
+//   id: 'UA-128891091-1',
+//   router
+// });
 
 Vue.config.productionTip = false;
 //axios.defaults.baseURL = "http://localhost:57260";