fix: pass dismiss event to authenticate component (#103)

useid · Nov 22, 2021 · 805361b · 805361b
1 parent 14e1a19
commit 805361b
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 5 deletions.
diff --git a/packages/dgt-components/lib/components/authentication/authenticate.component.ts b/packages/dgt-components/lib/components/authentication/authenticate.component.ts
@@ -101,6 +101,8 @@ export class AuthenticateComponent extends RxLitElement {
 
   onButtonCreateWebIDClick = (): void => { this.dispatchEvent(new CustomEvent('create-webid', { bubbles: true })); };
 
+  onAlertDismissed = (): void => { this.webIdValidationResults = []; };
+
   render(): TemplateResult {
 
     return html`
@@ -128,6 +130,7 @@ export class AuthenticateComponent extends RxLitElement {
           ?hideCreateNewWebId="${this.hideCreateNewWebId}"
           @submit-webid="${this.onSubmit}"
           @create-webid="${this.onButtonCreateWebIDClick}"
+          @dismiss="${this.onAlertDismissed}"
           .textLabel="${this.textWebIdLabel}"
           .textPlaceholder="${this.textWebIdPlaceholder}"
           .textNoWebId="${this.textNoWebId}"

diff --git a/packages/dgt-components/lib/components/authentication/webid.component.ts b/packages/dgt-components/lib/components/authentication/webid.component.ts
@@ -25,19 +25,33 @@ export class WebIdComponent extends RxLitElement {
   onSubmit = (event: Event & { target: HTMLFormElement }): void => {
 
     event.preventDefault();
-    this.dispatchEvent(new CustomEvent('submit-webid', { detail: event.target.querySelector<HTMLInputElement>('input[name=webid]').value }));
+
+    this.dispatchEvent(new CustomEvent('submit-webid', {
+      detail: event.target.querySelector<HTMLInputElement>('input[name=webid]').value,
+    }));
 
   };
 
   onButtonCreateWebIDClick = (): void => { this.dispatchEvent(new CustomEvent('create-webid')); };
 
+  onAlertDismissed = (event: CustomEvent): void => {
+
+    this.dispatchEvent(new CustomEvent(event.type, { detail: event.detail }));
+
+  };
+
   render(): TemplateResult {
 
     return html`
     <slot name="before"></slot>
     <form @submit="${this.onSubmit}">
       ${this.validationResults?.length > 0
-    ? html`<alert-component exportparts="validation-alert" .translator="${this.translator}" .alert="${{ message: this.validationResults[0], type: 'warning' }}"></alert-component>`
+    ? html`<alert-component
+        @dismiss="${this.onAlertDismissed}"
+        exportparts="validation-alert"
+        .translator="${this.translator}"
+        .alert="${{ message: this.validationResults[0], type: 'warning' }}">
+      </alert-component>`
     : ''}
       <label part="webid-label" for="webid">${this.textLabel}</label>
       <input part="webid-input" type="text" id="webid" name="webid" placeholder="${this.textPlaceholder}" />

diff --git a/packages/dgt-components/package.json b/packages/dgt-components/package.json
@@ -91,9 +91,9 @@
     "coverageThreshold": {
       "global": {
         "branches": 34.61,
-        "functions": 35.04,
-        "lines": 39.46,
-        "statements": 39.57
+        "functions": 34.72,
+        "lines": 39.43,
+        "statements": 39.49
       }
     },
     "coveragePathIgnorePatterns": [