Edit timeshare weeks

src/components/admin/status/editTimeShareAdminPage.vue

@@ -19,9 +19,11 @@
               <div class="form-row">
                 <div class="form-group col-md-6">
                   <div class="input-group">
-                    <label v-if="!selectedRegion" class="uniSelectLabel" for="weekInfoRegionSelect"
-                      >REGION</label
-                    >
+                    <label
+                      v-if="!selectedRegion"
+                      class="uniSelectLabel"
+                      for="weekInfoRegionSelect"
+                    >REGION</label>
                   </div>
                   <float-label label="REGION" fixed>
                     <select
@@ -29,9 +31,11 @@
                       v-model="selectedRegion"
                       style="font-size: 15px"
                     >
-                      <option v-for="(region, r) in regions" :key="r" :value="region.regionCode">{{
+                      <option v-for="(region, r) in regions" :key="r" :value="region.regionCode">
+                        {{
                         region.regionName
-                      }}</option>
+                        }}
+                      </option>
                     </select>
                   </float-label>
 
@@ -48,8 +52,7 @@
                           v-for="(resort, r) in filteredResort"
                           :key="r"
                           :value="resort.resortCode"
-                          >{{ resort.resortName }}</option
-                        >
+                        >{{ resort.resortName }}</option>
                       </select>
                     </float-label>
 
@@ -71,9 +74,7 @@
                 </div>
                 <div class="form-group col-md-6">
                   <div v-if="weekParam.otherResort">
-                    <label v-if="!weekParam.region" class="uniSelectLabel" for="region"
-                      >REGION</label
-                    >
+                    <label v-if="!weekParam.region" class="uniSelectLabel" for="region">REGION</label>
                   </div>
                   <float-label>
                     <select
@@ -83,9 +84,11 @@
                       id="region"
                       v-model="weekParam.region"
                     >
-                      <option v-for="(region, r) in regions" :key="r">{{
+                      <option v-for="(region, r) in regions" :key="r">
+                        {{
                         region.regionName
-                      }}</option>
+                        }}
+                      </option>
                     </select>
                   </float-label>
                 </div>
@@ -242,9 +245,10 @@
                     id="customSwitch2"
                     :checked="sellItem.currentYearBanked"
                   />
-                  <label class="custom-control-label" for="customSwitch2">
-                    {{ sellItem.currentYearBanked ? "Yes" : "No" }}
-                  </label>
+                  <label
+                    class="custom-control-label"
+                    for="customSwitch2"
+                  >{{ sellItem.currentYearBanked ? "Yes" : "No" }}</label>
                   <div
                     class="spacebanked1"
                     :class="{ 'spacebanked1--clicked': sellItem.currentYearBanked }"
@@ -253,8 +257,7 @@
                       <label
                         for="If yes, please confirm with whom"
                         v-if="sellItem.currentYearBanked"
-                        >Please confirm with whom</label
-                      >
+                      >Please confirm with whom</label>
                     </div>
                     <div class="validation"></div>
                   </div>
@@ -361,7 +364,7 @@
                       placeholder="Cell Number"
                       data-rule="minlen:4"
                       data-msg="Please enter your cell number"
-                      v-model="week.owner.cellNumner"
+                      v-model="week.owner.cellNumber"
                     />
                   </float-label>
 
@@ -390,9 +393,7 @@
             <div class="form">
               <div class="row">
                 <div class="form-group col-md-6">
-                  <label v-if="!weekParam.weekStatus" class="uniSelectLabel" for="status"
-                    >STATUS</label
-                  >
+                  <label v-if="!weekParam.weekStatus" class="uniSelectLabel" for="status">STATUS</label>
                   <float-label label="STATUS" fixed>
                     <select
                       class="form-control uniSelect"
@@ -406,9 +407,7 @@
                   </float-label>
                 </div>
                 <div class="form-group col-md-6">
-                  <label v-if="!weekParam.publish" class="uniSelectLabel" for="publish"
-                    >Publish</label
-                  >
+                  <label v-if="!weekParam.publish" class="uniSelectLabel" for="publish">Publish</label>
                   <float-label label="Publish" fixed>
                     <select
                       class="form-control uniSelect"
@@ -515,11 +514,17 @@ export default {
     this.selectedWeekType = this.weekParam.weekType;
     this.selectedStatus = this.weekParam.status;
     this.selectedPublish = this.weekParam.publish;
-    var date = new Date(this.weekParam.arrivalDate).toISOString().substring(0, 10);
+    var date = new Date(this.weekParam.arrivalDate)
+      .toISOString()
+      .substring(0, 10);
     this.dateParam = date;
-    var depDate = new Date(this.weekParam.departureDate).toISOString().substring(0, 10);
+    var depDate = new Date(this.weekParam.departureDate)
+      .toISOString()
+      .substring(0, 10);
     this.depDateParam = depDate;
-    var datePub = new Date(this.weekParam.publish).toISOString().substring(0, 10);
+    var datePub = new Date(this.weekParam.publish)
+      .toISOString()
+      .substring(0, 10);
     this.pubDateParam = datePub;
   },
   created() {
@@ -553,7 +558,11 @@ export default {
     },
     filteredResort() {
       let list = [];
-      if (this.sellItem && this.sellItem.region && this.sellItem.region.regionCode) {
+      if (
+        this.sellItem &&
+        this.sellItem.region &&
+        this.sellItem.region.regionCode
+      ) {
         const item = this.detailedRegion.find(
           region => region.region.regionCode === this.sellItem.region.regionCode
         );
@@ -571,7 +580,12 @@ export default {
   },
   methods: {
     ...mapActions("individual", ["getIndividual"]),
-    ...mapActions("timeshare", ["initTimeshare", "onResortChange", "saveWeek", "getBlankWeek"]),
+    ...mapActions("timeshare", [
+      "initTimeshare",
+      "onResortChange",
+      "saveWeek",
+      "getBlankWeek"
+    ]),
     ...mapActions("payment", ["addPayment"]),
     ...mapActions("bank", ["getBanks"]),
     ...mapActions("myWeeks", ["getItems", "getWeek", "editSave"]),
@@ -605,9 +619,18 @@ export default {
           this.weekParam.maxSleep = sleepMax;
         }
       });
-      this.weekParam.arrivalDate = new Date(this.dateParam).toISOString().substring(0, 10);
-      this.weekParam.departureDate = new Date(this.depDateParam).toISOString().substring(0, 10);
-      this.weekParam.publishedDate = new Date(this.pubDateParam).toISOString().substring(0, 10);
+      if (this.week.owner.cellNumber === "") {
+        this.week.owner.cellNumber = "0000000000";
+      }
+      this.weekParam.arrivalDate = new Date(this.dateParam)
+        .toISOString()
+        .substring(0, 10);
+      this.weekParam.departureDate = new Date(this.depDateParam)
+        .toISOString()
+        .substring(0, 10);
+      this.weekParam.publishedDate = new Date(this.pubDateParam)
+        .toISOString()
+        .substring(0, 10);
       this.weekParam.regionId = this.weekParam.region.id;
       this.weekParam.agentId = this.week.agentId;
       this.weekParam.bankedWith = this.week.bankedWith;
@@ -619,7 +642,9 @@ export default {
       delete this.weekParam.agency;
       delete this.weekParam.agent;
       delete this.status;
-      console.log(this.weekParam);
+      delete this.weekParam.owner.howMarried;
+      delete this.weekParam.cellNumber;
+      console.log(JSON.stringify(this.weekParam));
       this.editSave(this.weekParam);
     },
     resortChange() {

src/store/modules/timeshare/myWeeks.js

@@ -1,11 +1,11 @@
 /* eslint-disable no-restricted-syntax */
 /* eslint-disable guard-for-in */
-import axios from 'axios';
+import axios from "axios";
 
 export default {
   namespaced: true,
   state: {
-    items: [],
+    items: []
   },
   mutations: {
     setItems(state, list) {
@@ -15,38 +15,34 @@ export default {
       state.week = item;
     },
     updateItem(state, item) {
-      var index
-    var count = 0
-    state.items.forEach((el) => {
-      if (el.id === item.id) {
-        index = count
-      }
-      count++
-    })
+      var index;
+      var count = 0;
+      state.items.forEach(el => {
+        if (el.id === item.id) {
+          index = count;
+        }
+        count++;
+      });
 
-    Object.assign(state.items[index], item)
-    },
+      Object.assign(state.items[index], item);
+    }
   },
   getters: {
     getNeedsVerify(state) {
-      return _.filter(state.items, x => x.status && x.status.code === 'A1');
-    },
+      return _.filter(state.items, x => x.status && x.status.code === "A1");
+    }
     // removeListing(state, id) {
     //   state.myWeeks.pop(state.myWeeks.find(w => w.id === id));
     // },
   },
   actions: {
-    getItems({
-      commit,
-    }, id) {
-      axios.get(`/api/timeshareweek/getMyWeek/${id}`).then(r => commit('setItems', r.data)).catch(
-        console
-          .error,
-      );
+    getItems({ commit }, id) {
+      axios
+        .get(`/api/timeshareweek/getMyWeek/${id}`)
+        .then(r => commit("setItems", r.data))
+        .catch(console.error);
     },
-    verifyWeek({
-      commit,
-    }, id) {
+    verifyWeek({ commit }, id) {
       try {
         axios.post(`/api/timeshareweek/verifyweek/${id}`).catch(console.error);
       } catch (err) {
@@ -64,20 +60,20 @@ export default {
     // }
     getWeek({ commit }, id) {
       axios
-      .get(`/api/timeshareweek/${id}`)
-      .then(r => {
-        console.log(JSON.stringify(r));
-        commit('setItem', r.data);
-      })
-      .catch(console.error);
+        .get(`/api/timeshareweek/${id}`)
+        .then(r => {
+          console.log(JSON.stringify(r));
+          commit("setItem", r.data);
+        })
+        .catch(console.error);
     },
     editSave({ commit }, week) {
       axios
-      .put(`/api/timeshareweek`, week)
-      .then(r => {
-        commit('updateItem', r.data);
-      })
-      .catch(console.error);
+        .put(`/api/timeshareweek`, week)
+        .then(r => {
+          commit("setItem", r.data);
+        })
+        .catch(console.error);
     }
-  },
+  }
 };