From 658e12555568430a7d32aef8e13676a548d06e33 Mon Sep 17 00:00:00 2001
From: radhika587 <radhikabytefury@gmail.com>
Date: Thu, 2 Dec 2021 12:17:26 +0000
Subject: [PATCH] add status filter

---
 resources/scripts/locales/en.json           |  2 ++
 resources/scripts/views/estimates/Index.vue | 32 +++++++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/resources/scripts/locales/en.json b/resources/scripts/locales/en.json
index 9708cb08..cf1e9ae5 100644
--- a/resources/scripts/locales/en.json
+++ b/resources/scripts/locales/en.json
@@ -304,8 +304,10 @@
     },
     "accepted": "Accepted",
     "rejected": "Rejected",
+    "expired": "Expired",
     "sent": "Sent",
     "draft": "Draft",
+    "viewed": "Viewed",
     "declined": "Declined",
     "new_estimate": "New Estimate",
     "add_new_estimate": "Add New Estimate",
diff --git a/resources/scripts/views/estimates/Index.vue b/resources/scripts/views/estimates/Index.vue
index 3854a4e0..c7c7b9e8 100644
--- a/resources/scripts/views/estimates/Index.vue
+++ b/resources/scripts/views/estimates/Index.vue
@@ -54,6 +54,16 @@
         />
       </BaseInputGroup>
 
+      <BaseInputGroup :label="$t('estimates.status')">
+        <BaseMultiselect
+          v-model="filters.status"
+          :options="status"
+          searchable
+          :placeholder="$t('general.select_a_status')"
+          @update:modelValue="setActiveTab"
+          @remove="clearStatusSearch()"
+        />
+      </BaseInputGroup>
       <BaseInputGroup :label="$t('general.from')">
         <BaseDatePicker
           v-model="filters.from_date"
@@ -329,6 +339,11 @@ function hasAtleastOneAbility() {
   ])
 }
 
+async function clearStatusSearch(removedOption, id) {
+  filters.status = ''
+  refreshTable()
+}
+
 function refreshTable() {
   tableComponent.value && tableComponent.value.refresh()
 }
@@ -443,6 +458,23 @@ function setActiveTab(val) {
     case 'SENT':
       activeTab.value = t('general.sent')
       break
+
+    case 'VIEWED':
+      activeTab.value = t('estimates.viewed')
+      break
+
+    case 'EXPIRED':
+      activeTab.value = t('estimates.expired')
+      break
+
+    case 'ACCEPTED':
+      activeTab.value = t('estimates.accepted')
+      break
+
+    case 'REJECTED':
+      activeTab.value = t('estimates.rejected')
+      break
+
     default:
       activeTab.value = t('general.all')
       break