From eae5e00706baafa9ae8c3e124d6f4a262d874a31 Mon Sep 17 00:00:00 2001
From: wh1te909 <dcparsi@gmail.com>
Date: Wed, 1 Sep 2021 06:26:55 +0000
Subject: [PATCH] allow filtering by overdue #674

---
 web/src/components/AgentTable.vue |  6 ++++--
 web/src/views/Dashboard.vue       | 17 ++++++++++++++++-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/web/src/components/AgentTable.vue b/web/src/components/AgentTable.vue
index d41855ea12..38febfe4c3 100644
--- a/web/src/components/AgentTable.vue
+++ b/web/src/components/AgentTable.vue
@@ -479,7 +479,8 @@ export default {
           if (filter === "actionspending") actions = true;
           else if (filter === "checksfailing") checks = true;
           else if (filter === "rebootneeded") reboot = true;
-          else if (filter === "online" || filter === "offline" || filter === "expired") availability = filter;
+          else if (filter === "online" || filter === "offline" || filter === "expired" || filter === "overdue")
+            availability = filter;
         } else {
           search = param + "";
         }
@@ -492,7 +493,8 @@ export default {
           if (actions && row.pending_actions_count === 0) return false;
           if (reboot && !row.needs_reboot) return false;
           if (availability === "online" && row.status !== "online") return false;
-          else if (availability === "offline" && row.status !== "overdue") return false;
+          else if (availability === "offline" && row.status !== "offline") return false;
+          else if (availability === "overdue" && row.status !== "overdue") return false;
           else if (availability === "expired") {
             let now = new Date();
             let lastSeen = date.extractDate(row.last_seen, "MM DD YYYY HH:mm");
diff --git a/web/src/views/Dashboard.vue b/web/src/views/Dashboard.vue
index 463322a3bb..f1635f1fda 100644
--- a/web/src/views/Dashboard.vue
+++ b/web/src/views/Dashboard.vue
@@ -337,6 +337,16 @@
                             </q-item-section>
                           </q-item>
 
+                          <q-item>
+                            <q-item-section side>
+                              <q-radio val="overdue" v-model="filterAvailability" />
+                            </q-item-section>
+
+                            <q-item-section>
+                              <q-item-label>Show Overdue Only</q-item-label>
+                            </q-item-section>
+                          </q-item>
+
                           <q-item>
                             <q-item-section side>
                               <q-radio val="offline_30days" v-model="filterAvailability" />
@@ -809,7 +819,10 @@ export default {
       // clear search if availability changes to all
       if (
         this.filterAvailability === "all" &&
-        (this.search.includes("is:online") || this.search.includes("is:offline") || this.search.includes("is:expired"))
+        (this.search.includes("is:online") ||
+          this.search.includes("is:offline") ||
+          this.search.includes("is:expired") ||
+          this.search.includes("is:overdue"))
       )
         this.clearFilter();
 
@@ -841,6 +854,8 @@ export default {
           filterText += "is:offline ";
         } else if (this.filterAvailability === "offline_30days") {
           filterText += "is:expired ";
+        } else if (this.filterAvailability === "overdue") {
+          filterText += "is:overdue ";
         }
       }