Removed Carousel loaded flag

src/components/property/commercial/singleView/singleCommercialPage.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <!-- <carouselSection :propertyImages="propertyImages" @Loaded="carouselLoaded = true" /> -->
-    <main id="main" style="margin-top:20px">
+    <main id="main" style="margin-top: 20px">
       <contentSection
         :property="property"
         :propertyImages="propertyImages"
@@ -18,30 +18,28 @@
 
 import { mapState, mapActions, mapGetters } from "vuex";
 import makeOffer from "../../../processFlow/makeOffer";
-import carouselSection from "./carouselSection";
+// import carouselSection from "./carouselSection";
 import contentSection from "./contentSection";
 
 export default {
   name: "property",
   components: {
     makeOffer,
-    carouselSection,
-    contentSection
+    contentSection,
   },
   data() {
     return {
       index: null,
       date: new Date(),
       wait: true,
-      carouselLoaded: false,
       contentloaded: false,
       dataProp: {},
-      dataImages: {}
+      dataImages: {},
     };
   },
   mounted() {
     this.clearPropertyImages();
-    this.getDisplayProperty(this.$route.params.id).then(data => {
+    this.getDisplayProperty(this.$route.params.id).then((data) => {
       this.getSavedPropertyImages(data.id).then(() => {
         this.wait = false;
       });
@@ -52,17 +50,17 @@ export default {
   computed: {
     ...mapState("property", ["property", "propertyImages"]),
     Wait() {
-      if (this.wait && !this.carouselLoaded && !this.contentloaded) {
+      if (this.wait && !this.contentloaded) {
         return true;
       }
       return false;
-    }
+    },
   },
   methods: {
     ...mapActions("property", [
       "getDisplayProperty",
       "clearPropertyImages",
-      "getSavedPropertyImages"
+      "getSavedPropertyImages",
     ]),
     formatPrice(value) {
       const val = (value / 1).toFixed(2);
@@ -74,16 +72,13 @@ export default {
       }
       return "";
     },
-    CarouselDone() {
-      this.carouselLoaded = true;
-    },
     ContentDone() {
       this.contentloaded = true;
-    }
+    },
   },
   beforeDestroy() {
     this.clearPropertyImages();
-  }
+  },
 };
 </script>
 

src/components/property/residential/singleView/singleResidentialPage.vue

@@ -1,8 +1,12 @@
 <template>
   <div>
     <!-- <carouselSection :propertyImages="propertyImages" @Loaded="CarouselDone" /> -->
-    <main id="main" style="margin-top:20px">
-      <contentSection :property="property" :propertyImages="propertyImages" @Loaded="ContentDone" />
+    <main id="main" style="margin-top: 20px">
+      <contentSection
+        :property="property"
+        :propertyImages="propertyImages"
+        @Loaded="ContentDone"
+      />
     </main>
     <div v-if="Wait" id="preloader"></div>
   </div>
@@ -13,15 +17,14 @@
 
 import { mapState, mapActions } from "vuex";
 import makeOffer from "../../../processFlow/makeOffer";
-import carouselSection from "./carouselSection";
+//import carouselSection from "./carouselSection";
 import contentSection from "./contentSection";
 
 export default {
   name: "property",
   components: {
     makeOffer,
-    carouselSection,
-    contentSection
+    contentSection,
   },
   data() {
     return {
@@ -29,34 +32,23 @@ export default {
       date: new Date(),
       boolLoaded: false,
       wait: false,
-      carouselLoaded: false,
-      contentloaded: false
+      contentloaded: false,
     };
   },
-  async mounted() {
-    this.wait = true;
-    this.carouselLoaded = false;
-    this.contentloaded = false;
+  mounted() {
     this.clearPropertyImages();
-    await this.getDisplayProperty(this.$route.params.id);
-
-    // await this.getPropertyImages(this.$route.params.id);
-    // setTimeout(() => {
-    //   if (this.propertyImages.length > 0) {
-    //     this.boolLoaded = true;
-    //   }
-    // }, 100);
-
-    //this.mayEditProperty(this.$route.params.id);
+    this.getDisplayProperty(this.$route.params.id).then((data) => {
+      this.wait = false;
+    });
   },
   computed: {
     ...mapState("property", ["property", "propertyImages"]),
     Wait() {
-      if (this.wait && !this.carouselLoaded && !this.contentloaded) {
+      if (this.wait && !this.contentloaded) {
         return true;
       }
       return false;
-    }
+    },
   },
   methods: {
     ...mapActions("property", ["getDisplayProperty", "clearPropertyImages"]),
@@ -77,11 +69,11 @@ export default {
     },
     ContentDone() {
       this.contentloaded = true;
-    }
+    },
   },
   beforeDestroy() {
     this.clearPropertyImages();
-  }
+  },
 };
 </script>