Added keyword search

src/components/shared/searchTab.vue

@@ -15,7 +15,7 @@
                 type="text"
                 class="form-control form-control-a"
                 placeholder="Keyword"
-                v-model="keyword"
+                v-model="filter.keyword"
               />
             </div>
           </div>
@@ -107,10 +107,8 @@ export default {
   data() {
     return {
       selectedPropertyType: 'timeshare',
-      keyword: '',
       propertySearch: {
         userID: 0,
-        keyword: '',
         salesType: 'Sale',
         propertyUsageType: 'All',
         propertyType: 'All',
@@ -120,7 +118,9 @@ export default {
       },
     };
   },
-  computed: {},
+  computed: {
+    ...mapState('weekList', ['filter']),
+  },
   methods: {
     updateType(item) {
       this.selectedPropertyType = item;
@@ -128,7 +128,7 @@ export default {
     updateSearch(item) {
       this.propertySearch = item;
       this.propertySearch.propertyUsageType = this.selectedPropertyType;
-      this.propertySearch.keyword = this.keyword;
+      this.propertySearch.keyword = this.filter.keyword;
     },
     Search() {
       if (this.selectedPropertyType === 'timeshare') {

src/main.js

@@ -38,6 +38,7 @@ Vue.filter('toCurrency', (value) => {
   return `R ${formatter.format(value)}`;
 });
 
+
 Vue.filter('toDate', value => value.substring(0, value.length > 9 ? 10 : value.length));
 
 new Vue({

src/store/modules/timeshare/weekList.js

@@ -15,6 +15,7 @@ export default {
       date: undefined,
       minPrice: undefined,
       maxPrice: undefined,
+      keyword: null,
     },
   },
   mutations: {
@@ -39,6 +40,21 @@ export default {
       } = state;
       // console.log(JSON.stringify(weekList));
       if (filter) {
+        if (filter.keyword) {
+          const list = [];
+          for (const i in weekList) {
+            const item = weekList[i];
+            for (const r in item) {
+              const innerItem = item[r];
+              if (innerItem && JSON.stringify(innerItem).toLowerCase().includes(filter.keyword
+                .toLowerCase())) {
+                list.push(item);
+                break;
+              }
+            }
+          }
+          weekList = list;
+        }
         if (filter.region) {
           weekList = _.filter(weekList, x => x.region && x.region.regionCode === filter.region
             .regionCode);