Property video update

src/components/property/propertyeditPage.vue

@@ -298,7 +298,9 @@
               class="btn btn-b-n"
               style="width: 85px; height:40px;"
               :disabled="!mayEdit"
-            >Save</button>
+            >
+              Save
+            </button>
             <button
               type="button"
               @click="Close()"
@@ -307,13 +309,15 @@
               :disabled="
                 showPropertyTypeError || showProvinceError || showCityError || showSuburbError
               "
-            >Close</button>
+            >
+              Close
+            </button>
             <div
               v-if="showPropertyTypeError || showProvinceError || showCityError || showSuburbError"
             >
-              <p
-                class="alert myError"
-              >Missing fields. Please fill in all required fields. Marked with *</p>
+              <p class="alert myError">
+                Missing fields. Please fill in all required fields. Marked with *
+              </p>
             </div>
             <div v-if="wait" id="preloader"></div>
           </form>
@@ -336,7 +340,7 @@ export default {
     ImageLoad,
     VueEditor,
     propField,
-    field,
+    field
   },
   data() {
     return {
@@ -349,47 +353,35 @@ export default {
       customToolbar: [
         [{ header: [false, 1, 2, 3, 4, 5, 6] }],
         ["bold", "italic", "underline", "strike"],
-        [
-          { align: "" },
-          { align: "center" },
-          { align: "right" },
-          { align: "justify" },
-        ],
+        [{ align: "" }, { align: "center" }, { align: "right" }, { align: "justify" }],
         [{ list: "ordered" }, { list: "bullet" }, { list: "check" }],
         [{ script: "sub" }, { script: "super" }],
-        [{ indent: "-1" }, { indent: "+1" }],
+        [{ indent: "-1" }, { indent: "+1" }]
       ],
       salesTypeArr: [
         { id: 1, description: "Sale" },
-        { id: 2, description: "Rental" },
+        { id: 2, description: "Rental" }
       ],
       pricePerArr: ["Month", "Day"],
       yesno: ["Yes", "No"],
       showPropertyTypeError: false,
       showProvinceError: false,
       showCityError: false,
-      showSuburbError: false,
+      showSuburbError: false
     };
   },
   methods: {
     ...mapActions("property", ["getPropertyTypes"]),
-    ...mapActions("propertyEdit", [
-      "getSavedPropertyData",
-      "updateProperty",
-      "mayEditProperty",
-    ]),
+    ...mapActions("propertyEdit", ["getSavedPropertyData", "updateProperty", "mayEditProperty"]),
     salesTypeChanged(item) {
       console.log(item);
     },
     UpdateValue(item) {
       if (item.isUDF) {
         if (item.isPropOverview) {
-          this.propertyOverviewFields[0].fields[item.arrayIndex].value =
-            item.value;
+          this.propertyOverviewFields[0].fields[item.arrayIndex].value = item.value;
         } else if (item.isPropOverview === false) {
-          this.propertyFields[item.arrayIndex].fields[
-            item.arrayItemIndex
-          ].value = item.value;
+          this.propertyFields[item.arrayIndex].fields[item.arrayItemIndex].value = item.value;
         }
       } else if (!item.isUDF) {
         if (item.fieldName) {
@@ -439,7 +431,7 @@ export default {
         }
         this.newPropertyImages.images.push({
           image: this.images[i],
-          isDefault: setAsDefault,
+          isDefault: setAsDefault
         });
       }
       this.property.propertyImages = this.propertyImages;
@@ -451,7 +443,7 @@ export default {
       this.property.propertyFields = this.propertyFields;
       this.updateProperty({
         property: this.property,
-        images: this.newPropertyImages,
+        images: this.newPropertyImages
       }).then(() => {
         this.$router.push("/properties");
       });
@@ -466,8 +458,8 @@ export default {
       this.defaultImage = item;
     },
     DeleteImage(image) {
-      this.propertyImages.find((item) => item.id === image.id).isDeleted = true;
-    },
+      this.propertyImages.find(item => item.id === image.id).isDeleted = true;
+    }
   },
   mounted() {
     // Need to check this can remove unused code
@@ -508,7 +500,7 @@ export default {
       "property",
       "propertyImages",
       "mayEdit",
-      "newPropertyImages",
+      "newPropertyImages"
     ]),
     ...mapState("authentication", ["user"]),
     SalesTypeChanged() {
@@ -522,13 +514,13 @@ export default {
       this.getPropertyTypes(this.propertyType);
 
       return this.propertyType;
-    },
+    }
   },
   watch: {
     SalesTypeChanged() {
       return null;
-    },
-  },
+    }
+  }
 };
 </script>
 

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

@@ -191,12 +191,8 @@ export default {
     //this.getListsForPropertyEdit(this.property.id);
   },
   async mounted() {
-    if (this.property.video === "") {
-      this.property.video = null;
-    }
-    if (this.property.virtualTour === "") {
-      this.property.virtualTour = null;
-    }
+    console.log(this.property);
+    await this.checkForVideos;
     this.currentUrl = window.location.origin + this.$route.fullPath;
   },
   data() {
@@ -208,6 +204,14 @@ export default {
   },
   methods: {
     //...mapActions("searchTab", ["getListsForPropertyEdit"])
+    checkForVideos() {
+      if (this.property.video === "") {
+        this.property.video = null;
+      }
+      if (this.property.virtualTour === "") {
+        this.property.virtualTour = null;
+      }
+    }
   },
   computed: {
     //...mapState("searchTab", ["provinces", "cities", "suburbs"]),