From 893a1ac5dbb86618ca058c15b0558837677b4881 Mon Sep 17 00:00:00 2001
From: kevin <nanhantianyi@126.com>
Date: Sun, 7 Jan 2024 17:20:23 +0800
Subject: [PATCH 1/2] fix js error

---
 templates/base.html    | 35 ++++++++++++++++++++++++++++++++---
 templates/clients.html | 30 ------------------------------
 2 files changed, 32 insertions(+), 33 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index ab086e13..ef16c934 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -58,13 +58,13 @@
                 </div>
                 <div class="form-group form-group-sm">
                     <select name="status-selector" id="status-selector" class="custom-select form-control-navbar" style="margin-left: 0.5em; height: 90%; font-size: 14px;">
-                        <!-- THIS SECTION IS OVERRIDDEN BY JS. SEE updateSearchList() function in clients.html BEFORE EDITING -->
+                        <!-- THIS SECTION IS OVERRIDDEN BY JS. SEE updateSearchList() function BEFORE EDITING -->
                         <option value="All">All</option>
                         <option value="Enabled">Enabled</option>
                         <option value="Disabled">Disabled</option>
                         <option value="Connected">Connected</option>
                         <option value="Disconnected">Disconnected</option>
-                        <!-- THIS SECTION IS OVERRIDDEN BY JS. SEE updateSearchList() function in clients.html BEFORE EDITING -->
+                        <!-- THIS SECTION IS OVERRIDDEN BY JS. SEE updateSearchList() function BEFORE EDITING -->
                     </select>
                 </div>
             </form>
@@ -396,7 +396,7 @@ <h1>{{template "page_title" .}}</h1>
             toastr.options.positionClass = 'toast-top-right-fix';
 
             updateApplyConfigVisibility()
-            // from clients.html
+
             updateSearchList()
 
         });
@@ -436,6 +436,35 @@ <h1>{{template "page_title" .}}</h1>
                 });
         }
 
+        function updateSearchList() {
+            $.getJSON("{{.basePath}}/api/subnet-ranges", null, function(data) {
+                $("#status-selector option").remove();
+                $("#status-selector").append(
+                    $("<option></option>")
+                        .text("All")
+                        .val("All"),
+                    $("<option></option>")
+                        .text("Enabled")
+                        .val("Enabled"),
+                    $("<option></option>")
+                        .text("Disabled")
+                        .val("Disabled"),
+                    $("<option></option>")
+                        .text("Connected")
+                        .val("Connected"),
+                    $("<option></option>")
+                        .text("Disconnected")
+                        .val("Disconnected")
+                );
+                $.each(data, function(index, item) {
+                    $("#status-selector").append(
+                        $("<option></option>")
+                            .text(item)
+                            .val(item)
+                    );
+                });
+            });
+        }
         
         // populateClient function for render new client info
         // on the client page.
diff --git a/templates/clients.html b/templates/clients.html
index cf11e0a5..54587a79 100644
--- a/templates/clients.html
+++ b/templates/clients.html
@@ -362,36 +362,6 @@ <h4 class="modal-title">Remove</h4>
                 });
             });
         }
-
-        function updateSearchList() {
-            $.getJSON("{{.basePath}}/api/subnet-ranges", null, function(data) {
-                $("#status-selector option").remove();
-                $("#status-selector").append(
-                    $("<option></option>")
-                        .text("All")
-                        .val("All"),
-                    $("<option></option>")
-                        .text("Enabled")
-                        .val("Enabled"),
-                    $("<option></option>")
-                        .text("Disabled")
-                        .val("Disabled"),
-                    $("<option></option>")
-                        .text("Connected")
-                        .val("Connected"),
-                    $("<option></option>")
-                        .text("Disconnected")
-                        .val("Disconnected")
-                );
-                $.each(data, function(index, item) {
-                    $("#status-selector").append(
-                        $("<option></option>")
-                            .text(item)
-                            .val(item)
-                    );
-                });
-            });
-}
     </script>
     <script>
         // load client list

From 15f84de05b88e1f8ce90704419e411aed1a22053 Mon Sep 17 00:00:00 2001
From: kevin <nanhantianyi@126.com>
Date: Mon, 8 Jan 2024 22:36:22 +0800
Subject: [PATCH 2/2] fix js error

---
 templates/base.html    | 36 ++----------------------------------
 templates/clients.html | 31 +++++++++++++++++++++++++++++++
 2 files changed, 33 insertions(+), 34 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index ef16c934..0c2b9eeb 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -58,13 +58,13 @@
                 </div>
                 <div class="form-group form-group-sm">
                     <select name="status-selector" id="status-selector" class="custom-select form-control-navbar" style="margin-left: 0.5em; height: 90%; font-size: 14px;">
-                        <!-- THIS SECTION IS OVERRIDDEN BY JS. SEE updateSearchList() function BEFORE EDITING -->
+                        <!-- THIS SECTION IS OVERRIDDEN BY JS. SEE updateSearchList() function in clients.html BEFORE EDITING -->
                         <option value="All">All</option>
                         <option value="Enabled">Enabled</option>
                         <option value="Disabled">Disabled</option>
                         <option value="Connected">Connected</option>
                         <option value="Disconnected">Disconnected</option>
-                        <!-- THIS SECTION IS OVERRIDDEN BY JS. SEE updateSearchList() function BEFORE EDITING -->
+                        <!-- THIS SECTION IS OVERRIDDEN BY JS. SEE updateSearchList() function in clients.html BEFORE EDITING -->
                     </select>
                 </div>
             </form>
@@ -397,8 +397,6 @@ <h1>{{template "page_title" .}}</h1>
 
             updateApplyConfigVisibility()
 
-            updateSearchList()
-
         });
 
         function addGlobalStyle(css, id) {
@@ -435,36 +433,6 @@ <h1>{{template "page_title" .}}</h1>
                     }
                 });
         }
-
-        function updateSearchList() {
-            $.getJSON("{{.basePath}}/api/subnet-ranges", null, function(data) {
-                $("#status-selector option").remove();
-                $("#status-selector").append(
-                    $("<option></option>")
-                        .text("All")
-                        .val("All"),
-                    $("<option></option>")
-                        .text("Enabled")
-                        .val("Enabled"),
-                    $("<option></option>")
-                        .text("Disabled")
-                        .val("Disabled"),
-                    $("<option></option>")
-                        .text("Connected")
-                        .val("Connected"),
-                    $("<option></option>")
-                        .text("Disconnected")
-                        .val("Disconnected")
-                );
-                $.each(data, function(index, item) {
-                    $("#status-selector").append(
-                        $("<option></option>")
-                            .text(item)
-                            .val(item)
-                    );
-                });
-            });
-        }
         
         // populateClient function for render new client info
         // on the client page.
diff --git a/templates/clients.html b/templates/clients.html
index 54587a79..8c24d4ec 100644
--- a/templates/clients.html
+++ b/templates/clients.html
@@ -362,10 +362,41 @@ <h4 class="modal-title">Remove</h4>
                 });
             });
         }
+
+        function updateSearchList() {
+            $.getJSON("{{.basePath}}/api/subnet-ranges", null, function(data) {
+                $("#status-selector option").remove();
+                $("#status-selector").append(
+                    $("<option></option>")
+                        .text("All")
+                        .val("All"),
+                    $("<option></option>")
+                        .text("Enabled")
+                        .val("Enabled"),
+                    $("<option></option>")
+                        .text("Disabled")
+                        .val("Disabled"),
+                    $("<option></option>")
+                        .text("Connected")
+                        .val("Connected"),
+                    $("<option></option>")
+                        .text("Disconnected")
+                        .val("Disconnected")
+                );
+                $.each(data, function(index, item) {
+                    $("#status-selector").append(
+                        $("<option></option>")
+                            .text(item)
+                            .val(item)
+                    );
+                });
+            });
+        }
     </script>
     <script>
         // load client list
         $(document).ready(function () {
+            updateSearchList();
             populateClientList();
         })