web/admin: fix wizard type selection

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2022-06-29 21:45:38 +02:00
parent db07f564aa
commit 2f57d7f427
6 changed files with 30 additions and 26 deletions

View File

@ -44,7 +44,7 @@ export class InitialServiceConnectionWizardPage extends WizardPage {
"initial", "initial",
`type-${type.component}-${type.modelName}`, `type-${type.component}-${type.modelName}`,
]; ];
this._isValid = true; this.host.isValid = true;
}} }}
/> />
<label class="pf-c-radio__label" for=${`${type.component}-${type.modelName}`} <label class="pf-c-radio__label" for=${`${type.component}-${type.modelName}`}

View File

@ -49,7 +49,7 @@ export class InitialPolicyWizardPage extends WizardPage {
"initial", "initial",
`type-${type.component}-${type.modelName}`, `type-${type.component}-${type.modelName}`,
]; ];
this._isValid = true; this.host.isValid = true;
}} }}
/> />
<label class="pf-c-radio__label" for=${`${type.component}-${type.modelName}`} <label class="pf-c-radio__label" for=${`${type.component}-${type.modelName}`}

View File

@ -47,7 +47,7 @@ export class InitialPropertyMappingWizardPage extends WizardPage {
"initial", "initial",
`type-${type.component}-${type.modelName}`, `type-${type.component}-${type.modelName}`,
]; ];
this._isValid = true; this.host.isValid = true;
}} }}
/> />
<label class="pf-c-radio__label" for=${`${type.component}-${type.modelName}`} <label class="pf-c-radio__label" for=${`${type.component}-${type.modelName}`}

View File

@ -1,5 +1,6 @@
import { DEFAULT_CONFIG } from "@goauthentik/web/api/Config"; import { DEFAULT_CONFIG } from "@goauthentik/web/api/Config";
import "@goauthentik/web/elements/forms/ProxyForm"; import "@goauthentik/web/elements/forms/ProxyForm";
import { paramURL } from "@goauthentik/web/elements/router/RouterOutlet";
import "@goauthentik/web/elements/wizard/FormWizardPage"; import "@goauthentik/web/elements/wizard/FormWizardPage";
import "@goauthentik/web/elements/wizard/Wizard"; import "@goauthentik/web/elements/wizard/Wizard";
import { WizardPage } from "@goauthentik/web/elements/wizard/WizardPage"; import { WizardPage } from "@goauthentik/web/elements/wizard/WizardPage";
@ -34,7 +35,7 @@ export class InitialProviderWizardPage extends WizardPage {
} }
sidebarLabel = () => t`Select type`; sidebarLabel = () => t`Select type`;
render(): TemplateResult { renderHint(): TemplateResult {
return html`<div class="pf-c-hint"> return html`<div class="pf-c-hint">
<div class="pf-c-hint__title">${t`Try the new application wizard`}</div> <div class="pf-c-hint__title">${t`Try the new application wizard`}</div>
<div class="pf-c-hint__body"> <div class="pf-c-hint__body">
@ -50,8 +51,11 @@ export class InitialProviderWizardPage extends WizardPage {
> >
</div> </div>
</div> </div>
<br /> <br />`;
<form class="pf-c-form pf-m-horizontal"> }
render(): TemplateResult {
return html` <form class="pf-c-form pf-m-horizontal">
${this.providerTypes.map((type) => { ${this.providerTypes.map((type) => {
return html`<div class="pf-c-radio"> return html`<div class="pf-c-radio">
<input <input
@ -61,7 +65,7 @@ export class InitialProviderWizardPage extends WizardPage {
id=${type.component} id=${type.component}
@change=${() => { @change=${() => {
this.host.steps = ["initial", `type-${type.component}`]; this.host.steps = ["initial", `type-${type.component}`];
this._isValid = true; this.host.isValid = true;
}} }}
/> />
<label class="pf-c-radio__label" for=${type.component}>${type.name}</label> <label class="pf-c-radio__label" for=${type.component}>${type.name}</label>

View File

@ -46,7 +46,7 @@ export class InitialSourceWizardPage extends WizardPage {
"initial", "initial",
`type-${type.component}-${type.modelName}`, `type-${type.component}-${type.modelName}`,
]; ];
this._isValid = true; this.host.isValid = true;
}} }}
/> />
<label class="pf-c-radio__label" for=${`${type.component}-${type.modelName}`} <label class="pf-c-radio__label" for=${`${type.component}-${type.modelName}`}

View File

@ -62,7 +62,7 @@ export class InitialStageWizardPage extends WizardPage {
"initial", "initial",
`type-${type.component}-${type.modelName}`, `type-${type.component}-${type.modelName}`,
]; ];
this._isValid = true; this.host.isValid = true;
}} }}
/> />
<label class="pf-c-radio__label" for=${`${type.component}-${type.modelName}`} <label class="pf-c-radio__label" for=${`${type.component}-${type.modelName}`}