From f6b72f08876806774a0f068408540b4ef08a70ef Mon Sep 17 00:00:00 2001
From: johncrowth <128762290+johncrowth@users.noreply.github.com>
Date: Fri, 24 Mar 2023 12:11:53 +1100
Subject: [PATCH 1/2] Creating dropdown for scenarios where many clusters need
 to be listed

---
 public/connect.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/public/connect.html b/public/connect.html
index 62294264..5dc52100 100644
--- a/public/connect.html
+++ b/public/connect.html
@@ -29,9 +29,11 @@ <h4>Cerebro
         </tr>
         </thead>
         <tbody>
-        <tr ng-repeat="host in hosts | orderBy track by $index">
-          <td class="normal-action" ng-click="connect(host)">
-            <span>{{host}}</span>
+        <tr>
+          <td>
+            <select class="form-control form-control-sm" ng-model="host" ng-change="connect(host)">
+              <option ng-repeat="host in hosts">{{host}}</option>
+            </select>
           </td>
         </tr>
         </tbody>

From f02b87f48b8358cc266dbc400f39ae3709ca2264 Mon Sep 17 00:00:00 2001
From: johncrowth <128762290+johncrowth@users.noreply.github.com>
Date: Fri, 24 Mar 2023 12:27:10 +1100
Subject: [PATCH 2/2] retain ordering

---
 public/connect.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/connect.html b/public/connect.html
index 5dc52100..e1363707 100644
--- a/public/connect.html
+++ b/public/connect.html
@@ -32,7 +32,7 @@ <h4>Cerebro
         <tr>
           <td>
             <select class="form-control form-control-sm" ng-model="host" ng-change="connect(host)">
-              <option ng-repeat="host in hosts">{{host}}</option>
+              <option ng-repeat="host in hosts | orderBy track by $index">{{host}}</option>
             </select>
           </td>
         </tr>