signalling connection

d-led · Jun 5, 2024 · 31cf1bc · 31cf1bc
1 parent 98a2e6a
commit 31cf1bc
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/ui-src/index.html b/ui-src/index.html
@@ -39,6 +39,9 @@ <h4>Server-side updates & info</h4>
         <div class="alert alert-warning" role="alert" id="offline-alert" style="display: none;">
           Offline, hold on ...
         </div>
+        <div class="alert alert-success fade" id="connected-alert" style="display: none;">
+          Connected
+        </div>
 
         <div class="table-responsive-sm d-flex flex-row mt-2 mb-2">
         <table class="table table-fit">

diff --git a/ui-src/index.ts b/ui-src/index.ts
@@ -43,6 +43,7 @@ async function subscribe(
     await subscribe(streamUrl, processingFunc);
   } else {
     hideDisconnectedAlert();
+    flashConnectedAlert();
     // Get and show the message
     const reader = response?.body?.getReader();
     if (!reader) {
@@ -247,3 +248,10 @@ function hideDisconnectedAlert() {
 function showDisconnectedAlert() {
   $("#offline-alert").show();
 }
+
+function flashConnectedAlert() {
+  $("#connected-alert").show();
+  $("#connected-alert").fadeTo(500, 50, function () {
+    $("#connected-alert").slideUp(500);
+  });
+}