Timeshare Admin page

src/components/admin/status/editTimeShareAdminPage.vue

@@ -0,0 +1,754 @@
+<template>
+<main id="main">
+  <section id="contact2">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="section-header">
+            <h2>Week Information</h2>
+          </div>
+
+          <div align="left" class="custom-control custom-switch mb-2">
+            <div class="row">
+              <div align="center" class="col">
+                <!-- <label class="mr-5">Were you referred by an agent?</label> -->
+                <!-- <input
+                  type="checkbox"
+                  class="custom-control-input"
+                  id="customSwitch1"
+                  :checked="refAgent"
+                  @change="changeRef"
+                /> -->
+                <!-- <label class="custom-control-label" for="customSwitch1">{{
+                  refAgent ? "Yes" : "No"
+                }}</label> -->
+                <!-- <div class="refbyAgent" :class="{ 'refbyAgent--clicked': refAgent }">
+                  <div class="col-md-6" v-if="refAgent">
+                    <label for="Name of Agency">Agency</label>
+                    <select
+                      class="form-control uniSelect"
+                      id="Agency"
+                      name="agency"
+                      v-model="sellItem.agencyId"
+                    >
+                      <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 for="Name of Agent">Agent</label>
+                    <select
+                      class="form-control uniSelect"
+                      id="agent"
+                      name="agent"
+                      v-model="sellItem.agentId"
+                      :disabled="!sellItem.agencyId"
+                    >
+                      <option
+                        v-for="(item, i) in displayNotDeletedAgents"
+                        :key="i"
+                        :value="item.id"
+                      >
+                        <div>{{ item.name + " " + item.surname }}</div>
+                      </option>
+                    </select>
+                  </div>
+                </div> -->
+              </div>
+            </div>
+          </div>
+
+          <div class="form">
+            <div id="sendmessage">Your details has been sent. Thank you!</div>
+            <div id="errormessage"></div>
+            <div class="form-row">
+              <div class="form-group col-md-6">
+                <div class="input-group">
+                  <label v-if="!sellItem.region" class="uniSelectLabel" for="weekInfoRegionSelect"
+                    >REGION</label
+                  >
+
+                  <select
+                    id="weekInfoRegionSelect"
+                    class="form-control uniSelect"
+                    v-model="sellItem.region"
+                    @change="regionChange()"
+                    style="font-size: 15px"
+                  >
+                    <option v-for="(region, r) in regions" :key="r" :value="region">{{
+                      region.regionName
+                    }}</option>
+                  </select>
+                </div>
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <div class="input-group">
+                  <label v-if="!sellItem.resort" class="uniSelectLabel" for="weekInfoResortSelect"
+                    >RESORT NAME</label
+                  >
+
+                  <select
+                    id="weekInfoResortSelect"
+                    class="form-control uniSelect"
+                    v-model="sellItem.resort"
+                    @change="resortChange()"
+                  >
+                    <option value="Other">Other</option>
+                    <option v-for="(resort, r) in filteredResort" :key="r" :value="resort">{{
+                      resort.resortName
+                    }}</option>
+                  </select>
+                </div>
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <input
+                  class="form-control"
+                  v-if="sellItem.otherResort"
+                  placeholder="NAME OF RESORT (* IF OTHER)"
+                  type="text"
+                  name="other"
+                  v-model="sellItem.otherResortName"
+                />
+              </div>
+              <div class="form-group col-md-6">
+                <div v-if="sellItem.otherResort">
+                  <label v-if="!sellItem.region" class="uniSelectLabel" for="region">REGION</label>
+                </div>
+
+                <select
+                  class="form-control uniSelect"
+                  v-if="sellItem.otherResort"
+                  name="region"
+                  id="region"
+                  v-model="sellItem.region"
+                >
+                  <option v-for="(region, r) in regions" :key="r">{{ region.regionName }}</option>
+                </select>
+              </div>
+              <div class="form-group col-md-6">
+                <input
+                  type="number"
+                  class="form-control"
+                  name="unitNumber"
+                  id="unitNumber"
+                  placeholder="UNIT NUMBER"
+                  v-model="sellItem.unitNumber"
+                  data-msg="Please enter unit number"
+                />
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <input
+                  type="number"
+                  class="form-control"
+                  name="week"
+                  id="week"
+                  placeholder="UNIT / WEEK NUMBER"
+                  v-model="sellItem.module"
+                  data-msg="Please enter week number"
+                />
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <label v-if="!sellItem.season" class="uniSelectLabel" for="region">SEASON</label>
+
+                <select
+                  class="form-control uniSelect"
+                  name="region"
+                  id="region"
+                  v-model="sellItem.season"
+                >
+                  <option v-for="(season, r) in seasons" :key="r">{{ season.name }}</option>
+                </select>
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <label v-if="!sellItem.bedrooms" class="uniSelectLabel" for="region"
+                  >BEDROOM/S</label
+                >
+
+                <select
+                  class="form-control uniSelect"
+                  name="region"
+                  id="region"
+                  v-model="sellItem.bedrooms"
+                >
+                  <option v-for="(item, i) in resortBedrooms" :key="i">{{ item }}</option>
+                </select>
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <label v-if="!sellItem.maxSleep" class="uniSelectLabel" for="region"
+                  >SLEEP MAX</label
+                >
+
+                <select
+                  class="form-control uniSelect"
+                  name="region"
+                  id="region"
+                  v-model="sellItem.maxSleep"
+                >
+                  <option v-for="(item, i) in maxSleep" :key="i">{{ item }}</option>
+                </select>
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <input
+                  type="number"
+                  class="form-control"
+                  name="levy"
+                  id="levy"
+                  placeholder="Levy Amount"
+                  v-model="sellItem.levyAmount"
+                  data-msg="Please enter levy amount"
+                />
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <label v-if="!sellItem.weekType" class="uniSelectLabel" for="region"
+                  >WEEK TYPE</label
+                >
+                <select
+                  class="form-control uniSelect"
+                  name="region"
+                  id="region"
+                  v-model="sellItem.weekType"
+                >
+                  <option :key="0">Flexi</option>
+                  <option :key="1">Fixed</option>
+                  <option :key="2">Module</option>
+                  <option :key="3">Syndicate</option>
+                </select>
+              </div>
+                          <div class="form-row">
+              <div class="form-group col-md-6">
+                Arrival Date :
+                <input
+                  type="date"
+                  class="form-control"
+                  name="occupationDate1"
+                  v-model="sellItem.arrivalDate"
+                />
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                Departure Date :
+                <input
+                  type="date"
+                  class="form-control"
+                  name="occupationDate2"
+                  v-model="sellItem.departureDate"
+                />
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                  Purchase Price:
+                <input
+                  class="form-control"
+                  placeholder="R"
+                  type="number"
+                  step="any"
+                  name="purchasePrice"
+                  v-model="sellItem.originalPurchasePrice"
+                />
+                <div class="validation"></div>
+              </div>
+
+            </div>
+            </div>
+          </div>
+          <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>
+                <input
+                  type="checkbox"
+                  class="custom-control-input"
+                  id="customSwitch2"
+                  :checked="sellItem.currentYearBanked"
+                  @change="changeCurrentBanked"
+                />
+                <label class="custom-control-label" for="customSwitch2">{{
+                  sellItem.currentYearBanked ? "Yes" : "No"
+                }}</label>
+                <div
+                  class="spacebanked1"
+                  :class="{ 'spacebanked1--clicked': sellItem.currentYearBanked }"
+                >
+                  <div class="col-md-6">
+                    <label for="If yes, please confirm with whom" v-if="sellItem.currentYearBanked"
+                      >Please confirm with whom</label
+                    >
+                    <select
+                      class="form-control uniSelect"
+                      name="spacebankOwner"
+                      v-if="sellItem.currentYearBanked"
+                      v-model="sellItem.bankedWith"
+                    >
+                      <option v-for="(item, i) in bankedEntities" :key="i">{{ item }}</option>
+                    </select>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="section-header">
+            <h2>Detailed Individual Information</h2>
+          </div>
+          <div class="form">
+            <div class="row">
+              <div class="form-group col-md-6">
+                <input
+                  type="text"
+                  name="name"
+                  class="form-control"
+                  id="name"
+                  placeholder="Name"
+                  data-rule="minlen:4"
+                  data-msg="Please enter your name"
+                  v-model="indiv.name"
+                />
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <input
+                  type="text"
+                  class="form-control"
+                  name="surname"
+                  id="surname"
+                  placeholder="Surname"
+                  data-msg="Please enter your surname"
+                  v-model="indiv.surname"
+                />
+                <div class="validation"></div>
+              </div>
+            </div>
+            <div class="row">
+              <div class="form-group col-md-6">
+                <input
+                  type="text"
+                  name="idnum"
+                  class="form-control"
+                  id="idnum"
+                  placeholder="ID Number"
+                  data-rule="minlen:4"
+                  data-msg="Please enter your ID number"
+                  v-model="indiv.idNumber"
+                />
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <input
+                  type="text"
+                  class="form-control"
+                  name="company"
+                  id="company"
+                  placeholder="Company Reg Number"
+                  data-rule="minlen:4"
+                  data-msg="Please enter your company reg number"
+                  v-model="indiv.companyRegNumber"
+                />
+                <div class="validation"></div>
+              </div>
+            </div>
+            <div class="row">
+              <div class="form-group col-md-6">
+                <div class="input-group">
+                  <label
+                    v-if="!indiv.howMarried || indiv.howMarried === 'N/A'"
+                    for="howMarried"
+                    class="uniSelectLabel"
+                    >Marital Status</label
+                  >
+                  <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="Other">Other</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="Partner">Partner</option>
+                  </select>
+                </div>
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <input
+                  type="text"
+                  class="form-control"
+                  name="email"
+                  id="email"
+                  placeholder="Email Address"
+                  data-msg="Please enter your email address"
+                  v-model="indiv.emailAddress"
+                />
+                <div class="validation"></div>
+              </div>
+            </div>
+            <div class="row">
+              <div class="form-group col-md-6">
+                <input
+                  type="text"
+                  name="cell"
+                  class="form-control"
+                  id="cell"
+                  placeholder="Cell Number"
+                  data-rule="minlen:4"
+                  data-msg="Please enter your cell number"
+                  v-model="indiv.cellNumner"
+                />
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <input
+                  type="text"
+                  class="form-control"
+                  name="landline"
+                  id="landline"
+                  placeholder="Landline Number"
+                  data-msg="Please enter your landline number"
+                  v-model="indiv.landlineNumber"
+                />
+                <div class="validation"></div>
+              </div>
+            </div>
+          </div>
+          <div v-if="indiv.howMarried === 'In Community Of Property'" class="section-header">
+            <h2>Spouse Details</h2>
+          </div>
+          <div v-if="indiv.howMarried === 'In Community Of Property'" class="form">
+            <div class="form-row">
+              <div class="form-group col-md-6">
+                <input
+                  type="text"
+                  class="form-control"
+                  placeholder="SPOUSE NAME"
+                  data-msg="Please enter your spouse's name"
+                  v-model="indiv.spouseName"
+                />
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <input
+                  type="text"
+                  class="form-control"
+                  placeholder="SPOUSE SURNAME"
+                  data-msg="Please enter your spouse's surname"
+                  v-model="indiv.spouseSurname"
+                />
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <input
+                  type="text"
+                  class="form-control"
+                  placeholder="SPOUSE EMAIL"
+                  data-rule="minlen:4"
+                  data-msg="Please enter your spouse's email"
+                  v-model="indiv.spouseEmail"
+                />
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <input
+                  type="text"
+                  class="form-control"
+                  placeholder="SPOUSE TELEPHONE"
+                  data-rule="minlen:4"
+                  data-msg="Please enter your spouse's telephone number"
+                  v-model="indiv.spouseTelephone"
+                />
+                <div class="validation"></div>
+              </div>
+              <div class="form-group col-md-6">
+                <input
+                  type="text"
+                  class="form-control"
+                  placeholder="SPOUSE CELL NUMBER"
+                  data-rule="minlen:4"
+                  data-msg="Please enter your spouse's cellphone number"
+                  v-model="indiv.spouseCellnumber"
+                />
+                <div class="validation"></div>
+              </div>
+            </div>
+                          <div class="form-group col-md-6">
+                <input
+                  type="text"
+                  class="form-control"
+                  placeholder="SPOUSE CELL NUMBER"
+                  data-rule="minlen:4"
+                  data-msg="Please enter your spouse's cellphone number"
+                  v-model="indiv.spouseCellnumber"
+                />
+                <div class="validation"></div>
+              </div>
+          </div>
+
+          <div class="form">
+            <div id="sendmessage">Your details has been sent. Thank you!</div>
+            <div id="errormessage"></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>
+              </div>
+            </div>
+            <div class="text-center col-12" v-if="CanSave">
+              <button class="btn-solid-blue" v-if="!sellItem.id" @click="submitSale()">
+                Save
+              </button>
+            </div>
+            <div class="text-center col-12">
+              <button class="btn-solid-blue" @click="paygateRedirect()">Back</button>
+            </div>
+            <br />
+            <br />
+          </div>
+        </div>
+
+        <br />
+        <br />
+      </div>
+      <div v-if="wait" id="preloader"></div>
+    </div>
+  </section>
+</main>
+</template>
+
+<script>
+/* eslint-disable */
+import { mapState, mapActions, mapGetters } from "vuex";
+import addressAutoComplete from "../../shared/addressAutoComplete";
+import Alert from "../../shared/alert.vue";
+import Log from "../../../assets/Log";
+import _ from "lodash";
+
+export default {
+  name: "EditTimeshare",
+  props: {
+    weekId: {
+      default: 0
+    }
+  },
+  data() {
+    return {
+      wait: false,
+      userLoggedIn: Log.isLoggedIn(),
+      listedWeekId: this.$route.params.id
+    };
+  },
+  components: {
+    addressAutoComplete,
+    Alert
+  },
+  mounted() {
+    if (this.sellItem.id) {
+      this.newSale();
+    }
+    this.initTimeshare(0);
+    this.getIndividual(Log.getUser().id);
+    this.getBanks();
+  },
+  created() {
+    this.initTimeshare(this.weekId);
+  },
+  computed: {
+    ...mapState("timeshare", [
+      "resorts",
+      "regions",
+      "detailedRegion",
+      "seasons",
+      "result",
+      "resortBedrooms",
+      "maxSleep",
+      "bankedEntities",
+      "sellItem",
+      "agencies",
+      "agents",
+      "getTemplate"
+    ]),
+    ...mapState("individual", ["indiv"]),
+    ...mapState("authentication", ["isLoggedIn"]),
+    ...mapGetters({
+      user: "authentication/getUser",
+      person: "authentication/getPerson"
+    }),
+    ...mapState("bank", ["banks"]),
+    refAgent() {
+      return this.sellItem && this.sellItem.referedByAgent;
+    },
+    filteredResort() {
+      let list = [];
+      if (this.sellItem && this.sellItem.region && this.sellItem.region.regionCode) {
+        const item = this.detailedRegion.find(
+          region => region.region.regionCode === this.sellItem.region.regionCode
+        );
+        if (item) {
+          list = item.children;
+        }
+      } else {
+        list = this.resorts;
+      }
+      return _.sortBy(list, x => x.resortName);
+    },
+    isLoggedIn() {
+      return this.user && this.person;
+    },
+    displayNotDeletedAgents() {
+      var notDeletedArr = [];
+      this.agents.forEach(agent => {
+        if (!agent.isDeleted) {
+          if (agent.agencyId === this.sellItem.agencyId) {
+            notDeletedArr.push(agent);
+          }
+        }
+      });
+      return notDeletedArr;
+    },
+    CanSave() {
+      if (this.indiv.howMarried === "In Community Of Property") {
+        if (this.indiv.spouseName || this.indiv.spouseSurname || this.spouseEmail) {
+          return true;
+        }
+        return false;
+      }
+      return true;
+    }
+  },
+  methods: {
+    ...mapActions("individual", ["getIndividual"]),
+    ...mapActions("timeshare", ["initTimeshare", "onResortChange", "saveWeek", "getBlankWeek"]),
+    ...mapActions("payment", ["addPayment"]),
+    ...mapActions("bank", ["getBanks"]),
+    newSale() {
+      this.weekId = 0;
+      this.getBlankWeek();
+    },
+    submitSale() {
+      if (this.userLoggedIn) {
+        this.sellItem.ownerObject = this.indiv;
+        this.sellItem.status = undefined;
+        this.saveWeek(this.sellItem).then(fulfilled => {
+          this.paygateRedirect();
+        });
+      } else this.$router.push("/user/login");
+    },
+    paygateRedirect() {
+      var paymentObj = {
+        timeshareWeekId: this.sellItem.id, // this.sellItem.Id,
+        propertyId: 0,
+        creatydById: Log.getUser().id, //Log.getUser().id,
+        amount: 380.0,
+        paymentStatus: "",
+        paymentToken: ""
+      };
+
+      this.addPayment(paymentObj).then(res => {
+        this.$router.push({
+          name: "PaymentGateway",
+          params: {
+            paymentReqId: res.PAY_REQUEST_ID,
+            checksum: res.CHECKSUM
+          }
+        });
+      });
+    },
+    previewFiles(event) {
+      console.log(event.target.files);
+    },
+    changeRef() {
+      this.sellItem.agent = undefined;
+      this.sellItem.agency = undefined;
+      this.sellItem.referedByAgent = !this.sellItem.referedByAgent;
+    },
+    changeLeviesPaidInFull() {
+      this.sellItem.leviesPaidInFull = !this.sellItem.leviesPaidInFull;
+    },
+    changeWeekPlacedForRental() {
+      this.sellItem.weekPlacedForRental = !this.sellItem.weekPlacedForRental;
+    },
+    changeCurrentBanked() {
+      this.sellItem.bankedWith = undefined;
+      this.sellItem.currentYearBanked = !this.sellItem.currentYearBanked;
+    },
+    resortChange() {
+      this.onResortChange({
+        resortName: this.sellItem.resort.resortName,
+        resortCode: this.sellItem.resort.resortCode
+      });
+
+      if (this.sellItem && this.sellItem.resort === "Other") {
+        this.sellItem.otherResortName = undefined;
+        this.sellItem.otherResort = true;
+      } else {
+        this.sellItem.otherResortName = undefined;
+        this.sellItem.otherResort = false;
+      }
+    },
+    regionChange() {
+      this.sellItem.regionId = this.sellItem.region ? this.sellItem.region.id : 1;
+    },
+    UpdateAddress(address) {
+      this.indiv.address.streetNumber = address.streetNumber;
+      this.indiv.address.street = address.streetName;
+      this.indiv.address.province = address.province;
+      this.indiv.address.city = address.city;
+      this.indiv.address.suburb = address.suburb;
+      this.indiv.address.postalCode = address.postalCode;
+    },
+    SetMandateDate() {
+      if (this.sellItem.mandate) {
+        this.sellItem.mandateDate = new Date();
+      } else {
+        this.sellItem.mandateDate = undefined;
+      }
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.refbyAgent {
+  will-change: transform;
+  transition: height 500ms;
+  height: 0px;
+}
+
+.refbyAgent--clicked {
+  height: 150px;
+}
+
+.spacebanked1 {
+  will-change: transform;
+  transition: height 500ms;
+  height: 0px;
+}
+
+.spacebanked1--clicked {
+  height: 150px;
+}
+
+.custom-file-label {
+  border-width: 2px;
+  border-color: rgb(27, 117, 187);
+  margin-bottom: 20px;
+}
+
+.custom-file-label::after {
+  border-left: none;
+  border-bottom: solid;
+  border-width: 2px;
+  border-color: rgb(27, 117, 187);
+  font-family: "Muli";
+}
+</style>

src/components/admin/status/timeshareAdminPage.vue

@@ -1,20 +1,84 @@
 /* eslint-disable no-restricted-syntax */ /* eslint-disable guard-for-in */
 <!-- eslint-disable max-len -->
 <template>
-  <main id="main" style="margin-top:-20px; padding-bottom:50px">
+  <main id="main" style="margin-top:200px; padding-bottom:50px">
     <div class="container">
       <div class="row">
         <div class="col">
           <div class="section-header">
-            <h2>Pending Weeks</h2>
+            <h2>All Timeshare Weeks</h2>
           </div>
         </div>
       </div>
     </div>
 
     <div class="row">
-      <div class="offset-1 col-md-3">
-        <button
+      <div class="offset-1 col-md-6">
+        <div class="form-group col-md-3">
+                <div class="input-group">
+                  <label
+                    class="uniSelectLabel"
+                    for="weekInfoRegionSelect"
+                  >REGION</label>
+
+                  <select
+                    id="weekInfoRegionSelect"
+                    class="form-control uniSelect"
+                    @change="regionChange()"
+                    style="font-size: 15px"
+                  >
+                    <option
+                      v-for="(region, r) in regions"
+                      :key="r"
+                      :value="region"
+                    >{{ region.regionName }}</option>
+                  </select>
+                </div>
+                <div class="validation"></div>
+              </div>
+
+                  <div class="form-group col-md-3">
+                <div class="input-group">
+                  <label
+                    class="uniSelectLabel"
+                    for="weekInfoResortSelect"
+                  >RESORT NAME</label>
+
+                  <select
+                    id="weekInfoResortSelect"
+                    class="form-control uniSelect"
+                    @change="resortChange()"
+                  >
+                    <option value="Other">Other</option>
+                    <option
+                      v-for="(resort, r) in resorts"
+                      :key="r"
+                      :value="resort"
+                    >{{ resort.resortName }}</option>
+                  </select>
+                </div>
+                  </div>
+
+                  <div class="form-group col-md-3">
+                <label class="uniSelectLabel" for="region">SEASON</label>
+
+                <select
+                  class="form-control uniSelect"
+                  name="region"
+                  id="region">
+                  <option v-for="(season, r) in seasons" :key="r">{{ season.name }}</option>
+                </select>
+                <div class="validation"></div>
+              </div>
+
+              <div class="form-group col-md-3">
+                <label class="uniSlectLabel">STATUS</label>
+                <select class="form-control uniSelect"
+                        name="status">
+                </select>
+              </div>
+              <button type="button"> Filter</button>
+        <!-- <button
           type="button"
           :class="{
             'form-control btn btn-primary ': 1 === 1,
@@ -25,14 +89,19 @@
           @click="onVerify()"
         >
           {{ ButtonMessage }}
-        </button>
-        <div>{{ Message }}</div>
+        </button> -->
+        <!-- <div>{{ Message }}</div> -->
       </div>
       <div class="offset-1 col-md-10">
         <ListView
           :items="getNeedsVerify"
+          :editable="true"
+          :deleteable="true"
+          :showCustomAction="true"
+          :CustomActionHeading="'Publish'"
           @onRowClick="onRowClick"
           @onClearSelected="onClearSelected"
+          @onEdit="onEdit"
           :showNew="false"
         />
       </div>
@@ -58,8 +127,34 @@ export default {
   },
   mounted() {
     this.getItems(this.user.id);
+    this.initTimeshare(0);
   },
   computed: {
+        ...mapState("timeshare", [
+      "resorts",
+      "regions",
+      "seasons",
+    ]),
+    ...mapState("individual", ["indiv"]),
+    filteredResort() {
+      let list = [];
+      if (
+        this.sellItem &&
+        this.sellItem.region &&
+        this.sellItem.region.regionCode
+      ) {
+        const item = this.detailedRegion.find(
+          (region) =>
+            region.region.regionCode === this.sellItem.region.regionCode
+        );
+        if (item) {
+          list = item.children;
+        }
+      } else {
+        list = this.resorts;
+      }
+      return _.sortBy(list, (x) => x.resortName);
+    },
     SelectedItems() {
       const selectedArray = [];
       this.selectedItems.forEach(x => selectedArray.push(this.items[x]));
@@ -96,6 +191,12 @@ export default {
   methods: {
     ...mapActions("myWeeks", ["getItems", "verifyWeek"]),
     ...mapActions("alert", ["success"]),
+     ...mapActions("timeshare", [
+      "initTimeshare",
+      "onResortChange",
+      "saveWeek",
+      "getBlankWeek",
+    ]),
     onVerify() {
       if (this.selectedItems.length > 0) {
         for (const i in this.selectedItems) {
@@ -113,11 +214,14 @@ export default {
       this.selectedItems = items;
     },
     onEdit(item) {
-      this.$router.push(`/timeshare/${item.id}`);
+      this.$router.push(`/editTimeShare/${item.id}`);
     },
     onClearSelected() {
       this.selectedItems = [];
-    }
+    },
+    //   onDelete(item) {
+    //   this.deleteListing(item.id);
+    // },
   }
 };
 </script>

src/components/shared/navBar.vue

@@ -186,60 +186,60 @@
                       {{ NAME }}
                     </a>
                     <ul style="margin-top:-10px;text-align:left" :class="userClass">
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/property/list">List Property</router-link>
                       </li>
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/status/list">Status</router-link>
                       </li>
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/status/timeshareAdmin">Timeshare Week Admin</router-link>
                       </li>
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/status/tenderWeekAdmin"
                           >Tender Week Management</router-link
                         >
                       </li>
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/unitConfiguration/list">Unit Configuration</router-link>
                       </li>
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/communication/template">Templates</router-link>
                       </li>
                       <hr />
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/status/userManagementPage"
                           >User Management & Access</router-link
                         >
                       </li>
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/status/changeLogPage">Changes Logs</router-link>
                       </li>
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/userDefinedGroups/list"
                           >Property User Defined Groups</router-link
                         >
                       </li>
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/propertyTypes/list">Property Types</router-link>
                       </li>
                       <hr />
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/searchLog">Search Logs</router-link>
                       </li>
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/Offers">Offers</router-link>
                       </li>
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/Carousel">Carousel</router-link>
                       </li>
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/user/updateProfileInfo">Update Info</router-link>
                       </li>
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/payments">Payments</router-link>
                       </li>
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/landingPages">Landing Pages / Campaignes</router-link>
                       </li>
                       <li>
@@ -357,6 +357,10 @@ export default {
     NAME() {
       return Log.getPerson().name;
     },
+    ROLE() {
+      var userObj = JSON.parse(localStorage.getItem("user"));
+      return userObj.role
+    },
     // eslint-disable-next-line vue/return-in-computed-property
     Logout() {
       this.logout().then(res => {

src/router/index.js

@@ -81,6 +81,7 @@ import LandingPageWeek from "../components/marketing/landingPageWeek.vue";
 import MarketingPage from "../components/marketing/clientView.vue";
 import MarketingPageExp from "../components/marketing/landingPageExpired.vue";
 import EnquireNow from "../components/property/commercial/enquireNow/enquirenow.vue";
+import MyWeeksEdit from "../components/admin/status/editTimeShareAdminPage.vue";
 
 Vue.use(Router);
 
@@ -438,6 +439,11 @@ export default new Router({
       path: "/timeshareToByResults",
       name: "ToBuySearch",
       component: ToBuySearch
+    },
+    {
+      path: "/editTimeShare/:id",
+      name: "EditTimeshare",
+      component: MyWeeksEdit,
     }
   ]
 });

src/store/modules/timeshare/myWeeks.js

@@ -16,6 +16,9 @@ export default {
     getNeedsVerify(state) {
       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({
@@ -38,6 +41,11 @@ export default {
     publishWeek(id) {
       axios.post(`/api/timeshareweek/publishweek/${id}`).catch(console.error);
     },
-
+    // deleteListing({ commit }, id) {
+    //   axios
+    //   .delete(`/api/myweeks/${id}`)
+    //   .then(result => commit('removeListing', id))
+    //   .catch(console.error);
+    // }
   },
 };