serve.zone/dcrouter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web ui): login

Browse Source
This commit is contained in:
Juergen Kunz
2025-06-08 12:51:48 +00:00
parent 3a95ea9f4e
commit e3cb35a036
1 changed files with 48 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
ts_web/elements/ops-dashboard.ts
View File

@ -75,13 +75,6 @@ export class OpsDashboard extends DeesElement {
<div class="maincontainer">
<dees-simple-login
name="DCRouter OpsServer"
.loginAction=${async (username: string, password: string) => {
await appstate.loginStatePart.dispatchAction(appstate.loginAction, {
username,
password,
});
return this.loginState.isLoggedIn;
}}
>
<dees-simple-appdash
name="DCRouter OpsServer"
@ -121,4 +114,52 @@ export class OpsDashboard extends DeesElement {
</div>
`;
}
public async firstUpdated() {
const simpleLogin = this.shadowRoot.querySelector('dees-simple-login');
simpleLogin.addEventListener('login', (e: CustomEvent) => {
console.log(e.detail);
this.login(e.detail.data.username, e.detail.data.password);
});
// Handle initial state
const loginState = appstate.loginStatePart.getState();
console.log('Initial login state:', loginState);
if (loginState.identity) {
this.loginState = loginState;
await simpleLogin.switchToSlottedContent();
await appstate.statsStatePart.dispatchAction(appstate.fetchAllStatsAction, null);
await appstate.configStatePart.dispatchAction(appstate.fetchConfigurationAction, null);
}
}
private async login(username: string, password: string) {
const domtools = await this.domtoolsPromise;
console.log(`Attempting to login...`);
const simpleLogin = this.shadowRoot.querySelector('dees-simple-login');
const form = simpleLogin.shadowRoot.querySelector('dees-form');
form.setStatus('pending', 'Logging in...');
const state = await appstate.loginStatePart.dispatchAction(appstate.loginAction, {
username,
password,
});
if (state.identity) {
console.log('Login successful');
this.loginState = state;
form.setStatus('success', 'Logged in!');
await simpleLogin.switchToSlottedContent();
await appstate.statsStatePart.dispatchAction(appstate.fetchAllStatsAction, null);
await appstate.configStatePart.dispatchAction(appstate.fetchConfigurationAction, null);
} else {
form.setStatus('error', 'Login failed!');
await domtools.convenience.smartdelay.delayFor(2000);
form.reset();
}
}
private async logout() {
await appstate.loginStatePart.dispatchAction(appstate.logoutAction, null);
}
}