From de9ad0fe603b753dc330083b826b9cd07b78a64d Mon Sep 17 00:00:00 2001
From: Nelson Chan <chakflying@hotmail.com>
Date: Sun, 11 Jun 2023 21:49:16 +0800
Subject: [PATCH] UI: Add help msg for no Group Mon.

---
 src/lang/en.json          | 3 ++-
 src/pages/EditMonitor.vue | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/lang/en.json b/src/lang/en.json
index e4ac99d7e..fddc2aaa9 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -749,5 +749,6 @@
     "Badge value (For Testing only.)": "Badge value (For Testing only.)",
     "Badge URL": "Badge URL",
     "Group": "Group",
-    "Monitor Group": "Monitor Group"
+    "Monitor Group": "Monitor Group",
+    "noGroupMonitorMsg": "Not Available. Create a Group Monitor First."
 }
diff --git a/src/pages/EditMonitor.vue b/src/pages/EditMonitor.vue
index 462374d03..cbaea0b70 100644
--- a/src/pages/EditMonitor.vue
+++ b/src/pages/EditMonitor.vue
@@ -96,7 +96,8 @@
                             <div class="my-3">
                                 <label for="parent" class="form-label">{{ $t("Monitor Group") }}</label>
                                 <select v-model="monitor.parent" class="form-select" :disabled="sortedMonitorList.length === 0">
-                                    <option :value="null" selected>{{ $t("None") }}</option>
+                                    <option v-if="sortedMonitorList.length === 0" :value="null" selected>{{ $t("noGroupMonitorMsg") }}</option>
+                                    <option v-else :value="null" selected>{{ $t("None") }}</option>
                                     <option v-for="parentMonitor in sortedMonitorList" :key="parentMonitor.id" :value="parentMonitor.id">{{ parentMonitor.pathName }}</option>
                                 </select>
                             </div>