web/admin: fix wizard type selection
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
parent
db07f564aa
commit
2f57d7f427
|
@ -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}`}
|
||||||
|
|
|
@ -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}`}
|
||||||
|
|
|
@ -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}`}
|
||||||
|
|
|
@ -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>`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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}`}
|
||||||
|
|
|
@ -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}`}
|
||||||
|
|
Reference in New Issue