web/admin: trigger update when provider wizard finishes

closes #2599

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

web/src/elements/wizard/Wizard.ts

@@ -45,7 +45,10 @@ export class Wizard extends ModalButton {
         this.requestUpdate();
     }
 
-    finalHandler?: () => Promise<void>;
+    @property({ attribute: false })
+    finalHandler: () => Promise<void> = () => {
+        return Promise.resolve();
+    };
 
     renderModalInner(): TemplateResult {
         const firstPage = this.querySelector<WizardPage>(`[slot=${this.steps[0]}]`);
@@ -116,9 +119,7 @@ export class Wizard extends ModalButton {
                                 return;
                             }
                             if (currentIndex === this.steps.length - 1) {
-                                if (this.finalHandler) {
                                 await this.finalHandler();
-                                }
                                 this.open = false;
                             } else {
                                 const nextPage = this.querySelector<WizardPage>(

web/src/pages/applications/ApplicationForm.ts

@@ -146,7 +146,13 @@ export class ApplicationForm extends ModelForm<Application, string> {
                 <p class="pf-c-form__helper-text">
                     ${t`Select a provider that this application should use. Alternatively, create a new provider.`}
                 </p>
-                <ak-provider-wizard createText=${t`Create provider`}> </ak-provider-wizard>
+                <ak-provider-wizard
+                    .finalHandler=${async () => {
+                        this.requestUpdate();
+                    }}
+                    createText=${t`Create provider`}
+                >
+                </ak-provider-wizard>
             </ak-form-element-horizontal>
             <ak-form-element-horizontal
                 label=${t`Policy engine mode`}

web/src/pages/providers/ProviderWizard.ts

@@ -65,6 +65,11 @@ export class ProviderWizard extends LitElement {
     @property({ attribute: false })
     providerTypes: TypeCreate[] = [];
 
+    @property({ attribute: false })
+    finalHandler: () => Promise<void> = () => {
+        return Promise.resolve();
+    };
+
     firstUpdated(): void {
         new ProvidersApi(DEFAULT_CONFIG).providersAllTypesList().then((types) => {
             this.providerTypes = types;
@@ -77,6 +82,9 @@ export class ProviderWizard extends LitElement {
                 .steps=${["initial"]}
                 header=${t`New provider`}
                 description=${t`Create a new provider.`}
+                .finalHandler=${() => {
+                    return this.finalHandler();
+                }}
             >
                 <ak-provider-wizard-initial
                     slot="initial"