From ffca3fd5963631c1aad79e9ca12fc7f12fd8ddfd Mon Sep 17 00:00:00 2001
From: iFargle <albert@sysctl.io>
Date: Wed, 29 Mar 2023 17:58:52 +0900
Subject: [PATCH] test

---
 renderer.py         |  4 ++--
 static/js/custom.js | 57 ++++++++++++++++++++++++++++++++++++---------
 2 files changed, 48 insertions(+), 13 deletions(-)

diff --git a/renderer.py b/renderer.py
index b551c6c..cc71aa0 100644
--- a/renderer.py
+++ b/renderer.py
@@ -847,8 +847,8 @@ def render_routes():
                 app.logger.debug(str(all_routes["routes"][idx]))
 
                 # Set up the display code:
-                enabled_display_enabled  = "<i id='"+str(route_id)+"' onclick='toggle_failover_route("+str(route_id)+", \"True\", \"routes\" , \""+str(route_prefix)+"\", "+str(payload)+")'  class='material-icons green-text text-lighten-2 tooltipped' data-tooltip='Click to disable'>fiber_manual_record</i>"
-                enabled_display_disabled = "<i id='"+str(route_id)+"' onclick='toggle_failover_route("+str(route_id)+", \"False\", \"routes\", \""+str(route_prefix)+"\", "+str(payload)+")' class='material-icons red-text text-lighten-2 tooltipped' data-tooltip='Click to enable'>fiber_manual_record</i>"
+                enabled_display_enabled  = "<i id='"+str(route_id)+"' onclick='toggle_failover_route("+str(route_id)+", \"True\", \""+str(route_prefix)+"\", "+str(payload)+")'  class='material-icons green-text text-lighten-2 tooltipped' data-tooltip='Click to disable'>fiber_manual_record</i>"
+                enabled_display_disabled = "<i id='"+str(route_id)+"' onclick='toggle_failover_route("+str(route_id)+", \"False\", \""+str(route_prefix)+"\", "+str(payload)+")' class='material-icons red-text text-lighten-2 tooltipped' data-tooltip='Click to enable'>fiber_manual_record</i>"
                 primary_display_enabled  = "<i id='"+str(route_id)+"-primary' class='material-icons green-text text-lighten-2'>fiber_manual_record</i>"
                 primary_display_disabled = "<i id='"+str(route_id)+"-primary' class='material-icons red-text text-lighten-2'>fiber_manual_record</i>"
                 
diff --git a/static/js/custom.js b/static/js/custom.js
index 9494ac0..69e9bbf 100644
--- a/static/js/custom.js
+++ b/static/js/custom.js
@@ -865,18 +865,53 @@ function get_routes() {
     })
 }
 
-function toggle_failover_route(route_id, current_state, page, prefix, route_id_list) {
+function toggle_failover_route(route_id, current_state, prefix, route_id_list) {
     // First, toggle the route:
-    toggle_route(route_id, current_state, page)
-    console.log("Getting info for prefix "+prefix)
-    var routes = get_Routes()
-    // Second, set the primary and enabled displays for the prefix:
-    for (let i=0; i < route_id_list.length; i++) {
-        var route_id = route_id_list[i]
-        console.log("route_id_list["+i+"]: "+route_id_list[i])
-        // If one of the two routes is enabled, keep the prefix's route green.
-        // Step 1:  Get info for these routes:
-    }}
+    // toggle_route(route_id, current_state, page)
+
+    var data    = {"route_id": route_id, "current_state": current_state}
+    var element = document.getElementById(route_id);
+
+    var disabledClass = "material-icons red-text text-lighten-2 tooltipped";
+    var enabledClass  = "material-icons green-text text-lighten-2 tooltipped";
+
+    var disabledTooltip = "Click to enable"
+    var enabledTooltip  = "Click to disable"
+    var disableState    = "False"
+    var enableState     = "True"
+    var action_taken    = "unchanged.  See logs.";
+    $.ajax({
+        type:"POST", 
+        url: "api/update_route",
+        data: JSON.stringify(data),
+        contentType: "application/json",
+        success: function(response) {
+            if (element.className == disabledClass) {
+                element.className = enabledClass
+                action_taken      = "enabled."
+                element.setAttribute('data-tooltip', enabledTooltip)
+                element.setAttribute('onclick', 'toggle_failover_route('+route_id+', "'+enableState+'", "'+prefix+'", "'+route_id_list+'")')
+            } else if (element.className == enabledClass) {
+                element.className = disabledClass
+                action_taken      = "disabled."
+                element.setAttribute('data-tooltip', disabledTooltip)
+                element.setAttribute('onclick', 'toggle_failover_route('+route_id+', "'+disableState+'", "'+prefix+'", "'+route_id_list+'")')
+            }
+            M.toast({html: 'Route '+action_taken});
+
+            // Next, get the information for the primary route and the failover route status:
+            console.log("Getting info for prefix "+prefix)
+            var routes = get_routes()
+            // Second, set the primary and enabled displays for the prefix:
+            for (let i=0; i < route_id_list.length; i++) {
+                var route_id = route_id_list[i]
+                console.log("route_id_list["+i+"]: "+route_id_list[i])
+                // If one of the two routes is enabled, keep the prefix's route green.
+                // Step 1:  Get info for these routes:
+            }
+        }
+    })
+}
 
 function toggle_failover_route(route_id, current_state, color) {
     var data = {"route_id": route_id, "current_state": current_state}