revert ssr dialog interface
This commit is contained in:
@@ -1,18 +1,17 @@
|
||||
import { requestAPI, setAppearance } from "./utils.js";
|
||||
import "./dialog.js";
|
||||
import { dialog } from "./dialog.js";
|
||||
|
||||
window.addEventListener("DOMContentLoaded", init);
|
||||
|
||||
async function init () {
|
||||
setAppearance();
|
||||
|
||||
initPasswordChangeForm();
|
||||
document.querySelector("#change-password").addEventListener("click", handlePasswordChangeButton);
|
||||
}
|
||||
|
||||
function initPasswordChangeForm () {
|
||||
const d = document.querySelector("#change-password-dialog");
|
||||
d.setOnClose(async (result, form) => {
|
||||
function handlePasswordChangeButton () {
|
||||
const template = document.querySelector("#change-password-dialog");
|
||||
const d = dialog(template, async (result, form) => {
|
||||
if (result === "confirm") {
|
||||
const result = await requestAPI("/access/password", "POST", { password: form.get("new-password") });
|
||||
if (result.status !== 200) {
|
||||
@@ -23,16 +22,9 @@ function initPasswordChangeForm () {
|
||||
|
||||
const password = d.querySelector("#new-password");
|
||||
const confirmPassword = d.querySelector("#confirm-password");
|
||||
|
||||
function validatePassword () {
|
||||
confirmPassword.setCustomValidity(password.value !== confirmPassword.value ? "Passwords Don't Match" : "");
|
||||
}
|
||||
|
||||
password.addEventListener("change", validatePassword);
|
||||
confirmPassword.addEventListener("keyup", validatePassword);
|
||||
}
|
||||
|
||||
function handlePasswordChangeButton () {
|
||||
const d = document.querySelector("#change-password-dialog");
|
||||
d.showModal();
|
||||
}
|
||||
|
Reference in New Issue
Block a user