Added default list - timeshare

src/components/timeshare/buy/weekListComponent.vue

@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <table class="table table-bordered">
+      <thead>
+        <tr>
+          <th>Resort</th>
+          <th>Unit Number</th>
+          <th>Week Number</th>
+          <th>Module</th>
+          <th>Bedrooms</th>
+          <th>Season</th>
+          <th>Price</th>
+          <th>Status</th>
+          <th>Interested</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="(item, i) in weeks" :key="i">
+          <td>{{item.id}}</td>
+          <td>{{item.code}}</td>
+          <td>{{item.description}}</td>
+          <td>{{item.id}}</td>
+          <td>{{item.code}}</td>
+          <td>{{item.description}}</td>
+          <td>{{item.id}}</td>
+          <td>{{item.code}}</td>
+          <td>{{item.description}}</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+<script>
+import { mapState, mapActions } from 'vuex';
+
+export default {
+  props: {
+    resortCode: undefined,
+  },
+  mounted() {
+    this.getWeeks(this.resortCode);
+  },
+  computed: {
+    ...mapState('weekList', ['weeks']),
+  },
+  methods: {
+    ...mapActions('weekList', ['getWeeks']),
+  },
+};
+</script>
+<style>
+</style>

src/components/timeshare/resort/resortPage.vue

@@ -87,34 +87,7 @@
             </div>
           </div>
           <div class="col-md-9">
-            <table class="table table-bordered">
-              <thead>
-                <tr>
-                  <th>Resort</th>
-                  <th>Unit Number</th>
-                  <th>Week Number</th>
-                  <th>Module</th>
-                  <th>Bedrooms</th>
-                  <th>Season</th>
-                  <th>Price</th>
-                  <th>Status</th>
-                  <th>Interested</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr v-for="(item, i) in week" :key="i">
-                  <td>{{item.id}}</td>
-                  <td>{{item.code}}</td>
-                  <td>{{item.description}}</td>
-                  <td>{{item.id}}</td>
-                  <td>{{item.code}}</td>
-                  <td>{{item.description}}</td>
-                  <td>{{item.id}}</td>
-                  <td>{{item.code}}</td>
-                  <td>{{item.description}}</td>
-                </tr>
-              </tbody>
-            </table>
+            <WeekList :resortCode="resortCode" />
             <div>
               <div class="btn btn-b-n" @click="routerGoTo('/timeshare/buy')">Back to Region</div>
               <hr />
@@ -202,11 +175,15 @@
 </template>
 <script>
 import { mapState, mapActions } from 'vuex';
+import WeekList from '../buy/weekListComponent.vue';
 
 export default {
   props: {
     resortCode: {},
   },
+  components: {
+    WeekList,
+  },
   mounted() {
     this.initResort(this.resortCode);
   },
@@ -221,11 +198,7 @@ export default {
     ]),
     mapUrl() {
       return this.resort
-        ? 'http://maps.google.com/maps?q='
-            + this.resort.prLatitude
-            + ', '
-            + this.resort.prLongitude
-            + '&z=15&output=embed'
+        ? `http://maps.google.com/maps?q=${this.resort.prLatitude},${this.resort.prLongitude}&z=15&output=embed`
         : '';
     },
   },

src/store/index.js

@@ -14,6 +14,7 @@ import PropertyAdminModule from './modules/property/propertyAdmin';
 import PropertyList from './modules/property/propertyLists';
 import PropertyTypes from './modules/property/propertyTypes';
 import Register from './modules/user/register';
+import WeekList from './modules/timeshare/weekList';
 
 Vue.use(Vuex);
 /* eslint no-param-reassign: ["error", { "props": false }] */
@@ -33,5 +34,6 @@ export default new Vuex.Store({
     propertyTypes: PropertyTypes,
     registerIndividual: Register,
     registerAgency: Register,
+    weekList: WeekList,
   },
 });

src/store/modules/timeshare/weekList.js

@@ -0,0 +1,26 @@
+/* eslint-disable no-restricted-syntax */
+/* eslint-disable guard-for-in */
+import axios from 'axios';
+
+export default {
+  namespaced: true,
+  state: {
+    weeks: [],
+  },
+  mutations: {
+    setWeeks(state, weeks) {
+      state.weeks = weeks;
+    },
+  },
+  getters: {},
+  actions: {
+    getWeeks({
+      commit,
+    }, resortCode) {
+      axios
+        .get(`/api/timeshare/GetByResortCode/${resortCode}`)
+        .then(result => commit('setStatusList', result.data))
+        .catch(console.error);
+    },
+  },
+};

vue.config.js

@@ -2,7 +2,7 @@ module.exports = {
   devServer: {
     proxy: {
       '/api': {
-        target: 'http://192.168.6.188:5000',
+        target: 'http://localhost:57260',
         changeOrigin: true,
       },
     },