mbkauthe 2.4.0 → 3.0.0

package/views/info.handlebars

@@ -201,6 +201,10 @@
                     <div class="info-label">APP_NAME:</div>
                     <div class="info-value">{{mbkautheVar.APP_NAME}}</div>
                 </div>
+                <div class="info-row">
+                    <div class="info-label">APP_Version:</div>
+                    <div class="info-value">{{APP_VERSION}}</div>
+                </div>
                 <div class="info-row">
                     <div class="info-label">Domain:</div>
                     <div class="info-value">{{mbkautheVar.DOMAIN}}</div>

package/views/loginmbkauthe.handlebars

@@ -98,8 +98,7 @@
 
         // Info dialogs
         function usernameinfo() {
-            showMessage(`Your username is the part of your MBKTech.org email before the @ (e.g., abc.xyz@mbktech.org
- → abc.xyz). For guests or if you’ve forgotten your credentials, contact <a href="https://mbktech.org/Support">Support</a>.`, `What is my username?`);
+            showMessage(`Your username is the part of your MBKTech.org email before the @ (e.g., abc.xyz@mbktech.org → abc.xyz). For guests or if you’ve forgotten your credentials, contact <a href="https://mbktech.org/Support">Support</a>.`, `What is my username?`);
         }
 
         function tokeninfo() {
@@ -245,39 +244,12 @@
 
         {{#if githubLoginEnabled }}
 
-        // GitHub login: Attempt to POST redirect to backend, fallback to direct navigation
+        // GitHub login: Navigate directly to GitHub OAuth flow
         async function startGithubLogin() {
             const urlParams = new URLSearchParams(window.location.search);
             const redirect = urlParams.get('redirect') || '{{customURL}}';
 
-            try {
-                // Try POSTing to the backend so it can establish any session state
-                const resp = await fetch('/mbkauthe/api/github/login', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    credentials: 'include',
-                    body: JSON.stringify({ redirect })
-                });
-
-                // If backend responds with a JSON containing redirectUrl, navigate there
-                if (resp.ok) {
-                    // If server redirected directly (resp.redirected), follow the final URL
-                    if (resp.redirected) {
-                        window.location.href = resp.url;
-                        return;
-                    }
-                    const data = await resp.json().catch(() => null);
-                    if (data && data.redirectUrl) {
-                        window.location.href = data.redirectUrl;
-                        return;
-                    }
-                }
-            } catch (error) {
-                // swallow and fallback to direct navigation
-                console.warn('[mbkauthe] GitHub login POST failed, falling back to direct redirect', error);
-            }
-
-            // Fallback: navigate to the backend GET endpoint with redirect query
+            // Navigate directly to the backend GET endpoint with redirect query
             window.location.href = `/mbkauthe/api/github/login?redirect=${encodeURIComponent(redirect)}`;
         }
 

package/views/showmessage.handlebars

@@ -2,7 +2,7 @@
     <div class="showmessageWindow">
         <h1></h1>
         <p></p>
-        <!--a href="" target="_blank" class="error-code"></a-->
+        <a href="" target="_blank" class="error-code"></a>
         <button class="btn btn-save full" onclick="hideMessage()">Okay</button>
     </div>
 </div>
@@ -12,7 +12,6 @@
         document.querySelector(".showmessageWindow h1").innerText = heading;
         document.querySelector(".showmessageWindow p").innerHTML = message;
 
-        /* Disable for now
         if (errorCode) {
             document.querySelector(".showmessageWindow .error-code").style.display = "block";
             document.querySelector(".showmessageWindow .error-code").innerText = `Error Code: ${errorCode}`;
@@ -20,26 +19,17 @@
             document.querySelector(".showmessageWindow .error-code").style.display = "none";
         }
         
-        document.querySelector(".showmessageWindow .error-code").href = `https://mbktech.org/ErrorCode/#${errorCode}`;
-       */
-        document
-            .querySelector(".showMessageblurWindow")
-            .classList
-            .add("active");
-        document
-            .body
-            .classList
-            .add("blur-active");
+        document.querySelector(".showmessageWindow .error-code").href = `/mbkauthe/ErrorCode/#${errorCode}`;
+       
+        document.querySelector(".showMessageblurWindow").classList.add("active");
+        document.body.classList.add("blur-active");
     }
     function hideMessage() {
         const blurWindow = document.querySelector(".showMessageblurWindow");
         blurWindow.classList.add("fade-out");
         setTimeout(() => {
             blurWindow.classList.remove("active", "fade-out");
-            document
-                .body
-                .classList
-                .remove("blur-active");
+            document.body.classList.remove("blur-active");
         }, 500);
     }
 </script>
@@ -56,11 +46,13 @@
         align-items: center;
         z-index: 10000;
         backdrop-filter: blur(10px);
+        pointer-events: none;
     }
 
     .showMessageblurWindow.active {
         display: flex;
         animation: fadeIn 0.3s ease-in-out;
+        pointer-events: all;
     }
 
     .showMessageblurWindow.fade-out {
@@ -81,12 +73,13 @@
         padding: 2rem 2.5rem;
         border-radius: 8px;
         max-width: 90%;
-        width: 600px;
+        width: 550px;
         position: relative;
         color: #e0f7fa;
         border: 1px solid rgba(0, 184, 148, 0.2);
         box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
         animation: slideIn 0.3s ease-out;
+        pointer-events: all;
     }
 
     .showmessageWindow h1 {
@@ -124,7 +117,6 @@
     .showmessageWindow .error-code:hover {
         background: rgba(255, 209, 102, 0.2);
         color: #ffd166;
-        transform: translateY(-2px);
         box-shadow: 0 4px 10px rgba(255, 209, 102, 0.2);
     }