Update menu

Copilots additions
mmeents · Nov 10, 2024 · 6e53efa · 6e53efa
1 parent 62f96bb
commit 6e53efa
Showing 1 changed file with 51 additions and 30 deletions.
diff --git a/MainMenu.js b/MainMenu.js
@@ -1,31 +1,52 @@
-function PrintMainMenu(sPageName, sTitle) {
-   // <nav> </nav>
-  let sOut = '<div class="container-fluid">' +
-    '<div class="navbar-header">' +
-    '<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>' +
-      '<ul id="navbar" class="nav navbar-nav"><li><a href="' + (sPageName == 'default.html' ? 'https://github.com/mmeents' : 'default.html') + '">' +
-      sTitle + '</a></li></ul>' +
-    '</div>' +
-    '<div id="navbar1" class="navbar-collapse collapse">' +
-      '<ul class="nav navbar-nav navbar-right">' +
-        '<li><a href="mailto:[email protected]?subject=From+Website">[email protected]</a></li>' +
-        '<li class="dropdown">' +
-          '<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Links <span class="caret"></span></a>' +
-          '<ul class="dropdown-menu" role="menu">' +
-            '<li><a href="gravity/gravity.html">Digital Solar System</a></li>' +
-            '<li><a href="gravity/Space.html">Drive a Ship</a></li>' +
-            '<li class="divider"></li>' +
-            '<li><a href="CryptoWatch.html">Big List of Crypto</a></li>' +
-            '<li><a href="BigCryptoChart.html">Big Charts</a></li>' +
-            '<li><a href="BTCWatch.html">Dual Long Charts</a></li>' +
-            '<li><a href="LTCWatch.html">Dual Side Charts</a></li>' +            
-            '' +            
-          '</ul>' +
-        '</li>' +
-      '</ul>' +
-    '</div>' +
-  '</div>'; 
-  return sOut;
+function createNavbarHeader(sPageName, sTitle) {
+  return `
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <ul id="navbar" class="nav navbar-nav">
+        <li><a href="${sPageName === 'default.html' ? 'https://github.com/mmeents' : 'default.html'}">${sTitle}</a></li>
+      </ul>
+    </div>
+  `;
+}
 
-  // <a href=mailto:<nowiki>[email protected]?subject="HTML link">Click here to send us an email!!!</a>
-};
+function createNavbarLinks() {
+  return `
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="mailto:[email protected]?subject=From+Website">[email protected]</a></li>
+      <li class="dropdown">
+        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Links <span class="caret"></span></a>
+        <ul class="dropdown-menu" role="menu">
+          <li><a href="gravity/gravity.html">Digital Solar System</a></li>
+          <li><a href="gravity/Space.html">Drive a Ship</a></li>
+          <li class="divider"></li>
+          <li><a href="CryptoWatch.html">Big List of Crypto</a></li>
+          <li><a href="BigCryptoChart.html">Big Charts</a></li>
+          <li><a href="BTCWatch.html">Dual Long Charts</a></li>
+          <li><a href="LTCWatch.html">Dual Side Charts</a></li>
+        </ul>
+      </li>
+    </ul>
+  `;
+}
+
+function createNavbarCollapse() {
+  return `
+    <div id="navbar1" class="navbar-collapse collapse">
+      ${createNavbarLinks()}
+    </div>
+  `;
+}
+
+function PrintMainMenu(sPageName, sTitle) {
+  return `
+    <div class="container-fluid">
+      ${createNavbarHeader(sPageName, sTitle)}
+      ${createNavbarCollapse()}
+    </div>
+  `;
+}