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,8 +35,8 @@ 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">
${t`The new application wizard greatly simplifies the steps required to create applications and providers.`} ${t`The new application wizard greatly simplifies the steps required to create applications and providers.`}
@ -50,25 +51,28 @@ export class InitialProviderWizardPage extends WizardPage {
> >
</div> </div>
</div> </div>
<br /> <br />`;
<form class="pf-c-form pf-m-horizontal"> }
${this.providerTypes.map((type) => {
return html`<div class="pf-c-radio"> render(): TemplateResult {
<input return html` <form class="pf-c-form pf-m-horizontal">
class="pf-c-radio__input" ${this.providerTypes.map((type) => {
type="radio" return html`<div class="pf-c-radio">
name="type" <input
id=${type.component} class="pf-c-radio__input"
@change=${() => { type="radio"
this.host.steps = ["initial", `type-${type.component}`]; name="type"
this._isValid = true; id=${type.component}
}} @change=${() => {
/> this.host.steps = ["initial", `type-${type.component}`];
<label class="pf-c-radio__label" for=${type.component}>${type.name}</label> this.host.isValid = true;
<span class="pf-c-radio__description">${type.description}</span> }}
</div>`; />
})} <label class="pf-c-radio__label" for=${type.component}>${type.name}</label>
</form>`; <span class="pf-c-radio__description">${type.description}</span>
</div>`;
})}
</form>`;
} }
} }

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}`}