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

src/components/admin/status/editTimeShareAdminPage.vue

               <div class="form-row">
                 <div class="form-group col-md-6">
                   <div class="input-group">
-                    <label v-if="!selectedRegion" class="uniSelectLabel" for="weekInfoRegionSelect"
+                    <label
+                      v-if="!selectedRegion"
+                      class="uniSelectLabel"
+                      for="weekInfoRegionSelect"
                       >REGION</label
                     >
                   </div>
                       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>
                     </select>
                 </div>
                 <div class="form-group col-md-6">
                   <div class="input-group">
-                    <float-label label="RESORT NAME" style="width:100%" fixed>
-                      <select class="form-control uniSelect" v-model="selectedResort">
+                    <float-label label="RESORT NAME" style="width: 100%" fixed>
+                      <select
+                        class="form-control uniSelect"
+                        v-model="selectedResort"
+                      >
                         <option value="Other">Other</option>
                         <option
                           v-for="(resort, r) in filteredResort"
                           :key="r"
                           :value="resort.resortCode"
-                          >{{ resort.resortName }}</option
                         >
+                          {{ resort.resortName }}
+                        </option>
                       </select>
                     </float-label>
 
                 </div>
                 <div class="form-group col-md-6">
                   <div v-if="weekParam.otherResort">
-                    <label v-if="!weekParam.region" class="uniSelectLabel" for="region"
+                    <label
+                      v-if="!weekParam.region"
+                      class="uniSelectLabel"
+                      for="region"
                       >REGION</label
                     >
                   </div>
                 <div class="form-group col-md-6">
                   <float-label>
                     <input
-                      type="number"
+                      type="text"
                       class="form-control"
                       name="unitNumber"
                       id="unitNumber"
                       id="season"
                       v-model="selectedSeason"
                     >
-                      <option :value="season.name" v-for="(season, r) in seasons" :key="r">{{
-                        season.name
-                      }}</option>
+                      <option
+                        :value="season.name"
+                        v-for="(season, r) in seasons"
+                        :key="r"
+                      >
+                        {{ season.name }}
+                      </option>
                     </select>
                   </float-label>
 
                       id="region"
                       v-model="selectedBedrooms"
                     >
-                      <option v-for="(item, i) in resortBedrooms" :key="i">{{ item }}</option>
+                      <option v-for="(item, i) in resortBedrooms" :key="i">
+                        {{ item }}
+                      </option>
                     </select>
                   </float-label>
 
                       id="region"
                       v-model="selectedMaxSleep"
                     >
-                      <option v-for="(item, i) in maxSleep" :key="i">{{ item }}</option>
+                      <option v-for="(item, i) in maxSleep" :key="i">
+                        {{ item }}
+                      </option>
                     </select>
                   </float-label>
 
             <div align="left" class="custom-control custom-switch mb-2">
               <div class="row">
                 <div align="center" class="col">
-                  <label class="mr-5">Has your week been spacebanked for the current year?</label>
+                  <label class="mr-5"
+                    >Has your week been spacebanked for the current year?</label
+                  >
                   <input
                     type="checkbox"
                     class="custom-control-input"
                   </label>
                   <div
                     class="spacebanked1"
-                    :class="{ 'spacebanked1--clicked': weekParam.currentYearBanked }"
+                    :class="{
+                      'spacebanked1--clicked': weekParam.currentYearBanked,
+                    }"
                   >
                     <div class="col-md-6">
                       <label
                         v-if="weekParam.currentYearBanked"
                         v-model="weekParam.bankedWith"
                       >
-                        <option v-for="(item, i) in bankedEntities" :key="i" :value="item">{{
-                          item
-                        }}</option>
+                        <option
+                          v-for="(item, i) in bankedEntities"
+                          :key="i"
+                          :value="item"
+                        >
+                          {{ item }}
+                        </option>
                       </select>
                     </div>
                   </div>
               </div>
             </div>
 
-            <div class="section-header" style="margin-top:50px">
+            <div class="section-header" style="margin-top: 50px">
               <h2>Detailed Individual Information</h2>
             </div>
             <div class="form">
               <div v-if="ROLE === 'Super Admin'" class="row mb-4">
                 <div class="col">
                   <float-label label="OWNER TYPE" fixed>
-                    <select v-model="weekParam.customOwner" class="form-control uniSelect mt-3">
+                    <select
+                      v-model="weekParam.customOwner"
+                      class="form-control uniSelect mt-3"
+                    >
                       <option v-bind:value="true">Custom Owner</option>
                       <option v-bind:value="false">Registered User</option>
                     </select>
                       class="form-control uniSelect mt-3"
                       @change="updateCurrentUser()"
                     >
-                      <option v-for="indiv in individuals" :key="indiv.id" :value="indiv.id">{{
-                        indiv.fullName
-                      }}</option>
+                      <option
+                        v-for="indiv in individuals"
+                        :key="indiv.id"
+                        :value="indiv.id"
+                      >
+                        {{ indiv.fullName }}
+                      </option>
                     </select>
                   </float-label>
                 </div>
                 </div>
               </div>
             </div>
-            <div class="section-header" style="margin-top:50px">
+            <div class="section-header" style="margin-top: 50px">
               <h2>Week Agent</h2>
             </div>
             <div class="row">
                   name="agency"
                   v-model="weekParam.agencyId"
                 >
-                  <option v-for="(item, i) in agencies" :key="i" :value="item.id">{{
-                    item.agencyName
-                  }}</option>
+                  <option
+                    v-for="(item, i) in agencies"
+                    :key="i"
+                    :value="item.id"
+                  >
+                    {{ item.agencyName }}
+                  </option>
                 </select>
               </div>
               <div class="col-md-6">
                   v-model="weekParam.agentId"
                   :disabled="!weekParam.agencyId"
                 >
-                  <option v-for="(item, i) in displayNotDeletedAgents" :key="i" :value="item.id">
+                  <option
+                    v-for="(item, i) in displayNotDeletedAgents"
+                    :key="i"
+                    :value="item.id"
+                  >
                     <div>{{ item.name + " " + item.surname }}</div>
                   </option>
                 </select>
                         id="status"
                         v-model="weekParam.status.id"
                       >
-                        <option :key="status.id" :value="status.id" v-for="status in statusList">{{
-                          status.description
-                        }}</option>
+                        <option
+                          :key="status.id"
+                          :value="status.id"
+                          v-for="status in statusList"
+                        >
+                          {{ status.description }}
+                        </option>
                       </select>
                     </float-label>
                   </div>
               </div>
               <div class="row">
                 <div class="text-center col-6">
-                  <button class="btn-solid-blue" v-on:click="saveEdit()">SAVE</button>
+                  <button class="btn-solid-blue" v-on:click="saveEdit()">
+                    SAVE
+                  </button>
                 </div>
                 <div class="text-center col-6">
-                  <button class="btn-solid-blue" v-on:click="backToListView()">BACK</button>
+                  <button class="btn-solid-blue" v-on:click="backToListView()">
+                    BACK
+                  </button>
                 </div>
               </div>
             </div>
   props: {
     weekParam: {},
     weekId: {
-      default: 0
-    }
+      default: 0,
+    },
   },
   data() {
     return {
       depDateParam: {},
       pubDateParam: {},
       boolAwaitingPayment: false,
-      selectedUser: ""
+      selectedUser: "",
     };
   },
   components: {
     addressAutoComplete,
-    Alert
+    Alert,
   },
   async mounted() {
     if (this.sellItem.id) {
     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.pulbishedDate).toISOString().substring(0, 10);
+    var datePub = new Date(this.weekParam.pulbishedDate)
+      .toISOString()
+      .substring(0, 10);
     this.pubDateParam = datePub;
     if (this.weekParam.status.description === "Awaiting Payment") {
       if (this.ROLE !== "Super Admin") {
       "sellItem",
       "agencies",
       "agents",
-      "getTemplate"
+      "getTemplate",
     ]),
     ...mapGetters("nonRegIndividual", ["getIndiv"]),
     ...mapState("individual", ["indiv"]),
     ...mapState("status", ["statusList"]),
     ...mapGetters({
       user: "authentication/getUser",
-      person: "authentication/getPerson"
+      person: "authentication/getPerson",
     }),
     ...mapState("bank", ["banks"]),
     ...mapState("register", ["individuals", "removeIndividual"]),
       let list = [];
       if (this.week && this.week.region && this.selectedRegion) {
         const item = this.detailedRegion.find(
-          region => region.region.regionCode === this.selectedRegion
+          (region) => region.region.regionCode === this.selectedRegion
         );
         if (item) {
           list = item.children;
       } else {
         list = this.resorts;
       }
-      return _.sortBy(list, x => x.resortName);
+      return _.sortBy(list, (x) => x.resortName);
     },
     isLoggedIn() {
       return this.user && this.person;
     },
     displayNotDeletedAgents() {
       var notDeletedArr = [];
-      this.agents.forEach(agent => {
+      this.agents.forEach((agent) => {
         if (!agent.isDeleted) {
           if (agent.agencyId === this.weekParam.agencyId) {
             notDeletedArr.push(agent);
         }
       });
       return notDeletedArr;
-    }
+    },
   },
   methods: {
     ...mapActions("individual", ["getIndividual"]),
     ...mapActions("nonRegIndividual", ["retrieveNonRegIndiv"]),
-    ...mapActions("timeshare", ["initTimeshare", "onResortChange", "saveWeek", "getBlankWeek"]),
+    ...mapActions("timeshare", [
+      "initTimeshare",
+      "onResortChange",
+      "saveWeek",
+      "getBlankWeek",
+    ]),
     ...mapActions("payment", ["addPayment"]),
     ...mapActions("bank", ["getBanks"]),
     ...mapActions("myWeeks", ["getItems", "getWeek", "editSave"]),
       this.getBlankWeek();
     },
     updateCurrentUser() {
-      this.individuals.forEach(indiv => {
+      this.individuals.forEach((indiv) => {
         if (this.weekParam.ownerId === indiv.id) {
           this.week.owner.name = indiv.name;
           this.week.owner.surname = indiv.surname;
       });
     },
     saveEdit() {
-      this.regions.forEach(region => {
+      this.regions.forEach((region) => {
         if (region.regionCode === this.selectedRegion) {
           //console.log(region);
           this.weekParam.regionId = region.id;
         }
       });
-      this.resorts.forEach(resort => {
+      this.resorts.forEach((resort) => {
         if (resort.resortCode === this.selectedResort) {
           this.weekParam.resortCode = resort.resortCode;
           this.weekParam.resortName = resort.resortName;
       console.log(this.selectedSeason);
       this.weekParam.season = this.selectedSeason;
 
-      this.resortBedrooms.forEach(bedroom => {
+      this.resortBedrooms.forEach((bedroom) => {
         if (bedroom === this.selectedBedrooms) {
           this.weekParam.bedroom = bedroom;
         }
       });
-      this.maxSleep.forEach(sleepMax => {
+      this.maxSleep.forEach((sleepMax) => {
         if (sleepMax === this.selectedMaxSleep) {
           this.weekParam.maxSleep = sleepMax;
         }
       if (this.week.owner.telephone === "") {
         delete this.week.owner.telephone;
       }
-      this.weekParam.arrivalDate = new Date(this.dateParam).toISOString().substring(0, 10);
-      this.weekParam.departureDate = new Date(this.depDateParam).toISOString().substring(0, 10);
+      this.weekParam.arrivalDate = new Date(this.dateParam)
+        .toISOString()
+        .substring(0, 10);
+      this.weekParam.departureDate = new Date(this.depDateParam)
+        .toISOString()
+        .substring(0, 10);
       //console.log(this.pubDateParam);
       if (this.pubDateParam) {
-        this.weekParam.pulbishedDate = new Date(this.pubDateParam).toISOString().substring(0, 19);
+        this.weekParam.pulbishedDate = new Date(this.pubDateParam)
+          .toISOString()
+          .substring(0, 19);
       }
       this.weekParam.owner = this.week.owner;
       this.weekParam.askingPrice = this.week.askingPrice;
     resortChange() {
       this.onResortChange({
         resortName: this.week.resort.resortName,
-        resortCode: this.week.resort.resortCode
+        resortCode: this.week.resort.resortCode,
       });
 
       if (this.week && this.week.resort === "Other") {
         creatydById: Log.getUser().id, //Log.getUser().id,
         amount: amount,
         paymentStatus: "",
-        paymentToken: ""
+        paymentToken: "",
       };
 
-      this.addPayment(paymentObj).then(res => {
+      this.addPayment(paymentObj).then((res) => {
         this.$router.push({
           name: "PaymentGateway",
           params: {
             paymentReqId: res.PAY_REQUEST_ID,
-            checksum: res.CHECKSUM
-          }
+            checksum: res.CHECKSUM,
+          },
         });
       });
-    }
-  }
+    },
+  },
 };
 </script>
 

src/components/admin/status/timeshareAdminList.vue

       </div>
       <div class="row">
         <div class="col-lg-6 offset-3">
-          <input class="form-control uniSelect" type="text" placeholder="SEARCH" v-model="filter" />
+          <input
+            class="form-control uniSelect"
+            type="text"
+            placeholder="SEARCH"
+            v-model="filter"
+          />
         </div>
       </div>
       <div class="row">
             <thead>
               <tr>
                 <th scope="col" v-for="(col, c) in displayColumns" :key="c">
-                  <div @click="sortBy(columns[c])" style="cursor: pointer;">
+                  <div @click="sortBy(columns[c])" style="cursor: pointer">
                     <div class="d-flex bd-highlight">
                       <div class="w-100 bd-highlight">{{ col }}</div>
                       <div class="flex-shrink-1 bd-highlight">
                 <td>{{ item.status.description }}</td>
                 <td v-if="!item.publish">
                   <a v-on:click="Publish(item)">
-                    <img src="../../../../public/img/icons/Upload.png" height="25" width="25" />
+                    <img
+                      src="../../../../public/img/icons/Upload.png"
+                      height="25"
+                      width="25"
+                    />
                   </a>
                 </td>
                 <td v-else>
                 </td>
                 <td>
                   <a v-on:click="Edit(item)">
-                    <img src="../../../../public/img/icons/Edit.png" height="25" width="25" />
+                    <img
+                      src="../../../../public/img/icons/Edit.png"
+                      height="25"
+                      width="25"
+                    />
                   </a>
                 </td>
                 <td>
                   <a v-on:click="Delete(item)">
-                    <img src="../../../../public/img/icons/delete.png" height="25" width="25" />
+                    <img
+                      src="../../../../public/img/icons/delete.png"
+                      height="25"
+                      width="25"
+                    />
                   </a>
                 </td>
               </tr>
           </table>
           <div class="d-flex justify-content-between" v-if="showPager">
             <div class="p-1">
-              {{ currentPage + " / " + PageCount + (" - (" + FilteredListings.length + " items)") }}
+              {{
+                currentPage +
+                " / " +
+                PageCount +
+                (" - (" + FilteredListings.length + " items)")
+              }}
             </div>
             <div class="p-1">
               <BasePagination
                     v-model="visibleItemsPerPageCount"
                     @change="onChangeItemsPerPage()"
                   >
-                    <option v-for="(item, i) in itemsPerPageList" :key="i">{{ item }}</option>
+                    <option v-for="(item, i) in itemsPerPageList" :key="i">
+                      {{ item }}
+                    </option>
                   </select>
                 </div>
               </div>
           <div class="p-2">
             <div class="d-flex flex-row">
               <div>
-                <button v-if="sortKey !== 'id'" class="btn-solid-blue" @click="ClearSort">
+                <button
+                  v-if="sortKey !== 'id'"
+                  class="btn-solid-blue"
+                  @click="ClearSort"
+                >
                   Clear Sort
                 </button>
               </div>
 
 export default {
   components: {
-    BasePagination
+    BasePagination,
   },
   data() {
     return {
         "Region",
         "Amount",
         "Submitted",
-        "Status"
+        "Status",
       ],
       columns: [
         "owner",
         "season",
         "region",
         "sellPrice",
-        "weekStatus"
-      ]
+        "weekStatus",
+      ],
     };
   },
   methods: {
     ...mapActions("myWeeks", ["getAllItems"]),
-    ...mapActions("myWeeks", ["getItems", "verifyWeek", "editSave", "publishOnly"]),
+    ...mapActions("myWeeks", [
+      "getItems",
+      "verifyWeek",
+      "editSave",
+      "publishWeek",
+      "unpublishWeek",
+    ]),
     Publish(item) {
-      var today = new Date();
-      var dd = String(today.getDate()).padStart(2, "0");
-      var mm = String(today.getMonth() + 1).padStart(2, "0"); //January is 0!
-      var yyyy = today.getFullYear();
-      item.pulbishedDate = today.toISOString().substring(0, 19);
-      item.publish = true;
-      item.status.id = 26;
-      item.status.code = "FS";
-      item.status.description = "For Sale";
-      item.status.statusType = true;
-      console.log(JSON.stringify(item));
-      this.publishOnly(item);
+      // var today = new Date();
+      // var dd = String(today.getDate()).padStart(2, "0");
+      // var mm = String(today.getMonth() + 1).padStart(2, "0"); //January is 0!
+      // var yyyy = today.getFullYear();
+      // item.pulbishedDate = today.toISOString().substring(0, 19);
+      // item.publish = true;
+      // item.status.id = 26;
+      // item.status.code = "FS";
+      // item.status.description = "For Sale";
+      // item.status.statusType = true;
+      // console.log(JSON.stringify(item));
+      // this.publishOnly(item);
+      this.publishWeek(item);
     },
     Unpublish(item) {
-      item.publish = false;
-
-      console.log(item);
-      this.publishOnly(item);
+      this.unpublishWeek(item);
     },
     Edit(item) {
       this.$router.push({ name: "EditTimeshare", params: { weekParam: item } });
     ClearSort() {
       this.reverse = true;
       this.sortKey = "id";
-    }
+    },
   },
   computed: {
     ...mapState("propertyList", ["properties"]),
     ...mapGetters({ getNeedsVerify: "myWeeks/getNeedsVerify" }),
     FilteredListings() {
       if (this.filter) {
-        const list = _.filter(this.getNeedsVerify, item =>
+        const list = _.filter(this.getNeedsVerify, (item) =>
           Object.values(item).some(
-            i =>
+            (i) =>
               JSON.stringify(i)
                 .toLowerCase()
                 .indexOf(this.filter.toLowerCase()) > -1
     },
     PageCount() {
       return this.visibleItemsPerPageCount !== 0
-        ? Math.ceil(this.FilteredListings.length / this.visibleItemsPerPageCount)
+        ? Math.ceil(
+            this.FilteredListings.length / this.visibleItemsPerPageCount
+          )
         : 1;
     },
     DisplayItems() {
     },
     SortDirection() {
       return this.reverse ? "desc" : "asc";
-    }
+    },
   },
   created() {
     this.getItems(this.userId).then(() => {
         if (val != oldVal) {
           this.currentPage = 1;
         }
-      }
-    }
-  }
+      },
+    },
+  },
 };
 </script>
 

src/components/timeshare/sell/contentSection.vue

                       name="agency"
                       v-model="sellItem.agencyId"
                     >
-                      <option v-for="(item, i) in agencies" :key="i" :value="item.id">{{
-                        item.agencyName
-                      }}</option>
+                      <option v-for="(item, i) in agencies" :key="i" :value="item.id">
+                        {{ item.agencyName }}
+                      </option>
                     </select>
                   </div>
                   <div class="col-md-6" v-if="refAgent">
                   <label v-if="!sellItem.region" class="uniSelectLabel" for="weekInfoRegionSelect"
                     >REGION</label
                   >
-                  <float-label label="REGION" style="width:100%">
+                  <float-label label="REGION" style="width: 100%">
                     <select
                       id="weekInfoRegionSelect"
                       class="form-control uniSelect"
                   <label v-if="!sellItem.resort" class="uniSelectLabel" for="weekInfoResortSelect"
                     >RESORT NAME</label
                   >
-                  <float-label label="RESORT NAME" style="width:100%">
+                  <float-label label="RESORT NAME" style="width: 100%">
                     <select
                       id="weekInfoResortSelect"
                       class="form-control uniSelect"
                   id="region"
                   v-model="sellItem.region"
                 >
-                  <option v-for="(region, r) in regions" :key="r">{{ region.regionName }}</option>
+                  <option v-for="(region, r) in regions" :key="r">
+                    {{ region.regionName }}
+                  </option>
                 </select>
               </div>
               <div class="form-group col-md-6 mt-2">
                 <float-label>
                   <input
-                    type="number"
+                    type="text"
                     class="form-control"
                     name="unitNumber"
                     id="unitNumber"
                     id="region"
                     v-model="sellItem.season"
                   >
-                    <option v-for="(season, r) in seasons" :key="r">{{ season.name }}</option>
+                    <option v-for="(season, r) in seasons" :key="r">
+                      {{ season.name }}
+                    </option>
                   </select>
                 </float-label>
 
                     id="region"
                     v-model="sellItem.bedrooms"
                   >
-                    <option v-for="(item, i) in resortBedrooms" :key="i">{{ item }}</option>
+                    <option v-for="(item, i) in resortBedrooms" :key="i">
+                      {{ item }}
+                    </option>
                   </select>
                 </float-label>
 
                     id="region"
                     v-model="sellItem.maxSleep"
                   >
-                    <option v-for="(item, i) in maxSleep" :key="i">{{ item }}</option>
+                    <option v-for="(item, i) in maxSleep" :key="i">
+                      {{ item }}
+                    </option>
                   </select>
                 </float-label>
 
                 </label>
                 <div
                   class="spacebanked1"
-                  :class="{ 'spacebanked1--clicked': sellItem.currentYearBanked }"
+                  :class="{
+                    'spacebanked1--clicked': sellItem.currentYearBanked
+                  }"
                 >
                   <div class="col-md-6">
                     <label for="If yes, please confirm with whom" v-if="sellItem.currentYearBanked"
                       v-if="sellItem.currentYearBanked"
                       v-model="sellItem.bankedWith"
                     >
-                      <option v-for="(item, i) in bankedEntities" :key="i">{{ item }}</option>
+                      <option v-for="(item, i) in bankedEntities" :key="i">
+                        {{ item }}
+                      </option>
                     </select>
                   </div>
                 </div>
                     >
                   </span>
 
-                  <float-label label="Marital Status" style="width:100%">
+                  <float-label label="Marital Status" style="width: 100%">
                     <select
                       class="form-control uniSelect"
                       id="howMarried"
                       v-model="indiv.howMarried"
                     >
                       <option value="N/A">N/A</option>
-                      <option value="In Community Of Property">In Community Of Property</option>
-                      <option value="Out of Community Of Property"
-                        >Out of Community Of Property</option
-                      >
+                      <option value="In Community Of Property">
+                        In Community Of Property
+                      </option>
+                      <option value="Out of Community Of Property">
+                        Out of Community Of Property
+                      </option>
                       <option value="Other">Other</option>
-                      <option value="Traditional Wedding">Traditional Wedding</option>
+                      <option value="Traditional Wedding">
+                        Traditional Wedding
+                      </option>
                       <option value="Single">Single</option>
                       <option value="Divorced">Divorced</option>
                       <option value="Widow">Widow</option>
-                      <option value="Committed Relationship">Committed Relationship</option>
+                      <option value="Committed Relationship">
+                        Committed Relationship
+                      </option>
                       <option value="Partner">Partner</option>
                     </select>
                   </float-label>
             <div class="form-row">
               <div
                 class="form-group col-md-12"
-                style="border:solid;border-width:2px; border-color:rgb(27, 117, 187);border-radius: 3px"
+                style="
+                  border: solid;
+                  border-width: 2px;
+                  border-color: rgb(27, 117, 187);
+                  border-radius: 3px;
+                "
               >
-                <p style="text-align: left; margin:auto; padding:10px">
+                <p style="text-align: left; margin: auto; padding: 10px">
                   1. With respect to my timeshare module/week, I confirm that:
                 </p>
                 <div class="validation"></div>
 
             <div class="form-row">
               <div class="col-md-8">
-                <p>1.1. All levy amounts for the current cycle have been paid in full</p>
+                <p>
+                  1.1. All levy amounts for the current cycle have been paid in full
+                </p>
               </div>
               <div class="form-group col-md-2">
                 <div class="custom-control custom-switch">
 
             <div class="form-row">
               <div class="col-md-8">
-                <p>1.3. I / We bought the timeshare module/week on the following date:</p>
+                <p>
+                  1.3. I / We bought the timeshare module/week on the following date:
+                </p>
               </div>
               <div class="form-group col-md-2">
                 <input
 
             <div class="form-row">
               <div class="col-md-8">
-                <p>1.4. The purchase price for which I / we bought timeshare module / week was:</p>
+                <p>
+                  1.4. The purchase price for which I / we bought timeshare module / week was:
+                </p>
               </div>
               <div class="form-group col-md-2">
                 <input
 
             <div class="form-row">
               <div class="col-md-8">
-                <p>1.7. Estate agent's commission agreed to (state Rand value)</p>
+                <p>
+                  1.7. Estate agent's commission agreed to (state Rand value)
+                </p>
               </div>
               <div class="form-group col-md-2">
                 <input
             </div>
             <div class="form-row" v-if="!CanSave">
               <div class="col-md-12">
-                <p class="alert myError">Please ensure that you add spouse details.</p>
+                <p class="alert myError">
+                  Please ensure that you add spouse details.
+                </p>
               </div>
             </div>
             <div class="form-row" v-if="profileEmailError">
               <button class="btn-solid-blue" v-if="!sellItem.id" @click="submitSale()">
                 SUBMIT
               </button>
-              <button class="btn-solid-blue" v-else @click="newSale()">NEW WEEK</button>
+              <button class="btn-solid-blue" v-else @click="newSale()">
+                NEW WEEK
+              </button>
             </div>
             <!-- <div class="text-center col-12">
               <button class="btn-solid-blue" @click="paygateRedirect()">PayGate</button>

src/store/modules/timeshare/myWeeks.js

       });
 
       Object.assign(state.items[index], item);
+    },
+    updatePublished(state, item) {
+      state.items.find(week => week.id === item.id).publish = true;
+    },
+    updateUnpublished(state, item) {
+      state.items.find(week => week.id === item.id).publish = false;
     }
   },
   getters: {
     getNeedsVerify(state) {
-      return state.items
+      return state.items;
     }
     // removeListing(state, id) {
     //   state.myWeeks.pop(state.myWeeks.find(w => w.id === id));
         console.log(err);
       }
     },
-    publishWeek(id) {
-      axios.post(`/api/timeshareweek/publishweek/${id}`).catch(console.error);
+    publishWeek({ commit }, item) {
+      axios
+        .post(`/api/timeshareweek/publishweek/${item.id}`)
+        .then(result => commit("updatePublished", item))
+        .catch(console.error);
+    },
+    unpublishWeek({ commit }, item) {
+      axios
+        .post(`/api/timeshareweek/UnpublishWeek/${item.id}`)
+        .then(result => commit("updateUnpublished", item))
+        .catch(console.error);
     },
     // deleteListing({ commit }, id) {
     //   axios