From 421d5db291ce893f34294d93eed03ef8f2f58582 Mon Sep 17 00:00:00 2001
From: Montana <montana-ctr@friends.dds.mil>
Date: Fri, 26 Oct 2018 09:38:02 -0400
Subject: [PATCH] computed searchedList with commented watch option

---
 js/components/forms/members_list.js | 46 ++++++++++++++++++-----------
 1 file changed, 28 insertions(+), 18 deletions(-)

diff --git a/js/components/forms/members_list.js b/js/components/forms/members_list.js
index 3c35730a..6d442cd8 100644
--- a/js/components/forms/members_list.js
+++ b/js/components/forms/members_list.js
@@ -11,32 +11,42 @@ export default {
       searchValue: '',
       status: '',
       role: '',
-      searchedList: [],
     }
   },
 
   mounted: function () {
-    this.searchedList = this.members
+    // this.searchedList = this.members
   },
 
+  computed: {
+    searchedList: function () {
+      return this.members.filter(
+        member => this.status ? member.status === this.status : true
+      ).filter(
+          member => this.role ? member.role.toLowerCase() === this.role : true
+      ).filter(
+        member => this.searchValue ? member.name.toLowerCase()
+          .includes(this.searchValue.toLowerCase()) : true
+      )
+    }
+  },
+
+  // watch: {
+  //   status: function (status) {
+  //     this.searchedList = this.searchedList.filter(
+  //       member => member.status === status
+  //     )
+  //   },
+  //   role: function (role) {
+  //     this.searchedList = this.searchedList.filter(
+  //       member => member.role.toLowerCase() === role
+  //     )
+  //   }
+  // },
+
   methods: {
     search: function () {
-      this.searchedList = this.members.filter(
-        member => member.name.toLowerCase()
-        .includes(this.searchValue.toLowerCase())
-      )
-
-      if (this.status) {
-        this.searchedList = this.searchedList.filter(
-          member => member.status === this.status
-        )
-      }
-
-      if (this.role) {
-        this.searchedList = this.searchedList.filter(
-            member => member.role.toLowerCase() === this.role
-        )
-      }
+      console.log("search")
     },
   },
 }