From 1c020233e4abcb98f54964dcef4cc21835a9897e Mon Sep 17 00:00:00 2001
From: Suven-p <pandeysuven@gmail.com>
Date: Wed, 16 Oct 2024 07:06:22 +0545
Subject: [PATCH] Add description and validation for nodes input field

---
 src/lang/en.json          |  5 ++++-
 src/pages/EditMonitor.vue | 14 ++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/lang/en.json b/src/lang/en.json
index 35e0bdd2d..8562247a9 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -1052,5 +1052,8 @@
     "Can be found on:": "Can be found on: {0}",
     "The phone number of the recipient in E.164 format.": "The phone number of the recipient in E.164 format.",
     "Either a text sender ID or a phone number in E.164 format if you want to be able to receive replies.":"Either a text sender ID or a phone number in E.164 format if you want to be able to receive replies.",
-    "RabbitMQ Nodes": "RabbitMQ Nodes"
+    "RabbitMQ Nodes": "RabbitMQ Nodes",
+    "rabbitmqNodesDescription": "Enter the URL for the RabbitMQ management nodes including protocol and port.",
+    "rabbitmqNodesRequired": "At least one RabbitMQ node is required.",
+    "rabbitmqNodesInvalid": "Please enter URL for RabbitMQ nodes."
 }
diff --git a/src/pages/EditMonitor.vue b/src/pages/EditMonitor.vue
index c8a05a82b..378e6596e 100644
--- a/src/pages/EditMonitor.vue
+++ b/src/pages/EditMonitor.vue
@@ -257,6 +257,9 @@
                                         :preselect-first="false"
                                         @tag="addRabbitmqNode"
                                     ></VueMultiselect>
+                                    <div class="form-text">
+                                        {{ $t("rabbitmqNodesDescription") }}
+                                    </div>
                                 </div>
 
                                 <div class="my-3">
@@ -1780,6 +1783,17 @@ message HealthCheckResponse {
                     return false;
                 }
             }
+
+            if (this.monitor.type === "rabbitmq") {
+                if (this.monitor.rabbitmqNodes.length === 0) {
+                    toast.error(this.$t("rabbitmqNodesRequired"));
+                    return false;
+                }
+                if (!this.monitor.rabbitmqNodes.every(node => node.startsWith("http://" || node.startsWith("https://")))) {
+                    toast.error(this.$t("rabbitmqNodesInvalid"));
+                    return false;
+                }
+            }
             return true;
         },