Changes made to remove errors on files

src/App.vue

 </template>
 
 <script>
-import SearchTab from "./components/shared/searchTab.vue";
-import NavBar from "./components/shared/navBar.vue";
-import FooterSection from "./components/shared/footerSection.vue";
+import SearchTab from './components/shared/searchTab.vue';
+import NavBar from './components/shared/navBar.vue';
+import FooterSection from './components/shared/footerSection.vue';
 
 export default {
-  name: "app",
+  name: 'app',
   components: {
     SearchTab,
     NavBar,
-    FooterSection
+    FooterSection,
   },
   methods: {
     routerGoTo(goTo) {
       this.$router.push(goTo);
-    }
-  }
+    },
+  },
 };
 </script>
 

src/components/about/aboutTimeshare.vue

 <template>
   <!--/ About Star /-->
   <section class="section-about">
+    <!-- eslint-disable max-len -->
     <div class="container">
       <div class="row">
         <div class="col-sm-12">

src/components/admin/logs/SearchLogs.vue

 </template>
 
 <script>
-import { mapState, mapActions, mapGetters } from "vuex";
-import JsonExcel from "vue-json-excel";
-import listView from "../../shared/listView.vue";
+import { mapState, mapActions, mapGetters } from 'vuex';
+import JsonExcel from 'vue-json-excel';
+import listView from '../../shared/listView.vue';
 
 export default {
-  name: "searchLog",
+  name: 'searchLog',
   components: {
     listView,
-    JsonExcel
+    JsonExcel,
   },
   data() {
     return {
       exportFields: {
-        Date: "date",
-        Time: "time",
-        User: "userName",
-        Type: "type",
-        Field: "property",
-        Value: "value"
-      }
+        Date: 'date',
+        Time: 'time',
+        User: 'userName',
+        Type: 'type',
+        Field: 'property',
+        Value: 'value',
+      },
     };
   },
   methods: {
-    ...mapActions("searchLog", ["getPropertySearchLogs", "clearFilter"])
+    ...mapActions('searchLog', ['getPropertySearchLogs', 'clearFilter']),
   },
   mounted() {
     this.getPropertySearchLogs();
   },
   computed: {
-    ...mapState("searchLog", ["list", "fields", "filter"]),
+    ...mapState('searchLog', ['list', 'fields', 'filter']),
     ...mapGetters({
-      list: "searchLog/filterList"
-    })
-  }
+      list: 'searchLog/filterList',
+    }),
+  },
 };
 </script>

src/components/admin/misc/carouselList.vue

 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import listView from "../../shared/listView.vue";
+import { mapState, mapActions } from 'vuex';
+import listView from '../../shared/listView.vue';
 
 export default {
-  name: "CarouselList",
+  name: 'CarouselList',
   components: {
-    listView
+    listView,
   },
   data() {
     return {
-      columns: ["id", "header", "image"],
-      formats: ["", "", "image"]
+      columns: ['id', 'header', 'image'],
+      formats: ['', '', 'image'],
     };
   },
   methods: {
-    ...mapActions("carousel", ["getCarouselList", "deleteCarousel"]),
+    ...mapActions('carousel', ['getCarouselList', 'deleteCarousel']),
     New() {
-      this.$router.push("/carousel/details/0");
+      this.$router.push('/carousel/details/0');
     },
     Edit(itemID) {
       this.$router.push({
-        path: `/carousel/details/${itemID}`
+        path: `/carousel/details/${itemID}`,
       });
     },
     Delete(item) {
       this.deleteCarousel(item.id);
-    }
+    },
   },
   mounted() {
     this.getCarouselList();
   },
   computed: {
-    ...mapState("carousel", ["carouselList"])
-  }
+    ...mapState('carousel', ['carouselList']),
+  },
 };
 </script>

src/components/admin/misc/carouselSearch.vue

 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import ListView from "../../shared/listView.vue";
-import ListView2 from "../../shared/listView.vue";
-import Log from "../../../assets/Log";
+import { mapState, mapActions } from 'vuex';
+import ListView from '../../shared/listView.vue';
+import ListView2 from '../../shared/listView.vue';
+import Log from '../../../assets/Log';
 
 export default {
-  name: "CarouselSearch",
+  name: 'CarouselSearch',
   props: {
-    name: String
+    name: String,
   },
   components: {
     ListView,
-    ListView2
+    ListView2,
   },
   data() {
     return {
-      user: Log.getUser()
+      user: Log.getUser(),
     };
   },
   mounted() {
-    if (this.name === "Timeshare") {
+    if (this.name === 'Timeshare') {
       this.getItems(this.user.id);
     } else {
       this.getLiveProperties();
     }
   },
   computed: {
-    ...mapState("myWeeks", ["items"]),
-    ...mapState("propertyList", ["propertiesLive"]),
+    ...mapState('myWeeks', ['items']),
+    ...mapState('propertyList', ['propertiesLive']),
     // eslint-disable-next-line vue/return-in-computed-property
     nameChanged() {
-      if (this.name === "Timeshare") {
+      if (this.name === 'Timeshare') {
         this.getItems(this.user.id);
       } else {
         this.getLiveProperties();
       }
-    }
+    },
   },
   methods: {
-    ...mapActions("myWeeks", ["getItems"]),
-    ...mapActions("propertyList", ["getLiveProperties"]),
+    ...mapActions('myWeeks', ['getItems']),
+    ...mapActions('propertyList', ['getLiveProperties']),
     onRowClick(item) {
-      if (this.name === "Timeshare") {
+      if (this.name === 'Timeshare') {
         const week = this.items[item];
-        this.$emit("onSelected", week);
+        this.$emit('onSelected', week);
       } else {
         const prop = this.propertiesLive[item];
-        this.$emit("onSelected", prop);
+        this.$emit('onSelected', prop);
       }
-    }
+    },
   },
   watch: {
     nameChanged() {
       return null;
-    }
-  }
+    },
+  },
 };
 </script>

src/components/admin/property/propertyTypeEdit.vue

 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
+import { mapState, mapActions } from 'vuex';
 
 export default {
-  name: "PropertyType",
+  name: 'PropertyType',
   data() {
     return {};
   },
     }
   },
   computed: {
-    ...mapState("propertyTypes", ["propertyType"])
+    ...mapState('propertyTypes', ['propertyType']),
   },
   methods: {
-    ...mapActions("propertyTypes", [
-      "getPropertyType",
-      "savePropertyType",
-      "updatePropertyType",
-      "clearPropertyType"
+    ...mapActions('propertyTypes', [
+      'getPropertyType',
+      'savePropertyType',
+      'updatePropertyType',
+      'clearPropertyType',
     ]),
     SubmitData() {
       if (this.propertyType.id > 0) {
       } else {
         this.savePropertyType(this.propertyType);
       }
-      this.$router.push("/propertyTypes/list");
+      this.$router.push('/propertyTypes/list');
     },
     Close() {
-      this.$router.push("/propertyTypes/list");
-    }
-  }
+      this.$router.push('/propertyTypes/list');
+    },
+  },
 };
 </script>

src/components/admin/property/propertyTypeList.vue

 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import listView from "../../shared/listView.vue";
+import { mapState, mapActions } from 'vuex';
+import listView from '../../shared/listView.vue';
 
 export default {
-  name: "PropertyTypeList",
+  name: 'PropertyTypeList',
   components: {
-    listView
+    listView,
   },
   data() {
     return {
-      columns: ["propertyUsageType", "description"]
+      columns: ['propertyUsageType', 'description'],
     };
   },
   methods: {
-    ...mapActions("propertyTypes", ["getPropertyTypes", "deletePropertyType"]),
+    ...mapActions('propertyTypes', ['getPropertyTypes', 'deletePropertyType']),
     New() {
-      this.$router.push("/propertyType/new");
+      this.$router.push('/propertyType/new');
     },
     Edit(item) {
       this.$router.push({
-        path: `/propertyType/${item.id}`
+        path: `/propertyType/${item.id}`,
       });
     },
     Delete(item) {
       this.deletePropertyType(item.id);
-    }
+    },
   },
   mounted() {
     this.getPropertyTypes();
   },
   computed: {
-    ...mapState("propertyTypes", ["propertyTypes"])
-  }
+    ...mapState('propertyTypes', ['propertyTypes']),
+  },
 };
 </script>

src/components/admin/property/userDefinedField.vue

 
 <script>
 export default {
-  name: "UserField",
+  name: 'UserField',
   props: {
-    field: {}
+    field: {},
   },
   data() {
     return {
-      userField: {}
+      userField: {},
     };
   },
   mounted() {
   },
   methods: {
     SubmitData() {
-      this.$emit("UpdateUserField", this.userField);
-    }
-  }
+      this.$emit('UpdateUserField', this.userField);
+    },
+  },
 };
 </script>

src/components/admin/property/userDefinedGroupPage.vue

 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import userFields from "./userDefinedField.vue";
-import listView from "../../shared/listView.vue";
+import { mapState, mapActions } from 'vuex';
+import userFields from './userDefinedField.vue';
+import listView from '../../shared/listView.vue';
 
 export default {
-  name: "UserDefinedGroup",
+  name: 'UserDefinedGroup',
   components: {
     userFields,
-    listView
+    listView,
   },
   data() {
     return {
       item: {},
       showField: false,
-      columns: ["fieldName", "fieldType", "rank"]
+      columns: ['fieldName', 'fieldType', 'rank'],
     };
   },
   mounted() {
     }
   },
   computed: {
-    ...mapState("propertyAdmin", ["userDefinedGroup", "userFields", "userField"])
+    ...mapState('propertyAdmin', ['userDefinedGroup', 'userFields', 'userField']),
   },
   methods: {
-    ...mapActions("propertyAdmin", [
-      "getUserDefinedGroup",
-      "getUserFields",
-      "saveUserDefinedGroup",
-      "updateUserDefinedGroup",
-      "clearUserGroup",
-      "clearUserFields",
-      "clearUserField",
-      "saveUserField",
-      "updateUserField",
-      "deleteUserField"
+    ...mapActions('propertyAdmin', [
+      'getUserDefinedGroup',
+      'getUserFields',
+      'saveUserDefinedGroup',
+      'updateUserDefinedGroup',
+      'clearUserGroup',
+      'clearUserFields',
+      'clearUserField',
+      'saveUserField',
+      'updateUserField',
+      'deleteUserField',
     ]),
     SubmitData() {
       this.userDefinedGroup.fields = [];
       let reload = false;
       if (this.$route.params.id > 0) {
         this.updateUserDefinedGroup(this.userDefinedGroup);
-        this.userFields.forEach(fieldData => {
+        this.userFields.forEach((fieldData) => {
           if (fieldData.id === 0) {
             fieldData.groupId = this.userDefinedGroup.id;
             this.saveUserField(fieldData);
         });
       } else {
         reload = true;
-        this.userFields.forEach(fieldData => {
+        this.userFields.forEach((fieldData) => {
           this.userDefinedGroup.fields.push({
             fieldName: fieldData.fieldName,
             fieldType: fieldData.fieldType,
-            rank: fieldData.rank
+            rank: fieldData.rank,
           });
         });
         this.saveUserDefinedGroup(this.userDefinedGroup);
       }
-      this.$router.push("/userDefinedGroups/list");
+      this.$router.push('/userDefinedGroups/list');
       // this.$router.push({
       //   path: '/userDefinedGroups/list',
       //   query: { reload },
       this.showField = true;
     },
     Close() {
-      this.$router.push("/userDefinedGroups/list");
+      this.$router.push('/userDefinedGroups/list');
     },
     UpdateUserField(item) {
       if (item.id === 0) {
       } else {
         this.deleteUserField(item.id);
       }
-    }
-  }
+    },
+  },
 };
 </script>

src/components/admin/property/userDefinedGroupsPage.vue

   </div>
 </template>
 <script>
-import { mapState, mapActions } from "vuex";
-import listView from "../../shared/listView.vue";
+import { mapState, mapActions } from 'vuex';
+import listView from '../../shared/listView.vue';
 
 export default {
-  name: "UserDefinedGroup",
+  name: 'UserDefinedGroup',
   components: {
-    listView
+    listView,
   },
   data() {
     return {
-      columns: ["description", "propertyUsageType", "rank"]
+      columns: ['description', 'propertyUsageType', 'rank'],
     };
   },
   mounted() {
     this.getUserDefinedGroups();
   },
   computed: {
-    ...mapState("propertyAdmin", ["userDefinedGroups"])
+    ...mapState('propertyAdmin', ['userDefinedGroups']),
   },
   methods: {
-    ...mapActions("propertyAdmin", ["getUserDefinedGroups", "deleteUserDefinedGroup"]),
+    ...mapActions('propertyAdmin', ['getUserDefinedGroups', 'deleteUserDefinedGroup']),
     New() {
-      this.$router.push("/userDefinedGroups/userDefinedGroup");
+      this.$router.push('/userDefinedGroups/userDefinedGroup');
     },
     Edit(item) {
       this.$router.push(`/userDefinedGroups/userDefinedGroup/${item.id}`);
         this.userDefinedGroups.pop(item);
       }
       this.deleteUserDefinedGroup(item.id);
-    }
-  }
+    },
+  },
 };
 </script>

src/components/admin/status/agentsUserManagementPage.vue

 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import axios from "axios";
-import Agency from "../../user/registerAgencySection.vue";
-import alert from "../../shared/alert.vue";
-import ListView from "../../shared/listView.vue";
+import { mapState, mapActions } from 'vuex';
+import axios from 'axios';
+import Agency from '../../user/registerAgencySection.vue';
+// import alert from '../../shared/alert.vue';
+import ListView from '../../shared/listView.vue';
 
 export default {
-  name: "agentManagementPage",
+  name: 'agentManagementPage',
   components: {
     ListView,
     Agency,
-    alert
+    // alert,
   },
   props: {
-    delete: Boolean
+    delete: Boolean,
   },
   data() {
     return {
       columns: [
-        "id",
-        "name",
-        "surname",
-        "cellNumber",
-        "telephone",
-        "email",
-        "isDeleted"
+        'id',
+        'name',
+        'surname',
+        'cellNumber',
+        'telephone',
+        'email',
+        'isDeleted',
       ],
-      headers: ["", "", "", "", "", "", "", "ResetPwd", "Modify", "Remove"],
-      item: {}
+      headers: ['', '', '', '', '', '', '', 'ResetPwd', 'Modify', 'Remove'],
+      item: {},
     };
   },
   methods: {
-    ...mapActions("register", ["getAgents", "deleteAgent"]),
+    ...mapActions('register', ['getAgents', 'deleteAgent']),
     addNewAgent({ commit }) {
       axios
-        .post("/api/agent")
-        .then(result => commit("saveAgent", result.data))
+        .post('/api/agent')
+        .then(result => commit('saveAgent', result.data))
         .catch(console.error);
     },
     routerGoTo(goTo) {
     },
     Edit(item) {
       this.$router.push({
-        path: "/user/updateProfileInfo",
-        query: { id: item.id }
+        path: '/user/updateProfileInfo',
+        query: { id: item.id },
       });
     },
     Delete(item) {
       this.deleteAgent(item.id);
-    }
+    },
   },
   mounted() {
     this.getAgents();
   },
   computed: {
-    ...mapState("register", ["agents", "removeAgent"])
-  }
+    ...mapState('register', ['agents', 'removeAgent']),
+  },
 };
 </script>
 

src/components/admin/status/tenderWeekAdminPage.vue

     this.getItems();
   },
   components: {
-    ListView
+    ListView,
   },
   computed: {
     ...mapState('tenderWeek', ['items']),

src/components/admin/status/timeshareAdminPage.vue

 /* eslint-disable no-restricted-syntax */
 /* eslint-disable guard-for-in */
+<!-- eslint-disable max-len -->
 <template>
   <div>
     <br />

src/components/admin/status/userManagementPage.vue

 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import alert from "../../shared/alert.vue";
-import ListView from "../../shared/listView.vue";
+import { mapState, mapActions } from 'vuex';
+// import alert from '../../shared/alert.vue';
+import ListView from '../../shared/listView.vue';
 
 export default {
-  name: "userManagementPage",
+  name: 'userManagementPage',
   components: {
     ListView,
-    alert
+    // alert,
   },
   data() {
     return {
       columns: [
-        "id",
-        "name",
-        "surname",
-        "cellNumber",
-        "telephone",
-        "email",
-        "isDeleted"
+        'id',
+        'name',
+        'surname',
+        'cellNumber',
+        'telephone',
+        'email',
+        'isDeleted',
       ],
-      headers: ["", "", "", "", "", "", ""],
-      item: {}
+      headers: ['', '', '', '', '', '', ''],
+      item: {},
     };
   },
   props: {},
   methods: {
-    ...mapActions("register", ["getIndividuals", "deleteIndividual"]),
+    ...mapActions('register', ['getIndividuals', 'deleteIndividual']),
     routerGoTo(goTo) {
       this.$router.push(goTo);
     },
     Edit(item) {
       this.$router.push({
-        path: "/user/updateProfileInfo",
-        query: { id: item.id }
+        path: '/user/updateProfileInfo',
+        query: { id: item.id },
       });
     },
     Delete(item) {
       this.deleteIndividual(item.id);
-    }
+    },
   },
   mounted() {
     this.getIndividuals();
   },
   computed: {
-    ...mapState("register", ["individuals", "removeIndividual"])
-  }
+    ...mapState('register', ['individuals', 'removeIndividual']),
+  },
 };
 </script>
 

src/components/admin/unitConfiguration/unitConfigurationPage.vue

 <template>
   <div>
+    <!-- eslint-disable max-len -->
     <!-- <section class="intro-single"> -->
     <div class="container">
       <br />
   </div>
 </template>
 <script>
-import { mapState, mapActions } from "vuex";
-import ListView from "../../shared/listView.vue";
+import { mapState, mapActions } from 'vuex';
+import ListView from '../../shared/listView.vue';
 
 export default {
-  name: "UnitConfiguration",
+  name: 'UnitConfiguration',
   components: {
-    ListView
+    ListView,
   },
   created() {
     this.getUnitConfigurationList();
   },
   computed: {
-    ...mapState("unitConfiguration", ["unitConfigurationList"])
+    ...mapState('unitConfiguration', ['unitConfigurationList']),
   },
   methods: {
-    ...mapActions("unitConfiguration", ["getUnitConfigurationList"])
-  }
+    ...mapActions('unitConfiguration', ['getUnitConfigurationList']),
+  },
 };
 </script>
 <style></style>

src/components/communication/templateDetail.vue

 <template>
+<!-- eslint-disable max-len -->
   <div style="padding:10px;">
     <div
       class="container"
     ItemList() {
       return this.item.placeHolders;
     },
-    PlaceHolders(){
+    PlaceHolders() {
       return this.placeHolders;
-    }
+    },
   },
   methods: {
     ...mapActions('template', ['addItem', 'editItem']),

src/components/communication/templateInnerItem.vue

       if (this.item.name === undefined) {
         msg += 'Please give a name...';
       }
-      if (this.item.class == undefined) {
+      if (this.item.class === undefined) {
         msg += 'Please choose a class...';
       }
-      if (this.item.property == undefined) {
+      if (this.item.property === undefined) {
         msg += 'Please choose a property...';
       }
       if (msg.length > 0) {

src/components/communication/templatePage.vue

 <template>
+<!-- eslint-disable max-len -->
   <div class="container-fluid" style="margin-top:25px;">
     <div class="row">
       <div class="col-md-1"></div>

src/components/financial/makePayment.vue

 <template>
   <h1>Payment Page</h1>
-</template>
+</template>

src/components/financial/payments.vue

 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import listView from "../shared/listView.vue";
-import Log from "../../assets/Log";
+import { mapState, mapActions } from 'vuex';
+import listView from '../shared/listView.vue';
+import Log from '../../assets/Log';
 
 export default {
-  name: "PaymentList",
+  name: 'PaymentList',
   components: {
-    listView
+    listView,
   },
   data() {
     return {
-      userId: Log.getUser().Id
+      userId: Log.getUser().Id,
     };
   },
   methods: {
-    ...mapActions("Payment", ["getPayments"])
+    ...mapActions('Payment', ['getPayments']),
   },
   mounted() {
     this.getProperties(Object.assign(this.user.id));
   },
   computed: {
-    ...mapState("Payment", ["payments"]),
+    ...mapState('Payment', ['payments']),
     UserChanged() {
       this.getProperties(Object.assign(this.user.id));
       return this.user;
-    }
-  }
+    },
+  },
 };
 </script>

src/components/processFlow/makeOffer.vue

 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import Log from "../../assets/Log";
+import { mapState, mapActions } from 'vuex';
+import Log from '../../assets/Log';
 
 export default {
-  name: "MakeOffer",
+  name: 'MakeOffer',
   props: {
     isMakeOffer: Boolean,
     isProperty: Boolean,
     canEdit: Boolean,
     item: Object,
     bidId: Number,
-    updateItem: Function
+    updateItem: Function,
   },
   data() {
     return {
       isDecline: false,
       isSaved: false,
-      message: "",
+      message: '',
       isInfo: true,
-      isLoggedIn: Log.isLoggedIn()
+      isLoggedIn: Log.isLoggedIn(),
     };
   },
   methods: {
-    ...mapActions("bid", ["getBid", "saveBid", "acceptBid", "declineBid"]),
+    ...mapActions('bid', ['getBid', 'saveBid', 'acceptBid', 'declineBid']),
     SendOffer() {
-      alert("Under Development");
+      alert('Under Development');
       // this.getBid(0);
       // this.bidItem.id = 0;
       // this.bidItem.amount = this.item.offer;
     Accept() {
       this.acceptBid(this.item.id);
       this.isSaved = true;
-      this.message = "Offer Accepted.";
+      this.message = 'Offer Accepted.';
       this.isInfo = true;
     },
     Decline() {
 
       const decline = {
         id: this.item.id,
-        comment: this.item.declineReason
+        comment: this.item.declineReason,
       };
 
       this.declineBid(decline);
       this.isSaved = true;
-      this.message = "Offer Declined.";
+      this.message = 'Offer Declined.';
       this.isInfo = false;
-    }
+    },
   },
   computed: {
-    ...mapState("bid", ["bidIt,em"])
+    ...mapState('bid', ['bidIt,em']),
   },
   watch: {
     item() {
       this.isSaved = false;
-      this.canEdit = this.item.statusCode === "E1";
-    }
-  }
+      this.canEdit = this.item.statusCode === 'E1';
+    },
+  },
 };
 </script>

src/components/processFlow/offers.vue

 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import makeOffer from "./makeOffer.vue";
-import listView from "../shared/listView.vue";
+import { mapState, mapActions } from 'vuex';
+import makeOffer from './makeOffer.vue';
+import listView from '../shared/listView.vue';
 
 export default {
-  name: "offers",
+  name: 'offers',
   components: { makeOffer, listView },
   data() {
     return {
       item: {},
-      columns: ["date", "type", "shortDescription", "status", "price", "offer", "madeBy"],
-      formats: ["date", "text", "text", "text", "money", "money", "text"],
-      columnHeaders: ["", "", "description", "", "", "offerPrice", "offerBy"]
+      columns: ['date', 'type', 'shortDescription', 'status', 'price', 'offer', 'madeBy'],
+      formats: ['date', 'text', 'text', 'text', 'money', 'money', 'text'],
+      columnHeaders: ['', '', 'description', '', '', 'offerPrice', 'offerBy'],
     };
   },
   methods: {
-    ...mapActions("bid", ["getBids"]),
+    ...mapActions('bid', ['getBids']),
     Edit(item) {
       this.item = item;
 
       const element = this.$refs.MyModalForm;
-      $(element).modal("show");
-    }
+      $(element).modal('show');
+    },
   },
   computed: {
-    ...mapState("bid", ["bidItems"])
+    ...mapState('bid', ['bidItems']),
   },
   mounted() {
     this.getBids();
-  }
+  },
 };
 </script>

src/components/property/propertyCreate.vue

 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import { VueEditor } from "vue2-editor";
-import UserField from "./propertyUserField.vue";
-import ImageLoad from "./propertyImage.vue";
-import Log from "../../assets/Log";
+import { mapState, mapActions } from 'vuex';
+import { VueEditor } from 'vue2-editor';
+import UserField from './propertyUserField.vue';
+import ImageLoad from './propertyImage.vue';
+import Log from '../../assets/Log';
 
 export default {
-  name: "PropertyCreate",
+  name: 'PropertyCreate',
   components: {
     UserField,
     ImageLoad,
-    VueEditor
+    VueEditor,
   },
   data() {
     return {
-      propertyType: "Residential",
-      salesType: "Rental",
-      selectedProvince: "",
-      selectedCity: "",
+      propertyType: 'Residential',
+      salesType: 'Rental',
+      selectedProvince: '',
+      selectedCity: '',
       images: [],
       propertyFieldValues: [],
       defaultImage: 0,
       wait: false,
       customToolbar: [
         [{ header: [false, 1, 2, 3, 4, 5, 6] }],
-        ["bold", "italic", "underline", "strike"],
-        [{ align: "" }, { align: "center" }, { align: "right" }, { align: "justify" }],
-        [{ list: "ordered" }, { list: "bullet" }, { list: "check" }],
-        [{ script: "sub" }, { script: "super" }],
-        [{ indent: "-1" }, { indent: "+1" }]
+        ['bold', 'italic', 'underline', 'strike'],
+        [{ align: '' }, { align: 'center' }, { align: 'right' }, { align: 'justify' }],
+        [{ list: 'ordered' }, { list: 'bullet' }, { list: 'check' }],
+        [{ script: 'sub' }, { script: 'super' }],
+        [{ indent: '-1' }, { indent: '+1' }],
       ],
-      error: "",
+      error: '',
       showPropertyTypeError: false,
       showProvinceError: false,
       showCityError: false,
       showSuburbError: false,
       showDateError: false,
       user: Log.getUser(),
-      mayEdit: Log.isLoggedIn()
+      mayEdit: Log.isLoggedIn(),
     };
   },
   methods: {
-    ...mapActions("searchTab", ["getProvince", "getCities", "getSuburbs"]),
-    ...mapActions("property", [
-      "getPropertyTypes",
-      "getPropertyOverviewFields",
-      "getPropertyFields",
-      "saveProperty",
-      "getProperty",
-      "getPropertyImages",
-      "clearProperty",
-      "clearPropertyImages",
-      "getPropertyEditDisplay",
-      "getPropertySavedOverviewFields",
-      "getPropertySavedFields",
-      "getSavedPropertyData"
+    ...mapActions('searchTab', ['getProvince', 'getCities', 'getSuburbs']),
+    ...mapActions('property', [
+      'getPropertyTypes',
+      'getPropertyOverviewFields',
+      'getPropertyFields',
+      'saveProperty',
+      'getProperty',
+      'getPropertyImages',
+      'clearProperty',
+      'clearPropertyImages',
+      'getPropertyEditDisplay',
+      'getPropertySavedOverviewFields',
+      'getPropertySavedFields',
+      'getSavedPropertyData',
     ]),
     TypeChanged() {
       this.property.propertyUsageType = this.propertyType;
         this.showSuburbError = true;
       }
 
-      if (this.salesType === "Rental" && this.property.dateAvailable === "undef") {
+      if (this.salesType === 'Rental' && this.property.dateAvailable === 'undef') {
         this.showDateError = true;
       }
 
       if (
-        this.showPropertyTypeError ||
-        this.showProvinceError ||
-        this.showCityError ||
-        this.showSuburbError ||
-        this.showDateError
+        this.showPropertyTypeError
+        || this.showProvinceError
+        || this.showCityError
+        || this.showSuburbError
+        || this.showDateError
       ) {
         return;
       }
 
       this.wait = true;
-      if (this.salesType === "Sale") {
+      if (this.salesType === 'Sale') {
         this.property.isSale = true;
         this.property.dateAvailable = new Date();
       }
         }
         this.property.propertyImages.push({
           image: this.images[i],
-          isDefault: setAsDefault
+          isDefault: setAsDefault,
         });
       }
       this.property.propertyUserFields = this.propertyFieldValues;
       }
 
       this.saveProperty(this.property)
-        .then(fulfilled => {
+        .then((fulfilled) => {
           this.$router.push(`/property/property/${fulfilled.data.id}`);
         })
-        .catch(error => {
+        .catch((error) => {
           console.log(error.message);
         });
     },
     Close() {
-      this.$router.push("/property/admin/list/my");
+      this.$router.push('/property/admin/list/my');
     },
     Login() {
-      this.$router.push("/user/login");
+      this.$router.push('/user/login');
     },
     PropertyTypeSelected(item) {
       if (item.target.options.selectedIndex > 0) {
       if (item.target.options.selectedIndex > 0) {
         this.selectedCity = this.cities[item.target.options.selectedIndex - 1].description;
         this.getSuburbs(
-          Object.assign({}, { province: this.selectedProvince, city: this.selectedCity })
+          Object.assign({}, { province: this.selectedProvince, city: this.selectedCity }),
         );
         this.showCityError = false;
       } else {
     },
     UpdateUserDefinedFields(item) {
       let update = false;
-      this.propertyFieldValues.forEach(element => {
+      this.propertyFieldValues.forEach((element) => {
         if (element.userDefinedFieldId === item.userDefinedFieldId) {
           element.value = item.value;
           update = true;
     },
     UpdateDefaultImage(item) {
       this.defaultImage = item;
-    }
+    },
   },
   mounted() {
     this.wait = false;
     if (this.propertyFields.length > 0) {
       this.propertyFields = [];
     }
-    if (this.property.description !== "") {
-      this.property.description = "";
+    if (this.property.description !== '') {
+      this.property.description = '';
     }
 
     if (this.$route.params.propertyUsageType) {
     this.getPropertyFields(this.propertyType);
   },
   computed: {
-    ...mapState("searchTab", ["provinces", "cities", "suburbs"]),
-    ...mapState("property", [
-      "propertyTypes",
-      "propertyOverviewFields",
-      "propertyFields",
-      "property",
-      "propertyImages"
+    ...mapState('searchTab', ['provinces', 'cities', 'suburbs']),
+    ...mapState('property', [
+      'propertyTypes',
+      'propertyOverviewFields',
+      'propertyFields',
+      'property',
+      'propertyImages',
     ]),
-    ...mapState("authentication", ["user"]),
+    ...mapState('authentication', ['user']),
     SalesTypeChanged() {
       // eslint-disable-next-line vue/no-side-effects-in-computed-properties
       // this.propertyType = this.$route.params.propType;
       this.getPropertyTypes(this.propertyType);
 
       return this.propertyType;
-    }
+    },
   },
   watch: {
     SalesTypeChanged() {
       return null;
-    }
-  }
+    },
+  },
 };
 </script>

src/components/property/propertyList.vue

 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import listView from "../shared/listView.vue";
-import Log from "../../assets/Log";
+import { mapState, mapActions } from 'vuex';
+import listView from '../shared/listView.vue';
+import Log from '../../assets/Log';
 
 export default {
-  name: "PropertyList",
+  name: 'PropertyList',
   components: {
-    listView
+    listView,
   },
   data() {
     return {
-      propertyType: "",
-      role: "MY",
+      propertyType: '',
+      role: 'MY',
       user: Log.getUser(),
       columns: [
-        "name",
-        "id",
-        "dateAvailable",
-        "size",
-        "price",
-        "usageType",
-        "type",
-        "saleType",
-        "publish",
-        "status"
+        'name',
+        'id',
+        'dateAvailable',
+        'size',
+        'price',
+        'usageType',
+        'type',
+        'saleType',
+        'publish',
+        'status',
       ],
-      formats: ["text", "text", "date", "text", "money", "text", "text", "text", "text", "text"],
-      headers: ["", "", "Available From", "", "", "", "Property Type", "", "", ""]
+      formats: ['text', 'text', 'date', 'text', 'money', 'text', 'text', 'text', 'text', 'text'],
+      headers: ['', '', 'Available From', '', '', '', 'Property Type', '', '', ''],
     };
   },
   methods: {
-    ...mapActions("propertyList", ["getProperties", "deleteProperty", "publishProperty"]),
+    ...mapActions('propertyList', ['getProperties', 'deleteProperty', 'publishProperty']),
     Edit(item) {
-      const salesType = item.isSale ? "Sale" : "Rental";
+      const salesType = item.isSale ? 'Sale' : 'Rental';
       this.$router.push({
-        path: "/property/edit",
-        query: { id: item.id }
+        path: '/property/edit',
+        query: { id: item.id },
       });
     },
     Delete(item) {
     },
     Publish(item) {
       this.publishProperty(item);
-    }
+    },
   },
   mounted() {
     this.getProperties(Object.assign(this.user.id));
   },
   computed: {
-    ...mapState("propertyList", ["properties"]),
+    ...mapState('propertyList', ['properties']),
     UserChanged() {
       this.getProperties(Object.assign(this.user.id));
       return this.user;
-    }
+    },
   },
   watch: {
     UserChanged() {
       console.log(this.user);
-    }
-  }
+    },
+  },
 };
 </script>

src/components/property/propertyPage.vue

 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import makeOffer from "../processFlow/makeOffer.vue";
-import gallery from "../shared/gallerySlideShow.vue";
+import { mapState, mapActions } from 'vuex';
+import makeOffer from '../processFlow/makeOffer.vue';
+import gallery from '../shared/gallerySlideShow.vue';
 
 export default {
-  name: "property",
+  name: 'property',
   components: {
     makeOffer,
-    gallery
+    gallery,
   },
   data() {
     return {
       index: null,
-      date: new Date()
+      date: new Date(),
     };
   },
   mounted() {
     this.mayEditProperty(this.$route.params.id);
   },
   computed: {
-    ...mapState("property", ["property", "propertyImages"]),
-    ...mapState("propertyEdit", ["mayEdit"])
+    ...mapState('property', ['property', 'propertyImages']),
+    ...mapState('propertyEdit', ['mayEdit']),
   },
   methods: {
-    ...mapActions("property", [
-      "getProperty",
-      "getPropertyImages",
-      "clearPropertyImages"
+    ...mapActions('property', [
+      'getProperty',
+      'getPropertyImages',
+      'clearPropertyImages',
     ]),
-    ...mapActions("propertyEdit", ["mayEditProperty"]),
+    ...mapActions('propertyEdit', ['mayEditProperty']),
     formatPrice(value) {
       const val = (value / 1).toFixed(2);
-      return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
+      return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
     },
     formatAddress(value) {
-      if (value !== "") {
+      if (value !== '') {
         return `${value}<br/>`;
       }
-      return "";
-    }
+      return '';
+    },
   },
   beforeDestroy() {
     this.clearPropertyImages();
-  }
+  },
 };
 </script>
 

src/components/property/propertySearchPage.vue

   </div>
 </template>
 <script>
-import { mapState, mapActions } from "vuex";
-import autoComplete from "../shared/autoComplete.vue";
+import { mapState, mapActions } from 'vuex';
+import autoComplete from '../shared/autoComplete.vue';
 
 export default {
-  name: "propertysearch",
+  name: 'propertysearch',
   components: {
-    autoComplete
+    autoComplete,
   },
   data() {
     return {
-      propertyUsageType: "Residential",
-      salesType: "Sale",
-      searchText: ""
+      propertyUsageType: 'Residential',
+      salesType: 'Sale',
+      searchText: '',
     };
   },
   computed: {
-    ...mapState("propertySearch", ["suburbs", "suburbList", "propertySearch"])
+    ...mapState('propertySearch', ['suburbs', 'suburbList', 'propertySearch']),
   },
   methods: {
-    ...mapActions("propertySearch", ["getSuburbs", "applyFilter"]),
+    ...mapActions('propertySearch', ['getSuburbs', 'applyFilter']),
     SetType(item) {
       this.propertyUsageType = item;
       localStorage.propertySearchUsageType = item;
       this.propertySearch.propertyUsageType = this.propertyUsageType;
       this.propertySearch.salesType = this.salesType;
 
-      this.$router.push("/property/propertySearch/results");
+      this.$router.push('/property/propertySearch/results');
     },
     Filter() {
       this.applyFilter(this.searchText);
     },
     SelectedFilter(item) {
       this.searchText = item;
-    }
+    },
   },
   mounted() {
     this.getSuburbs();
     } else if (localStorage.propertySearchUsageType) {
       this.propertyUsageType = localStorage.propertySearchUsageType;
     } else {
-      this.propertyUsageType = "Residential";
+      this.propertyUsageType = 'Residential';
     }
-  }
+  },
 };
 </script>

src/components/property/propertySearchResults.vue

   </div>
 </template>
 <script>
-import { mapState, mapActions } from "vuex";
-import propertyCard from "./propertyCard.vue";
+import { mapState, mapActions } from 'vuex';
+import propertyCard from './propertyCard.vue';
 
 export default {
-  name: "propertysearch",
+  name: 'propertysearch',
   components: {
-    propertyCard
+    propertyCard,
   },
   data() {
     return {};
   },
   mounted() {
-    if (typeof this.propertySearch.propertyUsageType === "undefined") {
-      this.propertySearch.propertyUsageType = "Residential";
+    if (typeof this.propertySearch.propertyUsageType === 'undefined') {
+      this.propertySearch.propertyUsageType = 'Residential';
     }
     if (this.user) {
       this.propertySearch.userName = this.user.username;
     this.searchProperties(this.propertySearch);
   },
   methods: {
-    ...mapActions("propertySearch", [
-      "searchProperties",
-      "clearProperties",
-      "updateResultsShowing"
+    ...mapActions('propertySearch', [
+      'searchProperties',
+      'clearProperties',
+      'updateResultsShowing',
     ]),
     SetType(item) {
       this.propertySearch.propertyUsageType = item;
     },
     SearchPage() {
       this.clearProperties();
-      this.$router.push("/property/search");
-    }
+      this.$router.push('/property/search');
+    },
   },
   computed: {
-    ...mapState("propertySearch", ["properties", "propertySearch", "resultsShowing"]),
-    ...mapState("authentication", ["user"]),
+    ...mapState('propertySearch', ['properties', 'propertySearch', 'resultsShowing']),
+    ...mapState('authentication', ['user']),
     ParamsChanged() {
       console.log(JSON.stringify(this.propertySearch));
-      if (typeof this.propertySearch.propertyUsageType === "undefined") {
+      if (typeof this.propertySearch.propertyUsageType === 'undefined') {
         // eslint-disable-next-line vue/no-side-effects-in-computed-properties
-        this.propertySearch.propertyUsageType = "Residential";
+        this.propertySearch.propertyUsageType = 'Residential';
       }
       this.searchProperties(this.propertySearch);
       return null;
-    }
+    },
   },
   watch: {
     ParamsChanged() {
       return null;
-    }
-  }
+    },
+  },
 };
 </script>

src/components/property/propertyeditPage.vue

     UpdateValue(item) {
       if (item.isUDF) {
         if (item.isPropOverview) {
-          this.propertyOverviewFields[0].fields[item.arrayIndex].value =            item.value;
+          this.propertyOverviewFields[0].fields[item.arrayIndex].value = item.value;
         } else if (item.isPropOverview === false) {
           this.propertyFields[item.arrayIndex].fields[
             item.arrayItemIndex

src/components/shared/checkItem.vue

   props: {
     title: undefined,
     show: {
-      default: false
-    }
+      default: false,
+    },
   },
   methods: {
     checkItem() {
-      this.$emit("checkItem", this.title, !this.show);
-    }
+      this.$emit('checkItem', this.title, !this.show);
+    },
   },
   computed: {
     Show() {
       return this.show;
-    }
-  }
+    },
+  },
 };
 </script>
 <style>

src/components/shared/gallerySlideShow.vue

 // Source: https://github.com/KitchenStories/vue-gallery-slideshow
 <template>
+<!-- eslint-disable max-len -->
   <transition name="modal">
     <div v-if="imgIndex !== null" class="vgs" @click="close">
       <button type="button" class="vgs__close" @click="close">&times;</button>
       const galleryWidth = this.$refs.gallery.clientWidth;
       const currThumbsWidth = this.imgIndex * this.thumbnailWidth;
       const maxThumbsWidth = this.images.length * this.thumbnailWidth;
-      const centerPos =        Math.floor(galleryWidth / (this.thumbnailWidth * 2))
+      const centerPos = Math.floor(galleryWidth / (this.thumbnailWidth * 2))
         * this.thumbnailWidth;
 
       // Prevent scrolling of images if not needed

src/components/shared/lightBoxGallery.vue

     return {
       bg: false,
       currentImage: 0,
-      count: true
+      count: true,
     };
   },
   props: {
     thumbnails: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
     largeImages: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
     captions: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
     thumbnailsPath: {
       type: String,
-      default: ""
+      default: '',
     },
     largePath: {
       type: String,
-      default: ""
+      default: '',
     },
-    caption: true
+    caption: true,
   },
   methods: {
     lightboxEffect(curr) {
       } else {
         this.currentImage = this.largeImages.length - 1;
       }
-    }
-  }
+    },
+  },
 };
 </script>
 

src/components/shared/listView.vue

 </template>
 
 <script>
-import _ from "lodash";
-import ItemsPerPageList from "../../assets/staticData/itemsPerPage";
-import BasePagination from "./basePagination.vue";
-import Alert from "./alert.vue";
-import ListViewControl from "./listViewControl.vue";
+import _ from 'lodash';
+import ItemsPerPageList from '../../assets/staticData/itemsPerPage';
+import BasePagination from './basePagination.vue';
+import Alert from './alert.vue';
+import ListViewControl from './listViewControl.vue';
 
 export default {
   components: {
     BasePagination,
     Alert,
-    ListViewControl
+    ListViewControl,
   },
   mounted() {
     try {
   },
   props: {
     compact: {
-      default: true
+      default: true,
     },
     allowSelect: {
-      default: true
+      default: true,
     },
     allowMultipleSelect: {
-      default: false
+      default: false,
     },
     hideSearch: {
-      default: false
+      default: false,
     },
     showNew: {
-      default: true
+      default: true,
     },
     items: undefined,
     editable: {
-      default: false
+      default: false,
     },
     deleteable: {
-      default: false
+      default: false,
     },
     columnCount: {
-      default: 6
+      default: 6,
     },
     showPager: {
-      default: true
+      default: true,
     },
     title: {
-      default: undefined
+      default: undefined,
     },
     sortKey: {
-      default: "id"
+      default: 'id',
     },
     hideItemCount: {
-      default: false
+      default: false,
     },
     currentPage: {
-      default: 1
+      default: 1,
     },
     bordered: {
-      default: true
+      default: true,
     },
     striped: {
-      default: true
+      default: true,
     },
     showColumnChooser: {
-      default: true
+      default: true,
     },
     displayColumns: {
-      default: []
+      default: [],
     },
     displayFormats: {
-      default: []
+      default: [],
     },
     displayHeaders: {
-      default: []
+      default: [],
     },
     showCustomAction: {
-      default: false
+      default: false,
     },
     CustomActionHeading: {
-      default: ""
+      default: '',
     },
     CustomActionCondition: {
-      default: ""
-    }
+      default: '',
+    },
   },
   data() {
     return {
       hover: -1,
       selectedItems: [],
       showControl: false,
-      sortKey: "",
+      sortKey: '',
       reverse: false,
-      searchItem: "",
+      searchItem: '',
       visibleItemsPerPageCount: 20,
       itemsPerPageList: ItemsPerPageList,
       visibleColumn: [],
-      allColumn: []
+      allColumn: [],
     };
   },
   methods: {
     checkItem(column, show) {
       const list = [];
-      for (var i in this.allColumn) {
-        let item = this.allColumn[i];
+      for (const i in this.allColumn) {
+        const item = this.allColumn[i];
         if (item && item.column === column) {
           item.show = show;
         }
           for (const o in Object.keys(item)) {
             if (!listAll.includes(Object.keys(item)[o]) && !Array.isArray(Object.values(item)[o])) {
               const columnName = Object.keys(item)[o];
-              if (!listAll.some(x => x.column === columnName))
+              if (!listAll.some(x => x.column === columnName)) {
                 listAll.push({
                   column: columnName,
-                  show: _.filter(listAll, x => x.show).length < this.columnCount
+                  show: _.filter(listAll, x => x.show).length < this.columnCount,
                 });
+              }
             }
           }
         }
     },
     onClearSelected() {
       this.selectedItems = [];
-      this.$emit("onClearSelected");
+      this.$emit('onClearSelected');
     },
     isSelected(i) {
       const ind = this.getActualIndex(i);
       return _.some(this.selectedItems, x => x === ind);
     },
     onNew() {
-      this.$emit("onNew");
+      this.$emit('onNew');
     },
     isObject(item) {
       return !!item && item.constructor === Object;
       return !!item && item.constructor === Date;
     },
     isDecimal(item) {
-      if (!!item && item.constructor === Number && item.indexOf(".") > 0) {
+      if (!!item && item.constructor === Number && item.indexOf('.') > 0) {
         return true;
       }
       return false;
         !!item &&
         item.constructor === String &&
         item.length > 9 &&
-        item.substring(0, 9) === "data:image"
+        item.substring(0, 9) === 'data:image'
       );
     },
     onEdit(item) {
-      this.$emit("onEdit", item);
+      this.$emit('onEdit', item);
     },
     onDelete(item) {
-      this.$emit("onDelete", item);
+      this.$emit('onDelete', item);
     },
     onCustomClick(item) {
-      this.$emit("onCustomClick", item);
+      this.$emit('onCustomClick', item);
     },
     onRowClick(item, i) {
       const ind = this.getActualIndex(i);
         }
         this.selectedItems.push(ind);
       }
-      this.$emit("onRowClick", this.selectedItems);
+      this.$emit('onRowClick', this.selectedItems);
     },
     getActualIndex(index) {
       return (this.currentPage - 1) * this.visibleItemsPerPageCount + index;
     async pageChangeHandle(value) {
       console.log(value);
       switch (value) {
-        case "next":
+        case 'next':
           this.currentPage += 1;
           break;
-        case "previous":
+        case 'previous':
           this.currentPage -= 1;
           break;
         default:
         this.currentPage = 1;
       }
     },
-    inArray: function(array, value) {
-      var lenght = array.length;
-      for (var i = 0; i < lenght; i++) {
+    inArray(array, value) {
+      const lenght = array.length;
+      for (let i = 0; i < lenght; i++) {
         if (array[i] === value) return true;
       }
       return false;
-    }
+    },
   },
   computed: {
     ListWidth() {
       if (this.showControl) {
-        return "col-md-9";
+        return 'col-md-9';
       }
-      return "col-md-12";
+      return 'col-md-12';
     },
     SortDirection() {
-      return this.reverse ? "desc" : "asc";
+      return this.reverse ? 'desc' : 'asc';
     },
     PageCount() {
       return this.visibleItemsPerPageCount !== 0
       return list;
     },
     FilteredItems() {
-      const list = _.filter(this.items, item =>
-        Object.values(item).some(
-          i =>
-            JSON.stringify(i)
-              .toLowerCase()
-              .indexOf(this.searchItem.toLowerCase()) > -1
-        )
-      );
+      const list = _.filter(this.items, item => Object.values(item).some(
+        i => JSON.stringify(i)
+          .toLowerCase()
+          .indexOf(this.searchItem.toLowerCase()) > -1,
+      ));
       return _.orderBy(list, this.sortKey, this.SortDirection);
     },
     DisplayItems() {
       }
       return list.slice(startSlice, endSlice);
     },
-    GetAllColumn() {}
-  }
+    GetAllColumn() {},
+  },
 };
 </script>
 <style scoped>

src/components/shared/listViewControl.vue

   </div>
 </template>
 <script>
-import CheckItem from "./checkItem.vue";
+import CheckItem from './checkItem.vue';
 
 export default {
   components: {
-    CheckItem
+    CheckItem,
   },
   data() {
     return {
-      searchItem: undefined
+      searchItem: undefined,
     };
   },
   props: {
-    items: undefined
+    items: undefined,
   },
   methods: {
     isInSelected(i) {
       return false;
     },
     checkItem(column, show) {
-      this.$emit("checkItem", column, show);
-    }
+      this.$emit('checkItem', column, show);
+    },
   },
-  computed: {}
+  computed: {},
 };
 </script>
 <style>

src/components/shared/navBar.vue

 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import Log from "../../assets/Log";
+import { mapState, mapActions } from 'vuex';
+import Log from '../../assets/Log';
 
 export default {
   computed: {
-    ...mapState("authentication", [
-      "user",
-      "flag",
-      "status",
-      "person",
-      "token"
+    ...mapState('authentication', [
+      'user',
+      'flag',
+      'status',
+      'person',
+      'token',
     ]),
     isLoggedIn() {
       console.log(Log.isLoggedIn());
     // eslint-disable-next-line vue/return-in-computed-property
     Logout() {
       return this.logout();
-    }
+    },
   },
   methods: {
-    ...mapActions("authentication", ["logout"]),
+    ...mapActions('authentication', ['logout']),
 
     routerGoTo(goTo) {
-      this.$emit("routerGoTo", goTo);
-    }
-  }
+      this.$emit('routerGoTo', goTo);
+    },
+  },
 };
 </script>
 <style scoped>

src/components/shared/searchTab.vue

 </template>
 
 <script>
-import { mapState } from "vuex";
-import propertySearch from "../property/propertySearchFields.vue";
-import timeshareSearch from "../timeshare/searchTimeshare.vue";
+import { mapState } from 'vuex';
+import propertySearch from '../property/propertySearchFields.vue';
+import timeshareSearch from '../timeshare/searchTimeshare.vue';
 
 export default {
   components: {
     propertySearch,
-    timeshareSearch
+    timeshareSearch,
   },
   data() {
     return {
-      selectedPropertyType: "Timeshare",
-      keyword: ""
+      selectedPropertyType: 'Timeshare',
+      keyword: '',
     };
   },
   computed: {
-    ...mapState("weekList", ["filter"]),
-    ...mapState("propertySearch", ["propertySearch"])
+    ...mapState('weekList', ['filter']),
+    ...mapState('propertySearch', ['propertySearch']),
   },
   methods: {
     updateType(item) {
       this.selectedPropertyType = item;
     },
     Search() {
-      if (this.selectedPropertyType === "Timeshare") {
-        this.$router.push("/timesharesearch");
+      if (this.selectedPropertyType === 'Timeshare') {
+        this.$router.push('/timesharesearch');
       } else {
         this.propertySearch.keyword = this.keyword;
-        this.$router.push("/property/propertySearch/results");
+        this.$router.push('/property/propertySearch/results');
       }
     },
     setTypeTimeshare() {
-      this.selectedPropertyType = "Timeshare";
+      this.selectedPropertyType = 'Timeshare';
     },
     setTypeResidential() {
-      this.selectedPropertyType = "Residential";
+      this.selectedPropertyType = 'Residential';
     },
     setTypeCommercial() {
-      this.selectedPropertyType = "Commercial";
+      this.selectedPropertyType = 'Commercial';
     },
     clearKeyword() {
-      this.keyword = "";
+      this.keyword = '';
     },
     keywordChanged() {
-      if (this.selectedPropertyType !== "Timeshare") {
+      if (this.selectedPropertyType !== 'Timeshare') {
         this.propertySearch.keyword = this.keyword;
       }
-    }
-  }
+    },
+  },
 };
 </script>

src/components/timeshare/buy/buyPage.vue

 
 export default {
   name: 'TimeshareToBuy',
-  components:{
-    Alert
+  components: {
+    Alert,
   },
   data() {
     return {

src/components/timeshare/myWeeksPage.vue

 <template>
+<!-- eslint-disable max-len -->
 <div>
   <br />
   <div class="row">
     <div class="offset-1 col-md-3">
       {{items[selectedItems]}}
-      <button 
+      <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"
   background-color: lightgray;
   border-color: lightgray;
 }
-</style>
+</style>

src/components/timeshare/searchTimeshare.vue

 <template>
+<!-- eslint-disable max-len -->
   <div class="container">
     <form
       id="mainForm"

src/main.js

 /* eslint-disable prefer-template */
-import Vue from "vue";
-import EvaIcons from "vue-eva-icons";
-import axios from "axios";
-import App from "./App.vue";
-import router from "./router";
-import store from "./store";
-import moment from "moment";
+import Vue from 'vue';
+import EvaIcons from 'vue-eva-icons';
+import axios from 'axios';
+import moment from 'moment';
+import App from './App.vue';
+import router from './router';
+import store from './store';
 
 Vue.use(EvaIcons);
 
 Vue.config.productionTip = false;
-axios.defaults.baseURL = "http://localhost:57260/";
+axios.defaults.baseURL = 'http://localhost:57260/';
 Vue.prototype.$axios = axios;
 
 Vue.prototype.$http = axios;
-const token = localStorage.getItem("token");
+const token = localStorage.getItem('token');
 if (token) {
   Vue.prototype.$http.defaults.headers.common.Authorization = token;
 }
       next();
       return;
     }
-    next("/users/login");
+    next('/users/login');
   } else {
     next();
   }
 });
 
-Vue.filter("toCurrency", value => {
-  if (typeof value !== "number") {
+Vue.filter('toCurrency', (value) => {
+  if (typeof value !== 'number') {
     return value;
   }
-  const formatter = new Intl.NumberFormat("en-US", {
-    minimumFractionDigits: 2
+  const formatter = new Intl.NumberFormat('en-US', {
+    minimumFractionDigits: 2,
   });
   return `R ${formatter.format(value)}`;
 });
 
-Vue.filter("toProper", value => {
-  if (typeof value !== "string") {
+Vue.filter('toProper', (value) => {
+  if (typeof value !== 'string') {
     console.log(typeof value);
     return value;
   }
-  value = value.replace(/([a-z])([A-Z])/g, "$1 $2");
+  value = value.replace(/([a-z])([A-Z])/g, '$1 $2');
   return value.charAt(0).toUpperCase() + value.slice(1);
 });
 
-Vue.filter("toDate", value => value.substring(0, value.length > 9 ? 10 : value.length));
+Vue.filter('toDate', value => value.substring(0, value.length > 9 ? 10 : value.length));
 
-Vue.filter("toTime", value => {
-  return moment(String(value)).format("hh:mm");
-});
+Vue.filter('toTime', value => moment(String(value)).format('hh:mm'));
 
 new Vue({
   render: h => h(App),
   router,
-  store
-}).$mount("#app");
+  store,
+}).$mount('#app');

src/router/index.js

 /* eslint-disable import/prefer-default-export */
-import Vue from "vue";
-import Router from "vue-router";
+import Vue from 'vue';
+import Router from 'vue-router';
 
-import HomePage from "../components/home/homePage.vue";
+import HomePage from '../components/home/homePage.vue';
 
-import TimeshareBuy from "../components/timeshare/buy/buyPage.vue";
-import TimeshareSell from "../components/timeshare/sell/sellPage.vue";
-import TimeshareFAQ from "../components/timeshare/faqPage.vue";
-import TimeshareSearch from "../components/timeshare/buy/weekListPage.vue";
-import MyWeeksPage from "../components/timeshare/myWeeksPage.vue";
+import TimeshareBuy from '../components/timeshare/buy/buyPage.vue';
+import TimeshareSell from '../components/timeshare/sell/sellPage.vue';
+import TimeshareFAQ from '../components/timeshare/faqPage.vue';
+import TimeshareSearch from '../components/timeshare/buy/weekListPage.vue';
+import MyWeeksPage from '../components/timeshare/myWeeksPage.vue';
 
-import Login from "../components/user/loginPage.vue";
-import PrivateIndividual from "../components/user/registerPage.vue";
-import Agency from "../components/user/registerAgencySection.vue";
-import UpdateInfo from "../components/user/updateProfileInfo.vue";
+import Login from '../components/user/loginPage.vue';
+import PrivateIndividual from '../components/user/registerPage.vue';
+import Agency from '../components/user/registerAgencySection.vue';
+import UpdateInfo from '../components/user/updateProfileInfo.vue';
 
-import PropertySearch from "../components/property/propertySearchPage.vue";
-import PropertyPage from "../components/property/propertyPage.vue";
-import PropertyEdit from "../components/property/propertyeditPage.vue";
-import PropertyCreate from "../components/property/propertyCreate.vue";
-import PropertyList from "../components/property/propertyList.vue";
-import PropertyTypeList from "../components/admin/property/propertyTypeList.vue";
-import PropertyType from "../components/admin/property/propertyTypeEdit.vue";
-import UserDefinedGroups from "../components/admin/property/userDefinedGroupsPage.vue";
-import UserDefinedGroup from "../components/admin/property/userDefinedGroupPage.vue";
+import PropertySearch from '../components/property/propertySearchPage.vue';
+import PropertyPage from '../components/property/propertyPage.vue';
+import PropertyEdit from '../components/property/propertyeditPage.vue';
+import PropertyCreate from '../components/property/propertyCreate.vue';
+import PropertyList from '../components/property/propertyList.vue';
+import PropertyTypeList from '../components/admin/property/propertyTypeList.vue';
+import PropertyType from '../components/admin/property/propertyTypeEdit.vue';
+import UserDefinedGroups from '../components/admin/property/userDefinedGroupsPage.vue';
+import UserDefinedGroup from '../components/admin/property/userDefinedGroupPage.vue';
 
-import AboutUs from "../components/about/aboutUsPage.vue";
-import AboutTimeshare from "../components/about/aboutTimeshare.vue";
+import AboutUs from '../components/about/aboutUsPage.vue';
+import AboutTimeshare from '../components/about/aboutTimeshare.vue';
 
-import Status from "../components/admin/status/statusPage.vue";
-import timeshareAdminPage from "../components/admin/status/timeshareAdminPage.vue";
-import tenderWeekAdminPage from "../components/admin/status/tenderWeekAdminPage.vue";
-import userManagementPage from "../components/admin/status/userManagementPage.vue";
-import changeLogPage from "../components/admin/status/changeLogPage.vue";
-import UnitConfiguration from "../components/admin/unitConfiguration/unitConfigurationPage.vue";
-import agentManagementPage from "../components/admin/status/agentsUserManagementPage.vue";
+import Status from '../components/admin/status/statusPage.vue';
+import timeshareAdminPage from '../components/admin/status/timeshareAdminPage.vue';
+import tenderWeekAdminPage from '../components/admin/status/tenderWeekAdminPage.vue';
+import userManagementPage from '../components/admin/status/userManagementPage.vue';
+import changeLogPage from '../components/admin/status/changeLogPage.vue';
+import UnitConfiguration from '../components/admin/unitConfiguration/unitConfigurationPage.vue';
+import agentManagementPage from '../components/admin/status/agentsUserManagementPage.vue';
 
-import ResortPage from "../components/timeshare/resort/resortPage.vue";
-import UnitPage from "../components/timeshare/resort/unitPage.vue";
+import ResortPage from '../components/timeshare/resort/resortPage.vue';
+import UnitPage from '../components/timeshare/resort/unitPage.vue';
 
-import ContactUs from "../components/misc/contactUs.vue";
-import PrivacyPolicy from "../components/misc/privacyPolicyPage.vue";
+import ContactUs from '../components/misc/contactUs.vue';
+import PrivacyPolicy from '../components/misc/privacyPolicyPage.vue';
 
-import MakeOffer from "../components/processFlow/makeOffer.vue";
-import Offer from "../components/processFlow/offers.vue";
-import searchLog from "../components/admin/logs/SearchLogs.vue";
+import MakeOffer from '../components/processFlow/makeOffer.vue';
+import Offer from '../components/processFlow/offers.vue';
+import searchLog from '../components/admin/logs/SearchLogs.vue';
 // import store from '../store';
 
-import TemplatePage from "../components/communication/templatePage.vue";
-import CarouselList from "../components/admin/misc/carouselList.vue";
-import CarouselDetail from "../components/admin/misc/carousel.vue";
-import AlertPage from "../components/shared/alertPage.vue";
-import PropertySearchResults from "../components/property/propertySearchResults.vue";
-import Payments from "../components/financial/payments.vue";
+import TemplatePage from '../components/communication/templatePage.vue';
+import CarouselList from '../components/admin/misc/carouselList.vue';
+import CarouselDetail from '../components/admin/misc/carousel.vue';
+import AlertPage from '../components/shared/alertPage.vue';
+import PropertySearchResults from '../components/property/propertySearchResults.vue';
+import Payments from '../components/financial/payments.vue';
 
 Vue.use(Router);
 
   scrollBehavior(to, from, savedPosition) {
     return {
       x: 0,
-      y: 0
+      y: 0,
     };
   },
   routes: [
     {
-      path: "/",
-      name: "Home",
-      component: HomePage
+      path: '/',
+      name: 'Home',
+      component: HomePage,
     },
     {
-      path: "/shared/alert",
-      name: "AlertPage",
-      component: AlertPage
+      path: '/shared/alert',
+      name: 'AlertPage',
+      component: AlertPage,
     },
     {
-      path: "/about/us",
-      name: "aboutus",
-      component: AboutUs
+      path: '/about/us',
+      name: 'aboutus',
+      component: AboutUs,
     },
     {
-      path: "/about/timeshare",
-      name: "abouttimeshare",
-      component: AboutTimeshare
+      path: '/about/timeshare',
+      name: 'abouttimeshare',
+      component: AboutTimeshare,
     },
     {
-      path: "/communication/template",
-      name: "template",
-      component: TemplatePage
+      path: '/communication/template',
+      name: 'template',
+      component: TemplatePage,
     },
     {
-      path: "/timeshare/sell",
-      name: "TimeshareSell",
-      component: TimeshareSell
+      path: '/timeshare/sell',
+      name: 'TimeshareSell',
+      component: TimeshareSell,
     },
     {
-      path: "/timeshare/buy",
-      name: "TimeshareBuy",
-      component: TimeshareBuy
+      path: '/timeshare/buy',
+      name: 'TimeshareBuy',
+      component: TimeshareBuy,
     },
     {
-      path: "/timeshare/faq",
-      name: "TimeshareFAQ",
-      component: TimeshareFAQ
+      path: '/timeshare/faq',
+      name: 'TimeshareFAQ',
+      component: TimeshareFAQ,
     },
     {
-      path: "/timeshare/myWeeks",
-      name: "MyWeeks",
-      component: MyWeeksPage
+      path: '/timeshare/myWeeks',
+      name: 'MyWeeks',
+      component: MyWeeksPage,
     },
     {
-      path: "/user/login",
-      name: "Login",
-      component: Login
+      path: '/user/login',
+      name: 'Login',
+      component: Login,
     },
     {
-      path: "/user/updateProfileInfo",
-      name: "UpdateInfo",
-      component: UpdateInfo
+      path: '/user/updateProfileInfo',
+      name: 'UpdateInfo',
+      component: UpdateInfo,
     },
     {
-      path: "/user/register",
-      name: "PrivateIndividual",
-      component: PrivateIndividual
+      path: '/user/register',
+      name: 'PrivateIndividual',
+      component: PrivateIndividual,
     },
     {
-      path: "/user/registeragency",
-      name: "Agency",
-      component: Agency
+      path: '/user/registeragency',
+      name: 'Agency',
+      component: Agency,
     },
     {
-      path: "/property/property/:id",
-      name: "PropertyPage",
-      component: PropertyPage
+      path: '/property/property/:id',
+      name: 'PropertyPage',
+      component: PropertyPage,
     },
     {
-      path: "/property/search",
-      name: "PropertySearchTab",
-      component: PropertySearch
+      path: '/property/search',
+      name: 'PropertySearchTab',
+      component: PropertySearch,
     },
     {
-      path: "/property/search/:propertyUsageType",
-      name: "PropertySearchTabType",
-      component: PropertySearch
+      path: '/property/search/:propertyUsageType',
+      name: 'PropertySearchTabType',
+      component: PropertySearch,
     },
     {
-      path: "/property/new/:saleType",
-      name: "PropertyNew",
-      component: PropertyCreate
+      path: '/property/new/:saleType',
+      name: 'PropertyNew',
+      component: PropertyCreate,
     },
     {
-      path: "/property/new/:propertyUsageType/:saleType",
-      name: "PropertyNewFromSearch",
-      component: PropertyCreate
+      path: '/property/new/:propertyUsageType/:saleType',
+      name: 'PropertyNewFromSearch',
+      component: PropertyCreate,
     },
     {
-      path: "/property/edit",
-      name: "PropertyEdit",
-      component: PropertyEdit
+      path: '/property/edit',
+      name: 'PropertyEdit',
+      component: PropertyEdit,
     },
     {
-      path: "/properties",
-      name: "PropertyListAdmin",
-      component: PropertyList
+      path: '/properties',
+      name: 'PropertyListAdmin',
+      component: PropertyList,
     },
     {
-      path: "/propertyTypes/list",
-      name: "PropertyTypeList",
-      component: PropertyTypeList
+      path: '/propertyTypes/list',
+      name: 'PropertyTypeList',
+      component: PropertyTypeList,
     },
     {
-      path: "/propertyType/new",
-      name: "PropertyTypeNew",
-      component: PropertyType
+      path: '/propertyType/new',
+      name: 'PropertyTypeNew',
+      component: PropertyType,
     },
     {
-      path: "/propertyType/:id",
-      name: "PropertyTypeEdit",
-      component: PropertyType
+      path: '/propertyType/:id',
+      name: 'PropertyTypeEdit',
+      component: PropertyType,
     },
     {
-      path: "/userDefinedGroups/list",
-      name: "UserDefinedGroupsList",
-      component: UserDefinedGroups
+      path: '/userDefinedGroups/list',
+      name: 'UserDefinedGroupsList',
+      component: UserDefinedGroups,
     },
     {
-      path: "/userDefinedGroups/userDefinedGroup/:id",
-      name: "UserDefinedGroupEdit",
-      component: UserDefinedGroup
+      path: '/userDefinedGroups/userDefinedGroup/:id',
+      name: 'UserDefinedGroupEdit',
+      component: UserDefinedGroup,
     },
     {
-      path: "/userDefinedGroups/userDefinedGroup",
-      name: "UserDefinedGroupNew",
-      component: UserDefinedGroup
+      path: '/userDefinedGroups/userDefinedGroup',
+      name: 'UserDefinedGroupNew',
+      component: UserDefinedGroup,
     },
     {
-      path: "/status/list",
-      name: "StatusList",
-      component: Status
+      path: '/status/list',
+      name: 'StatusList',
+      component: Status,
     },
     {
-      path: "/status/timeshareAdmin",
-      name: "TimeshareAdmin",
-      component: timeshareAdminPage
+      path: '/status/timeshareAdmin',
+      name: 'TimeshareAdmin',
+      component: timeshareAdminPage,
     },
     {
-      path: "/status/tenderWeekAdmin",
-      name: "TenderWeekAdmin",
-      component: tenderWeekAdminPage
+      path: '/status/tenderWeekAdmin',
+      name: 'TenderWeekAdmin',
+      component: tenderWeekAdminPage,
     },
     {
-      path: "/status/userManagementPage",
-      name: "userManagementPage",
-      component: userManagementPage
+      path: '/status/userManagementPage',
+      name: 'userManagementPage',
+      component: userManagementPage,
     },
     {
-      path: "/status/agentUserManagementPage",
-      name: "agentManagementPage",
-      component: agentManagementPage
+      path: '/status/agentUserManagementPage',
+      name: 'agentManagementPage',
+      component: agentManagementPage,
     },
     {
-      path: "/status/changeLogPage",
-      name: "changeLogPage",
-      component: changeLogPage
+      path: '/status/changeLogPage',
+      name: 'changeLogPage',
+      component: changeLogPage,
     },
     {
-      path: "/unitConfiguration/list",
-      name: "UnitConfiguration",
-      component: UnitConfiguration
+      path: '/unitConfiguration/list',
+      name: 'UnitConfiguration',
+      component: UnitConfiguration,
     },
     {
-      path: "/contactus",
-      name: "ContactUs",
-      component: ContactUs
+      path: '/contactus',
+      name: 'ContactUs',
+      component: ContactUs,
     },
     {
-      path: "/privacypolicy",
-      name: "PrivacyPolicy",
-      component: PrivacyPolicy
+      path: '/privacypolicy',
+      name: 'PrivacyPolicy',
+      component: PrivacyPolicy,
     },
     {
-      path: "/resort/:resortCode",
-      name: "ResortPage",
+      path: '/resort/:resortCode',
+      name: 'ResortPage',
       component: ResortPage,
-      props: true
+      props: true,
     },
     {
-      path: "/resort/:resortCode/:unitNumber",
-      name: "UnitPage",
+      path: '/resort/:resortCode/:unitNumber',
+      name: 'UnitPage',
       component: UnitPage,
-      props: true
+      props: true,
     },
     {
-      path: "/timeshare/:weekId",
-      name: "TimeshareSellEdit",
+      path: '/timeshare/:weekId',
+      name: 'TimeshareSellEdit',
       component: TimeshareSell,
-      props: true
+      props: true,
     },
     {
-      path: "/MakeOffer",
-      name: "MakeOffer",
-      component: MakeOffer
+      path: '/MakeOffer',
+      name: 'MakeOffer',
+      component: MakeOffer,
     },
     {
-      path: "/Offers",
-      name: "Offers",
-      component: Offer
+      path: '/Offers',
+      name: 'Offers',
+      component: Offer,
     },
     {
-      path: "/timesharesearch",
-      name: "TimeshareSearch",
-      component: TimeshareSearch
+      path: '/timesharesearch',
+      name: 'TimeshareSearch',
+      component: TimeshareSearch,
     },
     {
-      path: "/searchLog",
-      name: "SearchLog",
-      component: searchLog
+      path: '/searchLog',
+      name: 'SearchLog',
+      component: searchLog,
     },
     {
-      path: "/carousel",
-      name: "carousel",
-      component: CarouselList
+      path: '/carousel',
+      name: 'carousel',
+      component: CarouselList,
     },
     {
-      path: "/carousel/details/:id",
-      name: "CarouselDetails",
-      component: CarouselDetail
+      path: '/carousel/details/:id',
+      name: 'CarouselDetails',
+      component: CarouselDetail,
     },
     {
-      path: "/property/propertySearch/results",
-      name: "PropertySearchResults",
-      component: PropertySearchResults
+      path: '/property/propertySearch/results',
+      name: 'PropertySearchResults',
+      component: PropertySearchResults,
     },
     {
-      path: "/payments",
-      name: "Payments",
-      component: Payments
-    }
-  ]
+      path: '/payments',
+      name: 'Payments',
+      component: Payments,
+    },
+  ],
 });

src/store/index.js

-import Vue from "vue";
-import Vuex from "vuex";
+import Vue from 'vue';
+import Vuex from 'vuex';
 
-import TimeshareModule from "./modules/timeshare/timeshare";
-import UsersModule from "./modules/users";
-import StatusModule from "./modules/timeshare/status";
-import UnitConfigurationModule from "./modules/timeshare/unitConfiguration";
-import RegionModule from "./modules/timeshare/region";
-import SearchTabModule from "./modules/searchTab";
-import ResortModule from "./modules/timeshare/resort";
-import PropertyModule from "./modules/property/property";
-import WeekModule from "./modules/timeshare/week";
-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";
-import MyWeeks from "./modules/timeshare/myWeeks";
-import Bid from "./modules/processFlow/bid";
-import Authentication from "./modules/user/authentication";
-import PropertySearch from "./modules/property/propertySearch";
-import SearchLog from "./modules/logs/searchLog";
-import Template from "./modules/communication/template";
-import Info from "./modules/communication/info";
-import PropertyEdit from "./modules/property/propertyEdit";
-import Carousel from "./modules/misc/carousel";
-import Individual from "./modules/user/individual";
-import Alert from "./modules/misc/alert";
-import TenderWeek from "./modules/timeshare/tenderWeeks";
-import PaymentModule from "./modules/financial/payment";
+import TimeshareModule from './modules/timeshare/timeshare';
+import UsersModule from './modules/users';
+import StatusModule from './modules/timeshare/status';
+import UnitConfigurationModule from './modules/timeshare/unitConfiguration';
+import RegionModule from './modules/timeshare/region';
+import SearchTabModule from './modules/searchTab';
+import ResortModule from './modules/timeshare/resort';
+import PropertyModule from './modules/property/property';
+import WeekModule from './modules/timeshare/week';
+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';
+import MyWeeks from './modules/timeshare/myWeeks';
+import Bid from './modules/processFlow/bid';
+import Authentication from './modules/user/authentication';
+import PropertySearch from './modules/property/propertySearch';
+import SearchLog from './modules/logs/searchLog';
+import Template from './modules/communication/template';
+import Info from './modules/communication/info';
+import PropertyEdit from './modules/property/propertyEdit';
+import Carousel from './modules/misc/carousel';
+import Individual from './modules/user/individual';
+import Alert from './modules/misc/alert';
+import TenderWeek from './modules/timeshare/tenderWeeks';
+import PaymentModule from './modules/financial/payment';
 
 Vue.use(Vuex);
 /* eslint no-param-reassign: ["error", { "props": false }] */
     individual: Individual,
     alert: Alert,
     tenderWeek: TenderWeek,
-    payment: PaymentModule
-  }
+    payment: PaymentModule,
+  },
 });

src/store/modules/financial/payment.js

-import axios from "axios";
+import axios from 'axios';
 
 export default {
   amespaced: true,
   state: {
     payments: [],
-    payment: {}
+    payment: {},
   },
   mutations: {
     setPayment(state, item) {
     },
     setPayments(state, items) {
       state.payments = items;
-    }
+    },
   },
   getters: {},
   actions: {
     getPayment({ commit }, id) {
       axios
         .get(`/api/payment/${id}`)
-        .then(result => commit("setPayment", result.data))
+        .then(result => commit('setPayment', result.data))
         .catch(console.error);
     },
     getPayments({ commit }) {
       axios
-        .get("/api/payment")
-        .then(result => commit("setPayments", result.data))
+        .get('/api/payment')
+        .then(result => commit('setPayments', result.data))
         .catch(console.error);
-    }
-  }
+    },
+  },
 };

src/store/modules/logs/searchLog.js

-import axios from "axios";
-import _ from "lodash";
+import axios from 'axios';
+import _ from 'lodash';
 
 export default {
   namespaced: true,
     fields: [],
     filter: {
       by: undefined,
-      value: undefined
-    }
+      value: undefined,
+    },
   },
   mutations: {
     updateSearch(state, data) {
       state.list = [];
       state.fields = [];
       state.list = data;
-      data.forEach(item => {
+      data.forEach((item) => {
         state.fields.push(item.property);
       });
-      state.fields.push("UserName");
-      state.fields.push("Type");
-      state.fields.push("Date");
-      state.fields.push("Time");
+      state.fields.push('UserName');
+      state.fields.push('Type');
+      state.fields.push('Date');
+      state.fields.push('Time');
       state.fields = state.fields.filter((x, i, a) => a.indexOf(x) === i);
     },
     onClearFilter(state) {
       state.filter = {
         by: undefined,
-        value: undefined
+        value: undefined,
       };
-    }
+    },
   },
   getters: {
-    filterList: state => {
+    filterList: (state) => {
       let lst = state.list;
       const { filter } = state;
       if (filter) {
         if (filter.by) {
-          if (filter.by === "UserName") {
+          if (filter.by === 'UserName') {
             lst = _.filter(lst, x => x.userName.toUpperCase().includes(filter.value.toUpperCase()));
-          } else if (filter.by === "Type") {
+          } else if (filter.by === 'Type') {
             lst = _.filter(lst, x => x.type.toUpperCase().includes(filter.value.toUpperCase()));
-          } else if (filter.by === "Date") {
+          } else if (filter.by === 'Date') {
             lst = _.filter(lst, x => x.date.toUpperCase().includes(filter.value.toUpperCase()));
-          } else if (filter.by === "Time") {
+          } else if (filter.by === 'Time') {
             lst = _.filter(lst, x => x.time.toUpperCase().includes(filter.value.toUpperCase()));
           } else {
             lst = _.filter(lst, x => x.property === filter.by);
         } else if (filter.value) {
           lst = _.filter(
             lst,
-            x =>
-              x.value.toUpperCase().includes(filter.value.toUpperCase()) ||
-              x.userName.toUpperCase().includes(filter.value.toUpperCase()) ||
-              x.type.toUpperCase().includes(filter.value.toUpperCase())
+            x => x.value.toUpperCase().includes(filter.value.toUpperCase())
+              || x.userName.toUpperCase().includes(filter.value.toUpperCase())
+              || x.type.toUpperCase().includes(filter.value.toUpperCase()),
           );
         }
       }
       return lst;
-    }
+    },
   },
   actions: {
     getPropertySearchLogs({ commit }) {
       axios
-        .get("/api/searchLog")
-        .then(result => commit("updateSearch", result.data))
+        .get('/api/searchLog')
+        .then(result => commit('updateSearch', result.data))
         .catch(console.error);
     },
     clearFilter({ commit }) {
-      commit("onClearFilter");
-    }
-  }
+      commit('onClearFilter');
+    },
+  },
 };

src/store/modules/misc/carousel.js

-import axios from "axios";
+import axios from 'axios';
 
 export default {
   namespaced: true,
       id: 0,
       propertyID: 0,
       timeshareID: 0,
-      header: "",
-      image: ""
-    }
+      header: '',
+      image: '',
+    },
   },
   mutations: {
     setCarouselItem(state, item) {
     },
     removeCarousel(state, id) {
       state.carouselList.pop(state.carouselList.find(p => p.id === id));
-    }
+    },
   },
   getters: {},
   actions: {
     getCarouselItem({ commit }, id) {
       axios
         .get(`/api/Carousel/${id}`)
-        .then(result => commit("setCarouselItem", result.data))
+        .then(result => commit('setCarouselItem', result.data))
         .catch(console.error);
     },
     getCarouselList({ commit }) {
       axios
-        .get("/api/Carousel")
-        .then(result => commit("setCarouselList", result.data))
+        .get('/api/Carousel')
+        .then(result => commit('setCarouselList', result.data))
         .catch(console.error);
     },
     saveCarouselItem({ commit }, item) {
       axios
-        .post("/api/Carousel", item)
-        .then(result => commit("addToCarouselList", result.data))
+        .post('/api/Carousel', item)
+        .then(result => commit('addToCarouselList', result.data))
         .catch(console.error);
     },
     deleteCarousel({ commit }, id) {
       axios
         .delete(`/api/Carousel/${id}`)
-        .then(commit("removeCarousel", id))
+        .then(commit('removeCarousel', id))
         .catch(console.error);
-    }
-  }
+    },
+  },
 };

src/store/modules/processFlow/bid.js

-import axios from "axios";
-import log from "../../../assets/Log";
+import axios from 'axios';
+import log from '../../../assets/Log';
 
 export default {
   namespaced: true,
   state: {
     bidItem: {},
-    bidItems: []
+    bidItems: [],
   },
   mutations: {
     setBid(state, bid) {
     updateBidList(state, bid) {
       state.bidItems.find(item => item.id === bid.id).status = bid.status;
       console.log(JSON.stringify(bid));
-    }
+    },
   },
   getters: {},
   actions: {
     getBid({ commit }, id) {
       axios
         .get(`/api/bid/${id}`)
-        .then(result => commit("addToBids", result.data))
+        .then(result => commit('addToBids', result.data))
         .catch(console.error);
     },
     getBids({ commit }) {
       axios
-        .get("/api/bid/GetBids/All")
-        .then(result => commit("setBids", result.data))
+        .get('/api/bid/GetBids/All')
+        .then(result => commit('setBids', result.data))
         .catch(console.error);
     },
     saveBid({ commit }, item) {
       }
       console.log(JSON.stringify(item));
       axios
-        .post("/api/bid", item)
-        .then(result => commit("setBid", result.data))
+        .post('/api/bid', item)
+        .then(result => commit('setBid', result.data))
         .catch(console.error);
     },
     updateBid({ commit }, item) {
       axios
-        .put("/api/bid", item)
-        .then(result => commit("setBid", item))
+        .put('/api/bid', item)
+        .then(result => commit('setBid', item))
         .catch(console.error);
     },
     acceptBid({ commit }, id) {
       axios
         .put(`/api/bid/AcceptBid/${id}`)
-        .then(result => commit("updateBidList", result.data))
+        .then(result => commit('updateBidList', result.data))
         .catch(console.error);
     },
     declineBid({ commit }, item) {
       axios
-        .put("/api/bid/DeclineBid", item)
-        .then(result => commit("updateBidList", result.data))
+        .put('/api/bid/DeclineBid', item)
+        .then(result => commit('updateBidList', result.data))
         .catch(console.error);
-    }
-  }
+    },
+  },
 };

src/store/modules/property/propertyLists.js

-import axios from "axios";
+import axios from 'axios';
 
 export default {
   namespaced: true,
   state: {
     properties: [],
-    propertiesLive: []
+    propertiesLive: [],
   },
   mutations: {
     setProperties(state, properties) {
       state.properties.pop(state.properties.find(item => item.id === id));
     },
     updatePropertyPublish(state, curItem) {
-      state.properties.find(item => item.id === curItem.id).publish = "Yes";
+      state.properties.find(item => item.id === curItem.id).publish = 'Yes';
     },
     updatePropertyUnpublish(state, curItem) {
-      state.properties.find(item => item.id === curItem.id).publish = "No";
+      state.properties.find(item => item.id === curItem.id).publish = 'No';
     },
     setLiveProperties(state, items) {
       state.propertiesLive = items;
-    }
+    },
   },
   getters: {},
   actions: {
       console.log(`/api/property/GetPropertyList/${item}`);
       axios
         .get(`/api/property/GetPropertyList/${item}`) // .get(`/api/property/${item.propertyType}/${item.user}`)
-        .then(result => commit("setProperties", result.data))
+        .then(result => commit('setProperties', result.data))
         .catch(console.error);
     },
     getLiveProperties({ commit }) {
       axios
-        .get("/api/property/GetLivePropertyList") // .get(`/api/property/${item.propertyType}/${item.user}`)
-        .then(result => commit("setLiveProperties", result.data))
+        .get('/api/property/GetLivePropertyList') // .get(`/api/property/${item.propertyType}/${item.user}`)
+        .then(result => commit('setLiveProperties', result.data))
         .catch(console.error);
     },
     deleteProperty({ commit }, id) {
       axios
         .delete(`/api/property/${id}`)
-        .then(commit("removeProperties", id))
+        .then(commit('removeProperties', id))
         .catch(console.error);
     },
     publishProperty({ commit }, item) {
       axios
-        .put("/api/property/publishproperty", item)
-        .then(result => commit("updatePropertyPublish", item))
+        .put('/api/property/publishproperty', item)
+        .then(result => commit('updatePropertyPublish', item))
         .catch(console.error);
     },
     unpublishProperty({ commit }, item) {
       axios
-        .put("/api/property/unpublishproperty", item)
-        .then(result => commit("updatePropertyUnpublish", item))
+        .put('/api/property/unpublishproperty', item)
+        .then(result => commit('updatePropertyUnpublish', item))
         .catch(console.error);
-    }
-  }
+    },
+  },
 };

src/store/modules/property/propertySearch.js

 /* eslint-disable valid-typeof */
 /* eslint-disable max-len */
 /* eslint-disable indent */
-import axios from "axios";
-import _ from "lodash";
-import log from "../../../assets/Log";
+import axios from 'axios';
+import _ from 'lodash';
+import log from '../../../assets/Log';
 
 export default {
   namespaced: true,
   state: {
     propertySearch: {
-      userName: "",
-      salesType: "Sale",
-      propertyUsageType: "All",
-      propertyType: "All",
-      province: "All",
-      city: "All",
-      suburb: "All",
+      userName: '',
+      salesType: 'Sale',
+      propertyUsageType: 'All',
+      propertyType: 'All',
+      province: 'All',
+      city: 'All',
+      suburb: 'All',
       minPrice: 0,
       maxPrice: 0,
       availableFrom: undefined,
-      propertyId: 0
+      propertyId: 0,
     },
     properties: [],
     latestProperties: [],
     suburbs: [],
-    searchText: "",
+    searchText: '',
     suburbList: [],
-    resultsShowing: false
+    resultsShowing: false,
   },
   mutations: {
     updateSearch(state, propertySearch) {
       state.propertySearch = search;
     },
     onClearFilter(state, filter) {
-      if (filter === "availableFrom") {
+      if (filter === 'availableFrom') {
         state.propertySearch[filter] = undefined;
       } else {
-        state.propertySearch[filter] = "All";
+        state.propertySearch[filter] = 'All';
       }
     },
     setSuburbs(state, items) {
     },
     setResultsShowing(state, value) {
       state.resultsShowing = value;
-    }
+    },
   },
   getters: {
-    filterSuburbs: state => {
+    filterSuburbs: (state) => {
       let subs = state.suburbs;
       if (state.searchText) {
         subs = _.filter(subs, s => s.display.contains(state.searchText));
       }
       return subs;
-    }
+    },
   },
   actions: {
     clearFilter({ commit }, filter) {
-      commit("onClearFilter", filter);
+      commit('onClearFilter', filter);
     },
     searchProperties({ commit }, item) {
-      if (item.keyword === "") {
-        item.keyword = "All";
+      if (item.keyword === '') {
+        item.keyword = 'All';
       }
       if (log.isLoggedIn()) {
         item.userName = log.getUser().username;
-      } else if (item.userName === "") {
-        item.userName = "Unknown";
+      } else if (item.userName === '') {
+        item.userName = 'Unknown';
       }
-      if (item.suburb === "") {
-        item.suburb = "All";
+      if (item.suburb === '') {
+        item.suburb = 'All';
       }
-      if (item.city === "") {
-        item.city = "All";
+      if (item.city === '') {
+        item.city = 'All';
       }
-      if (item.province === "") {
-        item.province = "All";
+      if (item.province === '') {
+        item.province = 'All';
       }
       axios
         .get(
-          `/api/Property/Search/${item.userName}/${item.keyword}/${item.salesType}/${item.propertyUsageType}/${item.propertyType}/${item.province}/${item.city}/${item.suburb}/${item.minPrice}/${item.maxPrice}/${item.availableFrom}/${item.propertyId}`
+          `/api/Property/Search/${item.userName}/${item.keyword}/${item.salesType}/${item.propertyUsageType}/${item.propertyType}/${item.province}/${item.city}/${item.suburb}/${item.minPrice}/${item.maxPrice}/${item.availableFrom}/${item.propertyId}`,
         )
-        .then(result => commit("updateSearch", result.data))
+        .then(result => commit('updateSearch', result.data))
         .catch(console.error);
     },
     searchLatestProperties({ commit }) {
       axios
-        .get("/api/property/latestProperties")
-        .then(response => commit("setLatestProperties", response.data))
+        .get('/api/property/latestProperties')
+        .then(response => commit('setLatestProperties', response.data))
         .catch(console.error);
     },
     getSuburbs({ commit }) {
       axios
-        .get("/api/suburb/GetSearchList")
-        .then(response => commit("setSuburbs", response.data))
+        .get('/api/suburb/GetSearchList')
+        .then(response => commit('setSuburbs', response.data))
         .catch(console.error);
     },
     applyFilter({ commit }, value) {
-      commit("setFilter", { value });
+      commit('setFilter', { value });
     },
     updateResultsShowing({ commit }, value) {
-      commit("setResultsShowing", value);
-    }
-  }
+      commit('setResultsShowing', value);
+    },
+  },
 };

src/store/modules/timeshare/myWeeks.js

     },
     publishWeek(id) {
       axios.post(`/api/timeshareweek/publishweek/${id}`).catch(console.error);
-    }
+    },
 
   },
 };

src/store/modules/timeshare/week.js

 /* eslint-disable prefer-destructuring */
 /* eslint-disable no-restricted-syntax */
 /* eslint-disable guard-for-in */
-import axios from 'axios';
+// import axios from 'axios';
 
 export default {
   namespaced: true,

src/store/modules/user/authentication.js

-import Vue from "vue";
-import Vuex from "vuex";
-import axios from "axios";
-import log from "../../../assets/Log";
+import Vue from 'vue';
+import Vuex from 'vuex';
+import axios from 'axios';
+import log from '../../../assets/Log';
 
 Vue.use(Vuex);
 export default {
     token: undefined,
     user: undefined,
     person: undefined,
-    agency: undefined
+    agency: undefined,
   },
   mutations: {
     auth_request(state) {
-      state.status = "loading";
+      state.status = 'loading';
     },
     auth_success(state, user) {
-      state.status = "success";
+      state.status = 'success';
       state.token = user.token;
       state.user = user.user;
       state.person = user.person;
       state.agency = user.agency;
     },
     auth_error(state) {
-      state.status = "error";
+      state.status = 'error';
     },
     logout(state) {
       state.status = undefined;
     },
     updateFlag(state) {
       state.flag = true;
-    }
+    },
   },
   getters: {
     authStatus: state => state.status,
     getPerson: () => log.getPerson(),
-    getUser: () => log.getUser()
+    getUser: () => log.getUser(),
   },
   actions: {
     init({ commit }) {
       if (!log.isLoggedIn() && log.tokenExpired) {
         log.clearValues();
       } else log.updateTokenExpiry();
-      commit("runInit", {
-        user: log.getJSONObject("user"),
-        token: log.getJSONObject("token"),
-        person: log.getJSONObject("person"),
-        agency: log.getJSONObject("agency")
+      commit('runInit', {
+        user: log.getJSONObject('user'),
+        token: log.getJSONObject('token'),
+        person: log.getJSONObject('person'),
+        agency: log.getJSONObject('agency'),
       });
     },
     login({ commit }, user) {
       axios({
-        url: "/api/register/authenticate",
+        url: '/api/register/authenticate',
         data: {
           username: user.username,
-          password: user.password
+          password: user.password,
         },
-        method: "POST"
+        method: 'POST',
       })
-        .then(resp => {
+        .then((resp) => {
           log.clearValues();
           log.setValues(resp.data);
 
-          commit("auth_success", resp.data);
+          commit('auth_success', resp.data);
           console.log(JSON.stringify(resp.data));
         })
-        .catch(err => {
-          commit("auth_error");
+        .catch((err) => {
+          commit('auth_error');
           log.clearValues();
-          commit("auth_error", err.data);
+          commit('auth_error', err.data);
         });
     },
     logout({ commit }) {
       return new Promise(() => {
-        commit("logout");
+        commit('logout');
         log.clearValues();
         delete axios.defaults.headers.common.Authorization;
       });
-    }
-  }
+    },
+  },
 };

src/store/modules/user/register.js

-import axios from "axios";
+import axios from 'axios';
 
 export default {
   namespaced: true,
     individuals: [],
     agents: [],
     registerIndividual: {
-      name: "",
-      surname: "",
-      email: "",
-      cellNumber: "",
-      username: "",
-      password: ""
+      name: '',
+      surname: '',
+      email: '',
+      cellNumber: '',
+      username: '',
+      password: '',
     },
     registerAgency: {
-      name: "",
-      eaabeffcNumber: "",
-      companyRegNumber: "",
+      name: '',
+      eaabeffcNumber: '',
+      companyRegNumber: '',
       user: {
-        name: "",
-        surname: "",
-        email: "",
-        cellNumber: "",
-        username: "",
-        password: "",
-        role: ""
-      }
-    }
+        name: '',
+        surname: '',
+        email: '',
+        cellNumber: '',
+        username: '',
+        password: '',
+        role: '',
+      },
+    },
   },
   mutations: {
     setIndividual(state, type) {
     },
     updateAgency(state, type) {
       state.registerAgency.find(item => item.id === type.id).eaabeffcNumber = type.eaabeffcNumber;
-      state.registerAgency.find(item => item.id === type.id).companyRegNumber =
-        type.companyRegNumber;
+      state.registerAgency.find(item => item.id === type.id).companyRegNumber = type.companyRegNumber;
     },
     clearIndividual(state) {
       state.registerIndividual = {
-        name: "",
-        surname: "",
-        email: "",
-        cellNumber: "",
-        username: "",
-        password: ""
+        name: '',
+        surname: '',
+        email: '',
+        cellNumber: '',
+        username: '',
+        password: '',
       };
     },
     clearAgency(state) {
       state.registerAgency = {
-        name: "",
-        eaabeffcNumber: "",
-        companyRegNumber: "",
+        name: '',
+        eaabeffcNumber: '',
+        companyRegNumber: '',
         user: {
-          name: "",
-          surname: "",
-          email: "",
-          cellNumber: "",
-          username: "",
-          password: ""
-        }
+          name: '',
+          surname: '',
+          email: '',
+          cellNumber: '',
+          username: '',
+          password: '',
+        },
       };
     },
     removeIndividual(state, id) {
     },
     removeAgent(state, id) {
       state.registerAgency.pop(state.registerAgency.find(a => a.id === id));
-    }
+    },
   },
   getters: {},
   actions: {
     getIndividuals({ commit }) {
       axios
-        .get("/api/individual")
-        .then(result => commit("setIndividuals", result.data))
+        .get('/api/individual')
+        .then(result => commit('setIndividuals', result.data))
         .catch(console.error);
     },
     getAgents({ commit }) {
       axios
-        .get("/api/agent")
-        .then(result => commit("setAgents", result.data))
+        .get('/api/agent')
+        .then(result => commit('setAgents', result.data))
         .catch(console.error);
     },
     // getAgency({
 
     saveIndividual({ commit }, item) {
       axios
-        .post("/api/register/register", item)
-        .then(result => commit("addIndividual", result.data))
+        .post('/api/register/register', item)
+        .then(result => commit('addIndividual', result.data))
         .catch(console.error);
     },
     saveAgency({ commit }, item) {
       axios
-        .post("/api/register/registeragency", item)
-        .then(result => commit("addAgency", result.data))
+        .post('/api/register/registeragency', item)
+        .then(result => commit('addAgency', result.data))
         .catch(console.error);
     },
     saveAgent({ commit }, item) {
       axios
-        .post("/api/agent", item)
-        .then(result => commit("addAgent", result.data))
+        .post('/api/agent', item)
+        .then(result => commit('addAgent', result.data))
         .catch(console.error);
     },
     // updateIndividual({
     deleteIndividual({ commit }, id) {
       axios
         .delete(`/api/individual/${id}`)
-        .then(result => commit("removeIndividual", id))
+        .then(result => commit('removeIndividual', id))
         .catch(console.error);
     },
     deleteAgent({ commit }, id) {
       axios
         .delete(`/api/agent/${id}`)
-        .then(result => commit("removeAgent", id))
+        .then(result => commit('removeAgent', id))
         .catch(console.error);
-    }
+    },
     // deleteAgency({
     //   commit,
     // }, id) {
     //     .then(result => commit('removeAgency', id))
     //     .catch(console.error);
     // },
-  }
+  },
 };

vue.config.js

 module.exports = {
   devServer: {
     proxy: {
-      "/api": {
-        target: "http://192.168.6.188:5000",
-        changeOrigin: true
+      '/api': {
+        target: 'http://192.168.6.188:5000',
+        changeOrigin: true,
       },
-      "/nph-srep": {
-        target: "http://www.unipoint-consoft.co.za",      
-        changeOrigin: true
-      }
-    }
-  }
+      '/nph-srep': {
+        target: 'http://www.unipoint-consoft.co.za',
+        changeOrigin: true,
+      },
+    },
+  },
 };