Add MotD.

immense · Jan 21, 2021 · e4da4c2 · e4da4c2
1 parent 7e61c23
commit e4da4c2
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 1 deletion.
diff --git a/Server/Pages/Index.cshtml b/Server/Pages/Index.cshtml
@@ -10,6 +10,10 @@
 }
 else
 {
+    <div id="motdAlert" class="alert alert-info alert-dismissible mr-5" role="alert" hidden>
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
+    </div>
+
     <partial name="_LoadingWheel" model="Model" />
     <partial name="_IndexLoggedIn" model="Model" />
 }
diff --git a/Server/wwwroot/src/Main/App.ts b/Server/wwwroot/src/Main/App.ts
@@ -26,7 +26,26 @@ export const MainApp = {
     HubConnection: BrowserHubConnection,
     UserSettings: UserSettings,
     Sound: Sound,
+    GetMotd() {
+        fetch("https://remotely.one/api/motd")
+            .then(async response => {
+                var content = await response.text();
+                if (localStorage["remotely-motd"] == content) {
+                    return;
+                }
+
+                UI.MotdAlert.innerHTML += content;
+                UI.MotdAlert.removeAttribute("hidden");
+                UI.MotdAlert.querySelector("button").addEventListener("click", () => {
+                    localStorage["remotely-motd"] = content;
+                });
+            })
+            .catch(reason => {
+                console.warn(`Unable to retrieve message of the day.  Error: ${reason}`);
+            })
+    },
     Init() {
+        MainApp.GetMotd();
         UI.ConsoleTextArea.focus();
         ApplyInputEventHandlers();
         BrowserHubConnection.Connect();

diff --git a/Server/wwwroot/src/Main/UI.ts b/Server/wwwroot/src/Main/UI.ts
@@ -25,4 +25,5 @@ export var RightPaginationButton = document.querySelector("#rightPaginationButto
 export var TabContentWrapper = document.getElementById("tabContentWrapper") as HTMLDivElement;
 export var ToastsWrapper = document.getElementById("toastsWrapper") as HTMLDivElement;
 export var TotalDevicesCount = document.querySelector("#totalDevicesSpan") as HTMLSpanElement;
-export var TotalPagesSpan = document.querySelector("#totalPagesSpan") as HTMLSpanElement;
+export var TotalPagesSpan = document.querySelector("#totalPagesSpan") as HTMLSpanElement;
+export var MotdAlert = document.getElementById("motdAlert") as HTMLDivElement;