Merge branch 'master' of http://provision-sa.co.za:3000/Provision/UnivateProperties into master

src/components/property/propertyImage.vue

           type="file"
           accept=".jpeg, .jpg, .gif, .png"
           value="Upload Photo"
-          style="width: 0px;height: 0px;overflow: hidden;"
+          style="width: 0px; height: 0px; overflow: hidden"
           name="images[]"
           @change="imagesAdd"
           :multiple="allowMultiple"
           @change="updateList(i)"
           :disabled="!mayEdit"
         />
-        <label v-if="allowMultiple" for="checkbox" style="margin: 10px;">Main Image</label>
-        <img :src="img" style="height:200px; width:150px; object-fit: cover;" />
+        <label v-if="allowMultiple" for="checkbox" style="margin: 10px"
+          >Main Image</label
+        >
+        <img
+          :src="img"
+          style="height: 200px; width: 150px; object-fit: cover"
+        />
         <br />
         <!-- <span class="input-group-text" align="center" style="width:150px" @click="removeImage(key)">
           <eva-icon name="trash-2-outline" fill="#60CBEB"></eva-icon>Delete
         </span>-->
-        <button v-if="mayEdit" class="imageDeleteButton" @click="removeImage(i)">
+        <button
+          v-if="mayEdit"
+          class="imageDeleteButton"
+          @click="removeImage(i)"
+        >
           <i class="fa fa-trash"></i>
         </button>
       </div>
     loadedImages: Function,
     mayEdit: { type: Boolean, default: () => true },
     allowMultiple: { type: Boolean, default: () => true },
-    savedImages: { type: Array, default: () => [] }
+    savedImages: { type: Array, default: () => [] },
   },
   data() {
     return {
       images: {},
       image: [],
       imagesDefault: [],
-      maxSavedIndex: 0
+      maxSavedIndex: 0,
     };
   },
   // Commented out for now.
       const files = e.target.files || e.dataTransfer.files;
 
       for (let i = 0; i < files.length; i++) {
-        if (files[i].size > 1048576) {
+        if (files[i].size > 2097152) {
           alert(
-            "One or more of your images are over 1 mb size. Please ensure that all your files are under 1 mb in size."
+            "One or more of your images are over 2 mb size. Please ensure that all your files are under 2 mb in size."
           );
           return;
         }
         const reader = new FileReader();
         var vm = this;
 
-        reader.onload = e => {
+        reader.onload = (e) => {
           vm.image.push(e.target.result);
         };
         reader.readAsDataURL(file[i]);
         }
         this.$emit("DefaultImage", index);
       }
-    }
+    },
   },
   watch: {
     savedImages: {
             this.maxSavedIndex = i;
           }
         }
-      }
-    }
-  }
+      },
+    },
+  },
 };
 </script>
 

src/components/timeshare/buy/weekListComponent.vue

             <td>#{{ item.id }}</td>
             <td>{{ item.unitNumber }}</td>
             <td>{{ item.weekNumber }}</td>
-            <td v-if="item.arrivalDate === '0001-01-01T00:00:00'"></td>
+            <td
+              v-if="
+                item.arrivalDate === '0001-01-01T00:00:00' ||
+                item.arrivalDate === '1753-01-01T00:00:00'
+              "
+            ></td>
             <td v-else>{{ item.arrivalDate | toDate }}</td>
-            <td v-if="item.departureDate === '0001-01-01T00:00:00'"></td>
+            <td
+              v-if="
+                item.departureDate === '0001-01-01T00:00:00' ||
+                item.departureDate === '1753-01-01T00:00:00'
+              "
+            ></td>
             <td v-else>{{ item.departureDate | toDate }}</td>
             <td>{{ item.bedrooms }}</td>
             <td>{{ item.season }}</td>
             <!-- <td>{{item.status ? item.status.description : ''}}</td> -->
 
             <td>
-              <a v-on:click="View(item)" class="btn-solid-blue" style="color:white">YES</a>
+              <a
+                v-on:click="View(item)"
+                class="btn-solid-blue"
+                style="color: white"
+                >YES</a
+              >
             </td>
             <!-- <div class="col-md-12">
                 <button type="button" class="btn btn-b-n" >View</button>
             v-model="visibleItemsPerPageCount"
             @change="onChangeItemsPerPage()"
           >
-            <option v-for="(item, i) in visibleItemSelector" :key="i">{{ item }}</option>
+            <option v-for="(item, i) in visibleItemSelector" :key="i">
+              {{ item }}
+            </option>
           </select>
         </div>
         <div class="col-md-10 mt-4">
-          <div style="float:right">
+          <div style="float: right">
             <BasePagination
               :currentPage="currentPage"
               :pageCount="PageCount"
             class="img-fluid"
             src="/img/kloader.gif"
             alt="UVProp logo"
-            style="width:128px;height:128px;"
+            style="width: 128px; height: 128px"
           />
         </div>
         <div v-else>No Results Found</div>
     resortCode: undefined,
     userId: undefined,
     currentPage: {
-      default: 1
-    }
+      default: 1,
+    },
   },
   data() {
     return {
       visibleItemsPerPageCount: 8,
-      visibleItemSelector: [5, 8, 10, 20, 50, 100]
+      visibleItemSelector: [5, 8, 10, 20, 50, 100],
     };
   },
   components: {
-    BasePagination
+    BasePagination,
   },
   computed: {
     ...mapState("weekList", ["weeks", "status"]),
     ...mapGetters({
       filteredWeeks: "weekList/filteredWeeks",
-      getRegions: "weekList/getRegions"
+      getRegions: "weekList/getRegions",
     }),
     DisplayItems() {
       const list = [];
-      this.filteredWeeks.forEach(week => {
+      this.filteredWeeks.forEach((week) => {
         if (week.publish) {
           list.push(week);
         }
       return this.visibleItemsPerPageCount !== 0
         ? Math.ceil(this.filteredWeeks.length / this.visibleItemsPerPageCount)
         : 1;
-    }
+    },
   },
   mounted() {
     if (this.resortCode) {
     //this.getWeeks();
   },
   methods: {
-    ...mapActions("weekList", ["getWeeks", "applyResortFilter", "getByResortCode"]),
+    ...mapActions("weekList", [
+      "getWeeks",
+      "applyResortFilter",
+      "getByResortCode",
+    ]),
     View(item) {
       this.$router.push(`/resort/${item.resort.resortCode}/${item.unitNumber}`);
     },
         default:
           this.currentPage = value;
       }
-    }
-  }
+    },
+  },
 };
 </script>
 

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

       </div>
       <div class="col-md-12 col-lg-8 summarySection">
         <h4>
-          Unit {{ week ? week.unitNumber : "" }} | {{ week ? week.bedrooms : "" }} Bedroom/{{
-          week ? week.maxSleep : ""
+          Unit {{ week ? week.unitNumber : "" }} |
+          {{ week ? week.bedrooms : "" }} Bedroom/{{
+            week ? week.maxSleep : ""
           }}
           Sleeper
         </h4>
-        <p style="text-align:left">Reference: #{{ week.id }}</p>
+        <p style="text-align: left">Reference: #{{ week.id }}</p>
         <table class="table table-striped">
           <thead>
             <tr>
             <tr>
               <td>{{ week ? week.unitNumber : "" }}</td>
               <td>{{ week ? week.weekNumber : "" }}</td>
-              <td v-if="week.arrivalDate === '0001-01-01T00:00:00'"></td>
+              <td
+                v-if="
+                  week.arrivalDate === '0001-01-01T00:00:00' ||
+                  week.arrivalDate === '1753-01-01T00:00:00'
+                "
+              ></td>
               <td v-else>{{ week.arrivalDate | toDate }}</td>
               <td>{{ week ? week.bedrooms : "" }}</td>
               <td>{{ week ? week.season : "" }}</td>
 
         <div class="row mt-5">
           <div align="center" class="col-md-6">
-            <a href="javascript:history.back()" class="btn-white-border">Back</a>
+            <a href="javascript:history.back()" class="btn-white-border"
+              >Back</a
+            >
           </div>
           <div align="center" class="col-md-6">
             <button
               class="btn-solid-blue"
-              style="color:white"
+              style="color: white"
               data-toggle="modal"
               data-target="#myModal"
-            >Make an Offer</button>
+            >
+              Make an Offer
+            </button>
             <div class="col-md-12">
               <div id="myModal" class="modal fade" role="dialog">
                 <div class="modal-dialog modal-lg">
                   <!-- Modal content-->
                   <div class="modal-content">
                     <div class="modal-header">
-                      <button type="button" class="close" data-dismiss="modal">&times;</button>
+                      <button type="button" class="close" data-dismiss="modal">
+                        &times;
+                      </button>
                     </div>
                     <div padding-left="20px">
                       <makeOffer