Fix form variable reference error causing GET page reloads on submit, and add pointer cursor style to buttons on hover

This commit is contained in:
ilham_gmail
2026-06-11 21:04:32 +07:00
parent 66da318100
commit 3d281d570e
+7 -6
View File
@@ -102,8 +102,8 @@
.layer-legend .legend-marker{display:inline-flex;align-items:flex-end;justify-content:center;width:16px;height:22px;flex:0 0 16px} .layer-legend .legend-marker{display:inline-flex;align-items:flex-end;justify-content:center;width:16px;height:22px;flex:0 0 16px}
.layer-legend .legend-marker svg{display:block;width:16px;height:22px} .layer-legend .legend-marker svg{display:block;width:16px;height:22px}
.layer-legend .legend-text{white-space:nowrap} .layer-legend .legend-text{white-space:nowrap}
.btn-primary{background:#2563eb;color:#fff;padding:8px 12px;border:0;border-radius:8px} .btn-primary{background:#2563eb;color:#fff;padding:8px 12px;border:0;border-radius:8px;cursor:pointer}
.btn-secondary{background:#f3f4f6;color:#111;padding:8px 12px;border:0;border-radius:8px} .btn-secondary{background:#f3f4f6;color:#111;padding:8px 12px;border:0;border-radius:8px;cursor:pointer}
.modal-actions{margin-top:14px;text-align:right} .modal-actions{margin-top:14px;text-align:right}
/* file name display next to file input */ /* file name display next to file input */
.file-name{display:inline-block;margin-left:8px;color:#374151;font-size:13px} .file-name{display:inline-block;margin-left:8px;color:#374151;font-size:13px}
@@ -125,9 +125,9 @@
.modal-content{background:#fff;padding:18px;border-radius:10px;min-width:320px;max-width:520px;width:420px;max-height:80vh;overflow:auto} .modal-content{background:#fff;padding:18px;border-radius:10px;min-width:320px;max-width:520px;width:420px;max-height:80vh;overflow:auto}
.modal-content label{display:block;margin-top:8px} .modal-content label{display:block;margin-top:8px}
.modal-actions{margin-top:12px;text-align:right} .modal-actions{margin-top:12px;text-align:right}
.btn-primary{background:#1976d2;color:#fff;padding:8px 12px;border:0;border-radius:6px} .btn-primary{background:#1976d2;color:#fff;padding:8px 12px;border:0;border-radius:6px;cursor:pointer}
.btn-secondary{background:#eee;padding:8px 12px;border:0;border-radius:6px} .btn-secondary{background:#eee;padding:8px 12px;border:0;border-radius:6px;cursor:pointer}
.btn-destructive{background:#d32f2f;color:#fff;padding:8px 12px;border:0;border-radius:6px} .btn-destructive{background:#d32f2f;color:#fff;padding:8px 12px;border:0;border-radius:6px;cursor:pointer}
.btn-destructive:hover{opacity:0.95} .btn-destructive:hover{opacity:0.95}
.leaflet-popup-content{margin:14px 16px} .leaflet-popup-content{margin:14px 16px}
.leaflet-popup-content-wrapper{border-radius:16px} .leaflet-popup-content-wrapper{border-radius:16px}
@@ -585,7 +585,8 @@ function openAuthModal(mode){
}); });
} }
} }
form.onsubmit = async function(ev){ const form = document.getElementById('auth-modal-form');
if(form) form.onsubmit = async function(ev){
ev.preventDefault(); ev.preventDefault();
let endpoint = 'src/api/auth/login.php'; let endpoint = 'src/api/auth/login.php';