From 2d2ae12e3517c0d83f1bd3fe2c63a03f33ebe23b Mon Sep 17 00:00:00 2001 From: Jamil Bou Kheir Date: Wed, 15 Dec 2021 20:18:29 -0800 Subject: [PATCH] Add connectivity status indicator --- apps/fz_http/assets/js/app.js | 15 +++++++++++++++ .../fz_http_web/templates/layout/root.html.heex | 9 +++++++-- 2 files changed, 22 insertions(+), 2 deletions(-) diff --git a/apps/fz_http/assets/js/app.js b/apps/fz_http/assets/js/app.js index 5b90caeb8..5f1d16d52 100644 --- a/apps/fz_http/assets/js/app.js +++ b/apps/fz_http/assets/js/app.js @@ -58,6 +58,21 @@ const liveSocket = new LiveSocket( } ) +const toggleConnectStatus = function (info) { + let success = document.getElementById("web-ui-connect-success") + let error = document.getElementById("web-ui-connect-error") + if (userSocket.isConnected()) { + success.classList.remove("is-hidden") + error.classList.add("is-hidden") + } else { + success.classList.add("is-hidden") + error.classList.remove("is-hidden") + } +} + +userSocket.onError(toggleConnectStatus) +userSocket.onOpen(toggleConnectStatus) + /* XXX: Refactor this into a LiveView. */ const sessionConnect = function (pres) { let tbody = document.getElementById("sessions-table-body") diff --git a/apps/fz_http/lib/fz_http_web/templates/layout/root.html.heex b/apps/fz_http/lib/fz_http_web/templates/layout/root.html.heex index 5eedd0cd8..a57f9b6ed 100644 --- a/apps/fz_http/lib/fz_http_web/templates/layout/root.html.heex +++ b/apps/fz_http/lib/fz_http_web/templates/layout/root.html.heex @@ -58,9 +58,14 @@ <% end %> - + - Documentation + + + + +