From 3d26e5837a46a11b17b5b0085a8288dcf687f1e9 Mon Sep 17 00:00:00 2001
From: Emerson Felipe <emersonfelipe.2003@gmail.com>
Date: Wed, 16 Oct 2024 12:34:04 +0000
Subject: [PATCH] Add WebSocket verification and inform on GUI in case of
 failure.

---
 .../templates/netbox_proxbox/home.html          | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/netbox_proxbox/templates/netbox_proxbox/home.html b/netbox_proxbox/templates/netbox_proxbox/home.html
index 2830283..0887164 100755
--- a/netbox_proxbox/templates/netbox_proxbox/home.html
+++ b/netbox_proxbox/templates/netbox_proxbox/home.html
@@ -28,6 +28,20 @@
 
             };
 
+            ws.onerror = function(error) {
+                console.log("WebSocket error observed: ", error);
+
+                fullUpdateButton = document.getElementById('full-update-button')
+                fullUpdateButton.className = "btn btn-red"
+
+                fullUpdateMessage = document.getElementById('full-update-error-message')
+                fullUpdateMessage.className = "text-red"
+                fullUpdateMessage.innerHTML = `
+                    <p>
+                        <strong>WebSocket</strong> communication failed with <strong><a class="text-red" href="${error.currentTarget.url}" target="_blank">${error.currentTarget.url}</a></strong>
+                        <br>The most probably cause is <strong>Proxbox Backend not running</strong> properly.
+                    </p>`
+            }
 
             function sendMessage(event) {
                 // Send Websocket Message
@@ -151,11 +165,12 @@
 
         <div class="row mb-3">
 
+            <div align=center id="full-update-error-message"></div>
             {# Full Update Button#}
             <div style="margin-bottom: 15px;" class="d-flex justify-content-center noprint">
                 <form action="" onsubmit="sendMessage(event)">
                     {% if perms.netbox_proxbox.add_proxmoxvm %}
-                    <button class="btn btn-primary">Proxmox Full Update (probably not working on v4.0)</button>
+                    <button id="full-update-button" class="btn btn-primary">Proxmox Full Update (probably not working on v4.0)</button>
 
                     
                     {% endif %}