From b885ea5e3fa50a1e8250126efaa2fe2bf0447eb0 Mon Sep 17 00:00:00 2001
From: Starbeamrainbowlabs <sbrl@starbeamrainbowlabs.com>
Date: Fri, 11 Mar 2022 01:29:47 +0000
Subject: [PATCH] client: add navigation item for dashboard

---
 src/static/index.html                 | 5 ++++-
 src/static/js/ui/GlobalUI.mjs         | 4 +++-
 src/static/js/ui/forkawesome_emel.mjs | 6 +++---
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/static/index.html b/src/static/index.html
index d733f5c..91feb65 100644
--- a/src/static/index.html
+++ b/src/static/index.html
@@ -12,7 +12,10 @@
 		
 		<nav>
 			<ul class="nav-items">
-				
+				<li class="static dynamic-afterme"><a href="#">
+					<span class="fa fa-compass fa-fw" aria-hidden="true"></span>
+					<span>Dashboard</span>
+				</a></li>
 				<!-- Any items specified here *must* have the "static" class, otherwise they'll be mistaken for  a rogue dynamic item and stripped -->
 				<li class="static"><a href="#settings">
 					<span class="fa fa-cog fa-fw" aria-hidden="true"></span>
diff --git a/src/static/js/ui/GlobalUI.mjs b/src/static/js/ui/GlobalUI.mjs
index 3200552..0e7bdc0 100644
--- a/src/static/js/ui/GlobalUI.mjs
+++ b/src/static/js/ui/GlobalUI.mjs
@@ -23,6 +23,7 @@ class GlobalUI {
 		
 		// 2: Update navigation bar
 		const el_navitems = document.querySelector(".nav-items"); // <ul>
+		const el_afterme = el_navitems.querySelector(".dynamic-afterme");
 		
 		// Strip all non-static navigation items
 		for(let item of el_navitems.children) {
@@ -48,7 +49,8 @@ class GlobalUI {
 			}));
 		}
 		
-		el_navitems.prepend(result);
+		
+		el_afterme.after(result);
 	}
 }
 
diff --git a/src/static/js/ui/forkawesome_emel.mjs b/src/static/js/ui/forkawesome_emel.mjs
index afa7fde..4a89522 100644
--- a/src/static/js/ui/forkawesome_emel.mjs
+++ b/src/static/js/ui/forkawesome_emel.mjs
@@ -1,10 +1,10 @@
 "use strict";
 
-export default function(def, fixed_width=true) {
+export default function(def, fixed_width=true, aria_hidden=true) {
 	if(typeof def === "string")
-		return `span[class="fa fa-${def}${fixed_width?` fa-fw`:``}"]`;
+		return `span[class="fa fa-${def}${fixed_width?` fa-fw`:``}"${aria_hidden?` aria-hidden="true"`:""}]`;
 	if(def instanceof Array)
-		return `(span[class="fa-stack${fixed_width?` fa-fw`:``}"]>${def.map((el, i) => `span[class="fa fa-${el} fa-stack-${def.length-i}x${fixed_width?` fa-fw`:``}"]`).join(`+`)})`;
+		return `(span[class="fa-stack${fixed_width?` fa-fw`:``}"${aria_hidden?` aria-hidden="true"`:""}]>${def.map((el, i) => `span[class="fa fa-${el} fa-stack-${def.length-i}x${fixed_width?` fa-fw`:``}"]`).join(`+`)})`;
 	
 	throw new Error(`Error: Expected def of type string or Array, but got variable of type ${typeof def}`);
 }