Timeshare Admin Page

src/components/admin/status/editTimeShareAdminPage.vue

                   <select
                     id="weekInfoRegionSelect"
                     class="form-control uniSelect"
-                    v-model="sellItem.region"
-                    @change="regionChange()"
+                    v-model="week.region"
                     style="font-size: 15px"
                   >
                     <option v-for="(region, r) in regions" :key="r" :value="region">{{
               </div>
             </div>
             <div class="text-center col-12" v-if="CanSave">
-              <button class="btn-solid-blue" v-if="!sellItem.id" @click="submitSale()">
+              <button class="btn-solid-blue">
                 Save
               </button>
             </div>
             <div class="text-center col-12">
-              <button class="btn-solid-blue" @click="paygateRedirect()">Back</button>
+              <button class="btn-solid-blue" v-on:click="backToListView()">Back</button>
             </div>
             <br />
             <br />
     return {
       wait: false,
       userLoggedIn: Log.isLoggedIn(),
-      listedWeekId: this.$route.params.id
+      listedWeekId: this.$route.params.id,
+      selectedItems: [],
     };
   },
   components: {
     this.initTimeshare(0);
     this.getIndividual(Log.getUser().id);
     this.getBanks();
+    this.getWeek(this.$route.params.id)
   },
   created() {
     this.initTimeshare(this.weekId);
     ]),
     ...mapState("individual", ["indiv"]),
     ...mapState("authentication", ["isLoggedIn"]),
+    ...mapState("myWeeks", ["items", "week"]),
     ...mapGetters({
       user: "authentication/getUser",
       person: "authentication/getPerson"
     ...mapActions("timeshare", ["initTimeshare", "onResortChange", "saveWeek", "getBlankWeek"]),
     ...mapActions("payment", ["addPayment"]),
     ...mapActions("bank", ["getBanks"]),
+    ...mapActions("myWeeks", ["getItems", "getWeek"]),
     newSale() {
       this.weekId = 0;
       this.getBlankWeek();
       } else {
         this.sellItem.mandateDate = undefined;
       }
+    },
+    backToListView() {
+      this.$router.push("/status/timeshareAdmin");
     }
   }
 };

src/components/shared/navBar.vue

                         <router-link to="/property/list">List My Property</router-link>
                       </li>
 
-                      <li>
+                      <li v-if="ROLE === 'Super Admin'">
                         <router-link to="/status/timeshareAdmin">Timeshare Week Admin</router-link>
                       </li>
                       <li v-if="ROLE === 'Super Admin'">

src/components/timeshare/myWeeksPage.vue

     <div class="row">
       <div class="offset-1 col-md-3">
         {{ items[selectedItems] }}
-        <button
-          type="button"
-          :class="{
-            'form-control btn btn-primary ': 1 === 1,
-            'my-disable':
-              !(selectedItems.length == 1) ||
-              !items[selectedItems] ||
-              items[selectedItems].status.code !== 'A2'
-          }"
-          value="Publish Week"
-          :disabled="!(items.length == 1)"
-        >
-          Publish selected week
-        </button>
       </div>
       <div class="offset-1 col-md-10">
         <ListView
           :items="items"
-          :editable="true"
           @onNew="onNew"
           @onRowClick="onRowClick"
           @onClearSelected="onClearSelected"

src/store/modules/timeshare/myWeeks.js

     setItems(state, list) {
       state.items = list;
     },
+    setItem(state, item) {
+      state.week = item;
+    }
   },
   getters: {
     getNeedsVerify(state) {
     //   .then(result => commit('removeListing', id))
     //   .catch(console.error);
     // }
+    getWeek({ commit }, id) {
+      axios
+      .get(`/api/timeshareweek/${id}`)
+      .then(r => {
+        console.log(JSON.stringify(r));
+        commit('setItem', r.data);
+      })
+      .catch(console.error);
+    },
   },
 };