From 7527fa9b511e0a5284bf2afe53f0b8b1b19b2e04 Mon Sep 17 00:00:00 2001
From: Hemanth Rachapalli <rachapalli.hemanth5544@gmail.com>
Date: Thu, 25 Dec 2025 22:56:14 +0530
Subject: [PATCH] select all button

---
 src/pages/EditMaintenance.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/pages/EditMaintenance.vue b/src/pages/EditMaintenance.vue
index 70742a9c..9bd5a57d 100644
--- a/src/pages/EditMaintenance.vue
+++ b/src/pages/EditMaintenance.vue
@@ -28,9 +28,16 @@
 
                             <!-- Affected Monitors -->
                             <h2 class="mt-5">{{ $t("Affected Monitors") }}</h2>
-                            {{ $t("affectedMonitorsDescription") }}
 
                             <div class="my-3">
+                                <div class="d-flex justify-content-between align-items-center mb-2">
+                                    <div class="form-text">{{ $t("affectedMonitorsDescription") }}</div>
+                                    <button type="button" class="btn btn-sm btn-outline-secondary" @click="toggleSelectAllAffectedMonitors">
+                                        <span v-if="affectedMonitorsAllSelected">{{ $t("Clear") }}</span>
+                                        <span v-else>{{ $t("Select All") }}</span>
+                                    </button>
+                                </div>
+
                                 <VueMultiselect
                                     id="affected_monitors"
                                     v-model="affectedMonitors"
@@ -353,6 +360,10 @@ export default {
             });
         },
 
+        affectedMonitorsAllSelected() {
+            return this.affectedMonitors.length > 0 && this.affectedMonitors.length === this.affectedMonitorsOptions.length;
+        },
+
         pageName() {
             let name = "Schedule Maintenance";
 
@@ -494,6 +505,14 @@ export default {
             }
         },
 
+        toggleSelectAllAffectedMonitors() {
+            if (this.affectedMonitorsAllSelected) {
+                this.affectedMonitors = [];
+            } else {
+                this.affectedMonitors = this.affectedMonitorsOptions.slice();
+            }
+        },
+
         /**
          * Create new maintenance
          * @returns {Promise<void>}