mirror of
https://github.com/hrfee/jfa-go.git
synced 2024-12-22 00:50:12 +00:00
userpage: add password reset direct link
for #363, adds /my/account/password/reset. Navigate to it to skip pressing the "forgot password?" button on the login screen. Works with the nice-ish onpopstate override thing I put in setup.ts a while ago. Maybe I should make it a module.
This commit is contained in:
parent
848b532b3c
commit
b5dea7755b
@ -159,6 +159,7 @@ func (app *appContext) loadRoutes(router *gin.Engine) {
|
||||
}
|
||||
if userPageEnabled {
|
||||
router.GET(p+"/my/account", app.MyUserPage)
|
||||
router.GET(p+"/my/account/password/reset", app.MyUserPage)
|
||||
router.GET(p+"/my/token/login", app.getUserTokenLogin)
|
||||
router.GET(p+"/my/token/refresh", app.getUserTokenRefresh)
|
||||
router.GET(p+"/my/confirm/:jwt", app.ConfirmMyAction)
|
||||
|
@ -2,6 +2,7 @@ import { Modal } from "../modules/modal.js";
|
||||
import { toggleLoader, _post } from "../modules/common.js";
|
||||
|
||||
export class Login {
|
||||
loggedIn: boolean = false;
|
||||
private _modal: Modal;
|
||||
private _form: HTMLFormElement;
|
||||
private _url: string;
|
||||
@ -91,6 +92,7 @@ export class Login {
|
||||
} else {
|
||||
const data = req.response;
|
||||
window.token = data["token"];
|
||||
this.loggedIn = true;
|
||||
if (this._onLogin) {
|
||||
this._onLogin(username, password);
|
||||
}
|
||||
|
@ -525,7 +525,6 @@ const pageNames: string[][] = [];
|
||||
})();
|
||||
|
||||
window.onpopstate = (event: PopStateEvent) => {
|
||||
console.log("CALLLLLLLL", event);
|
||||
if (event.state === "welcome") {
|
||||
cards[0].classList.remove("unfocused");
|
||||
for (let i = 1; i < cards.length; i++) { cards[i].classList.add("unfocused"); }
|
||||
|
@ -2,7 +2,7 @@ declare interface Modal {
|
||||
modal: HTMLElement;
|
||||
closeButton: HTMLSpanElement
|
||||
show: () => void;
|
||||
close: (event?: Event) => void;
|
||||
close: (event?: Event, noDispatch?: boolean) => void;
|
||||
toggle: () => void;
|
||||
onopen: (f: () => void) => void;
|
||||
onclose: (f: () => void) => void;
|
||||
|
26
ts/user.ts
26
ts/user.ts
@ -50,19 +50,37 @@ window.modals = {} as Modals;
|
||||
if (window.pwrEnabled) {
|
||||
window.modals.pwr = new Modal(document.getElementById("modal-pwr"), false);
|
||||
window.modals.pwr.onclose = () => {
|
||||
window.modals.login.show();
|
||||
window.history.pushState("", "", window.location.pathname.replace("/password/reset", ""));
|
||||
};
|
||||
const resetButton = document.getElementById("modal-login-pwr");
|
||||
resetButton.onclick = () => {
|
||||
window.history.pushState("reset", "", window.location.pathname+"/password/reset");
|
||||
}
|
||||
|
||||
window.onpopstate = (event: PopStateEvent) => {
|
||||
if ((event.state == "reset" || window.location.pathname.includes("/password/reset")) && window.pwrEnabled) {
|
||||
const usernameInput = document.getElementById("login-user") as HTMLInputElement;
|
||||
const input = document.getElementById("pwr-address") as HTMLInputElement;
|
||||
input.value = usernameInput.value;
|
||||
window.modals.login.close();
|
||||
window.modals.pwr.show();
|
||||
} else {
|
||||
window.modals.pwr.close(null, true);
|
||||
if (!login.loggedIn) login.login("", "");
|
||||
}
|
||||
};
|
||||
}
|
||||
})();
|
||||
|
||||
(() => {
|
||||
const pushState = window.history.pushState;
|
||||
window.history.pushState = function (data: any, __: string, _: string | URL) {
|
||||
pushState.apply(window.history, arguments);
|
||||
let ev = { state: data as string } as PopStateEvent;
|
||||
window.onpopstate(ev);
|
||||
};
|
||||
})();
|
||||
|
||||
window.notifications = new notificationBox(document.getElementById('notification-box') as HTMLDivElement, 5);
|
||||
|
||||
if (window.pwrEnabled && window.linkResetEnabled) {
|
||||
@ -780,4 +798,8 @@ const generatePermutations = (xs: number[]): [number[], number[]][] => {
|
||||
|
||||
login.bindLogout(document.getElementById("logout-button"));
|
||||
|
||||
login.login("", "");
|
||||
(() => {
|
||||
let data = "";
|
||||
if (window.location.pathname.endsWith("/password/reset")) data = "reset";
|
||||
window.history.pushState(data, "", window.location.pathname);
|
||||
})();
|
||||
|
Loading…
Reference in New Issue
Block a user