From f3cbb4edbcbae8d76119c4bcc788d9b8ec231aa7 Mon Sep 17 00:00:00 2001
From: Aayush Gupta <aayu.gupta.96@gmail.com>
Date: Thu, 30 Nov 2023 12:54:29 +0530
Subject: [PATCH] changes around UI templates

---
 package.json              |  1 +
 src/lang/en.json          |  2 +-
 src/pages/EditMonitor.vue | 36 +++++++++++++++++++++++-------------
 3 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index ceb5804d7..1d2f339f7 100644
--- a/package.json
+++ b/package.json
@@ -54,6 +54,7 @@
         "simple-mongo": "docker run --rm -p 27017:27017 mongo",
         "simple-postgres": "docker run --rm -p 5432:5432 -e POSTGRES_PASSWORD=postgres postgres",
         "simple-mariadb": "docker run --rm -p 3306:3306 -e MYSQL_ROOT_PASSWORD=mariadb# mariadb",
+        "simple-zookeeper": "docker run --rm -p  2181:2181 zookeeper",
         "update-language-files": "cd extra/update-language-files && node index.js && cross-env-shell eslint ../../src/languages/$npm_config_language.js --fix",
         "release-final": "node ./extra/test-docker.js && node extra/update-version.js && npm run build-docker && node ./extra/press-any-key.js && npm run upload-artifacts && node ./extra/update-wiki-version.js",
         "release-beta": "node ./extra/test-docker.js && node extra/beta/update-version.js && npm run build && node ./extra/env2arg.js docker buildx build -f docker/dockerfile --platform linux/amd64,linux/arm64,linux/arm/v7 -t louislam/uptime-kuma:$VERSION -t louislam/uptime-kuma:beta .  --target release --push && node ./extra/press-any-key.js && npm run upload-artifacts",
diff --git a/src/lang/en.json b/src/lang/en.json
index 0e1ee9086..2e4671cb6 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -862,5 +862,5 @@
     "GrafanaOncallUrl": "Grafana Oncall URL",
     "Browser Screenshot": "Browser Screenshot",
     "Zookeeper Host": "Zookeeper Host",
-    "Zookeeper Timeout": "Zookeeper Timeout"
+    "Zookeeper Timeout": "Zookeeper Connect Timeout (ms)"
 }
diff --git a/src/pages/EditMonitor.vue b/src/pages/EditMonitor.vue
index a7cf3e40b..5486e3de0 100644
--- a/src/pages/EditMonitor.vue
+++ b/src/pages/EditMonitor.vue
@@ -388,6 +388,19 @@
                                 </div>
                             </template>
 
+                            <!-- Zookeeper -->
+                            <template v-if="monitor.type === 'zookeeper'">
+                                <div class="my-3">
+                                    <label for="zookeeperHost" class="form-label">{{ $t("Zookeeper Host") }}</label>
+                                    <input id="zookeeperHost" v-model="monitor.zookeeperHost" type="text" class="form-control" required>
+                                </div>
+
+                                <div class="my-3">
+                                    <label for="zookeeperTimeout" class="form-label">{{ $t("Zookeeper Timeout") }}</label>
+                                    <input id="zookeeperTimeout" v-model="monitor.zookeeperTimeout" type="number" class="form-control" required min="1000" max="60000" step="1000">
+                                </div>
+                            </template>
+
                             <!-- Interval -->
                             <div class="my-3">
                                 <label for="interval" class="form-label">{{ $t("Heartbeat Interval") }} ({{ $t("checkEverySecond", [ monitor.interval ]) }})</label>
@@ -502,19 +515,6 @@
                                 </div>
                             </template>
 
-                            <!-- Zookeeper -->
-                            <template v-if="monitor.type === 'zookeeper'">
-                                <div class="my-3">
-                                    <label for="zookeeperHost" class="form-label">{{ $t("Zookeeper Host") }}</label>
-                                    <input id="zookeeperHost" v-model="monitor.zookeeperHost" type="text" class="form-control" required>
-                                </div>
-
-                                <div class="my-3">
-                                    <label for="zookeeperTimeout" class="form-label">{{ $t("Connection Timeout") }}</label>
-                                    <input id="zookeeperTimeout" v-model="monitor.zookeeperTimeout" type="number" class="form-control" required min="1000" max="60000" step="1000">
-                                </div>
-                            </template>
-
                             <!-- Parent Monitor -->
                             <div class="my-3">
                                 <label for="parent" class="form-label">{{ $t("Monitor Group") }}</label>
@@ -1233,6 +1233,16 @@ message HealthCheckResponse {
                 }
             }
 
+            // Set the host and timeout template for zookeeper
+            if (this.monitor.type === "zookeeper") {
+                if (! this.monitor.zookeeperHost) {
+                    this.monitor.zookeeperHost = "host:port";
+                }
+                if (! this.monitor.zookeeperTimeout) {
+                    this.monitor.zookeeperTimeout = 5000;
+                }
+            }
+
         },
 
         currentGameObject(newGameObject, previousGameObject) {