Feat(SQL, UI): Redesign database with much more detailed command response quality analysis and created successfully loading Dog Command Links page

static/js/pages/base.js

@@ -44,6 +44,7 @@ export default class BasePage {
     hookupCommonElements() {
         // hookupVideos();
         this.hookupLogos();
+        this.hookupNavigation();
         this.hookupOverlays();
     }
     
@@ -55,6 +56,78 @@ export default class BasePage {
             });
         });
     }
+    
+    hookupNavigation() {
+        this.hookupEventHandler("click", idButtonHamburger, (event, element) => {
+            let overlayHamburger = document.querySelector(idOverlayHamburger);
+            if (overlayHamburger.classList.contains(flagCollapsed)) {
+                overlayHamburger.classList.remove(flagCollapsed);
+                overlayHamburger.classList.add(flagExpanded);
+            } else {
+                overlayHamburger.classList.remove(flagExpanded);
+                overlayHamburger.classList.add(flagCollapsed);
+            }
+        });
+
+        this.hookupButtonsNavHome();
+        this.hookupButtonsNavUserAccount();
+        this.hookupButtonsNavUserLogout();
+        this.hookupButtonsNavUserLogin();
+
+        // this.hookupButtonsNavStoreHome();
+        // this.hookupButtonsNavStoreManufacturingPurchaseOrders();
+        this.hookupButtonsNavAdminHome();
+    }
+    hookupEventHandler(eventType, selector, callback) {
+        Events.initialiseEventHandler(selector, flagInitialised, (element) => {
+            element.addEventListener(eventType, (event) => {
+                event.stopPropagation();
+                callback(event, element);
+            });
+        });
+    }
+    hookupButtonsNavHome() {
+        this.hookupButtonsNav('.' + flagNavHome, hashPageHome);
+    }
+    hookupButtonsNav(buttonSelector, hashPageNav) {
+        this.hookupEventHandler("click", buttonSelector, (event, button) => { 
+            this.router.navigateToHash(hashPageNav); 
+        });
+    }
+    hookupButtonsNavServices() {
+        this.hookupButtonsNav('.' + flagNavServices, hashPageServices);
+    }
+    hookupButtonsNavUserAccount() {
+        this.hookupButtonsNav('.' + flagNavUserAccount, hashPageUserAccount);
+    }
+    hookupButtonsNavUserLogout() {
+        this.hookupButtonsNav('.' + flagNavUserLogout, hashPageUserLogout);
+    }
+    hookupButtonsNavUserLogin() {
+        this.hookupEventHandler("click", '.' + flagNavUserLogin, (event, navigator) => { 
+            event.stopPropagation();
+            this.leave();
+            API.loginUser()
+                .then((response) => {
+                if (response.Success) {
+                    window.location.href = response[flagCallback];
+                } else {
+                    DOM.alertError("Error", response.Message);
+                }
+            });
+        });
+    }
+    /*
+    hookupButtonsNavDogHome() {
+        this.hookupButtonsNav('.' + flagNavDogHome, hashPageDogHome);
+    }
+    */
+    hookupButtonsNavDogDogCommandLink() {
+        this.hookupButtonsNav('.' + flagNavDogDogCommandLink, hashPageDogDogCommandLink);
+    }
+    hookupButtonsNavAdminHome() {
+        this.hookupButtonsNav('.' + flagNavAdminHome, hashPageAdminHome);
+    }
 
     hookupLogos() {
         this.hookupEventHandler("click", "." + flagImageLogo + "," + "." + flagLogo, (event, element) => {