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

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz
2021-08-27 13:38:08 +02:00
parent 54ce305cf1
commit 2f52f14cf9
6 changed files with 231 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ts_web/elements/dees-form.ts
View File

@ -20,7 +20,7 @@ export class DeesForm extends DeesElement {
public static demo = () => html`
<dees-form style="display: block; margin:auto; max-width: 500px; padding: 20px" @formData=${async (eventArg) => {
const form: DeesForm = eventArg.currentTarget;
form.setStatus('freeze', 'authenticating...');
form.setStatus('pending', 'authenticating...');
await domtools.plugins.smartdelay.delayFor(1000);
form.setStatus('success', 'authenticated!');
}}>
@ -116,13 +116,21 @@ export class DeesForm extends DeesElement {
console.log(valueObject);
}
public setStatus (visualStateArg: 'normal' | 'freeze' | 'error' | 'success', textStateArg: string) {
public setStatus (visualStateArg: 'normal' | 'pending' | 'error' | 'success', textStateArg: string) {
const inputChildren = this.getFormChildren();
const submitButton = this.getSubmitButton();
switch(visualStateArg) {
case 'freeze':
case 'pending':
submitButton.disabled = true;
submitButton.status = 'pending';
for (const inputChild of inputChildren) {
inputChild.disabled = true;
}
break;
case 'success':
submitButton.disabled = true;
submitButton.status = 'success';
for (const inputChild of inputChildren) {
inputChild.disabled = true;
}