warren/momentry_core
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

feat: WASM doc login page

Browse Source
This commit is contained in:
Accusys
2026-05-18 12:14:33 +08:00
parent 99cef1a18b
commit d035e9fa9f
1 changed files with 44 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs_v1.0/doc_wasm/index.html
+44 -2
View File
@@ -33,7 +33,7 @@ html, body { height: 100%; }
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<div class="sidebar"> <div class="sidebar" id="sidebar">
<h1>Momentry Docs</h1> <h1>Momentry Docs</h1>
<div id="module-list"></div> <div id="module-list"></div>
<div class="logout"> <div class="logout">
@@ -134,7 +134,35 @@ async function loadDoc(name) {
} }
} }
async function init() { async function loginUser(user, pass) {
var resp = await fetch('/api/v1/auth/login', {
method:'POST', headers:{'Content-Type':'application/json'},
body: JSON.stringify({username:user, password:pass})
});
return resp.ok;
}
function showLoginForm() {
el.innerHTML = '<div style="max-width:360px;margin:80px auto;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.08);padding:40px;text-align:center">' +
'<h1 style="font-size:24px;margin-bottom:24px">Momentry Docs</h1>' +
'<input type="text" id="login-user" placeholder="Username" value="demo" style="width:100%;padding:10px;margin-bottom:12px;border:1px solid #ddd;border-radius:6px;font-size:14px">' +
'<input type="password" id="login-pass" placeholder="Password" value="demo" style="width:100%;padding:10px;margin-bottom:12px;border:1px solid #ddd;border-radius:6px;font-size:14px">' +
'<div id="login-err" style="color:#cc0000;font-size:13px;margin-bottom:12px;display:none">Invalid credentials</div>' +
'<button onclick="doLogin()" style="width:100%;padding:10px;background:#0066cc;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer">Login</button>' +
'</div>';
}
window.doLogin = async function() {
var u = document.getElementById('login-user').value;
var p = document.getElementById('login-pass').value;
if (await loginUser(u, p)) {
document.getElementById('sidebar').style.display = 'flex';
initApp();
} else {
document.getElementById('login-err').style.display = 'block';
}
};
async function initApp() {
try { try {
el.innerHTML = '<p>Loading WASM...</p>'; el.innerHTML = '<p>Loading WASM...</p>';
await initWasm(); await initWasm();
@@ -159,6 +187,8 @@ async function init() {
loObs.observe(document.body, {childList: true, subtree: true}); loObs.observe(document.body, {childList: true, subtree: true});
} }
document.getElementById('sidebar').style.display = 'flex';
document.getElementById('logout-btn').onclick = async function(e) { document.getElementById('logout-btn').onclick = async function(e) {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@@ -168,6 +198,8 @@ async function init() {
el.innerHTML = '<p style="color:#060">Logged out. Session cleared.</p>'; el.innerHTML = '<p style="color:#060">Logged out. Session cleared.</p>';
document.getElementById('logout-btn').style.display = 'none'; document.getElementById('logout-btn').style.display = 'none';
}; };
// Load initial module from hash or default
var hash = location.hash.slice(1); var hash = location.hash.slice(1);
await loadDoc(hash || '01_auth'); await loadDoc(hash || '01_auth');
} catch(e) { } catch(e) {
@@ -175,6 +207,16 @@ async function init() {
} }
} }
async function init() {
// Hide sidebar until authenticated
document.getElementById('sidebar').style.display = 'none';
if (await loginUser('demo', 'demo')) {
initApp();
} else {
showLoginForm();
}
}
init(); init();
</script> </script>
</body> </body>