130 lines
3.8 KiB
TypeScript
130 lines
3.8 KiB
TypeScript
/*
|
|
Espe | Ein schlichtes Werkzeug zur Mitglieder-Verwaltung | Frontend
|
|
Copyright (C) 2024 Christian Fraß
|
|
|
|
This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public
|
|
License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later
|
|
version.
|
|
|
|
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied
|
|
warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License along with this program. If not, see
|
|
<https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
lib_plankton.zoo_page.register(
|
|
"password_change_exec",
|
|
(parameters, target_element) => {
|
|
function set_state(
|
|
state : ("load" | "fill" | "wait" | "done"),
|
|
messages : Array<string> = []
|
|
) : void
|
|
{
|
|
target_element.querySelector(".password_change_exec").setAttribute("rel", state);
|
|
target_element.querySelector(".password_change_exec-message").textContent = "";
|
|
let dom_list = document.createElement("ul");
|
|
messages.forEach(
|
|
message => {
|
|
let dom_message = document.createElement("li");
|
|
dom_message.textContent = message;
|
|
dom_list.appendChild(dom_message);
|
|
}
|
|
);
|
|
target_element.querySelector(".password_change_exec-message").appendChild(dom_list);
|
|
}
|
|
|
|
const id : int = parseInt(parameters.id);
|
|
const token : string = parameters.token;
|
|
|
|
update_nav({"mode": null});
|
|
target_element.appendChild(template_request("password_change_exec"));
|
|
target_element.querySelector(".password_change_exec-title").textContent = lib_plankton.translate.get("page.password_change_exec.title");
|
|
set_state(
|
|
"load",
|
|
[
|
|
]
|
|
);
|
|
|
|
const form = new lib_plankton.zoo_form.class_form<
|
|
{
|
|
password_value : string;
|
|
password_confirmation : string;
|
|
},
|
|
{
|
|
password_value : string;
|
|
password_confirmation : string;
|
|
}
|
|
>(
|
|
x => x,
|
|
x => x,
|
|
new lib_plankton.zoo_input.class_input_group(
|
|
[
|
|
{
|
|
"name": "password_value",
|
|
"input": new lib_plankton.zoo_input.class_input_password(),
|
|
"label": lib_plankton.translate.get("page.password_change_exec.form.field.password_value.label"),
|
|
},
|
|
{
|
|
"name": "password_confirmation",
|
|
"input": new lib_plankton.zoo_input.class_input_password(),
|
|
"label": lib_plankton.translate.get("page.password_change_exec.form.field.password_confirmation.label"),
|
|
},
|
|
]
|
|
),
|
|
[
|
|
{
|
|
"label": lib_plankton.translate.get("page.password_change_exec.form.submit"),
|
|
"procedure": async (get_value, get_representation) => {
|
|
const value = await get_value();
|
|
set_state(
|
|
"wait",
|
|
[
|
|
]
|
|
);
|
|
let flaws : Array<{incident : string; details : Record<string, any>;}>;
|
|
if (! (value.password_value === value.password_confirmation)) {
|
|
flaws = [
|
|
{"incident": "password_mismatch", "details": {}},
|
|
];
|
|
}
|
|
else {
|
|
try {
|
|
flaws = await _espe.backend.member_password_change_execute(
|
|
id,
|
|
token,
|
|
value.password_value
|
|
);
|
|
}
|
|
catch (error) {
|
|
flaws = [
|
|
{"incident": "unhandled_error", "details": {}},
|
|
];
|
|
}
|
|
}
|
|
if (flaws.length > 0) {
|
|
set_state(
|
|
"fill",
|
|
flaws.map(
|
|
flaw => lib_plankton.string.coin(
|
|
lib_plankton.translate.get("page.password_change_exec.flaw." + flaw.incident),
|
|
flaw.details
|
|
)
|
|
)
|
|
);
|
|
}
|
|
else {
|
|
set_state(
|
|
"done",
|
|
[
|
|
lib_plankton.translate.get("page.password_change_exec.status.success")
|
|
]
|
|
);
|
|
}
|
|
},
|
|
}
|
|
]
|
|
);
|
|
form.setup(target_element.querySelector(".password_change_exec-form") as HTMLElement);
|
|
}
|
|
);
|