design.estate/dees-catalog
3
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Improve login event handling and form data validation in dees-simple-login component

Browse Source
This commit is contained in:
Jürgen Kunz
2025-06-19 11:50:24 +00:00
parent 1789807f90
commit d697958536
2 changed files with 43 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ts_web/elements/dees-simple-login.demo.ts
View File

@@ -19,7 +19,13 @@ export const demoFunc = () => html`
name="My Application"
@login=${(e: CustomEvent) => {
console.log('Login event received:', e.detail);
alert(`Login attempted with:\nUsername: ${e.detail.formData.username}\nPassword: ${e.detail.formData.password}`);
const loginData = e.detail?.data || e.detail;
if (loginData?.username && loginData?.password) {
alert(`Login attempted with:\nUsername: ${loginData.username}\nPassword: ${loginData.password}`);
// Here you would typically validate credentials and show the slotted content
} else {
console.error('Invalid login data structure:', e.detail);
}
}}
>
<div style="padding: 40px; text-align: center;">