6c4c535d57
* remove @goauthentik/authentik as TS path Signed-off-by: Jens Langhammer <jens@goauthentik.io> * initial implementation Signed-off-by: Jens Langhammer <jens@goauthentik.io> * oh yeah Signed-off-by: Jens Langhammer <jens@goauthentik.io> * format earlier changes Signed-off-by: Jens Langhammer <jens@goauthentik.io> * support plain alert Signed-off-by: Jens Langhammer <jens@goauthentik.io> * initial attempt at dedupe Signed-off-by: Jens Langhammer <jens@goauthentik.io> * make it a base class Signed-off-by: Jens Langhammer <jens@goauthentik.io> * migrate all wizards Signed-off-by: Jens Langhammer <jens@goauthentik.io> * create type create mixin to dedupe more, add icon to source create Signed-off-by: Jens Langhammer <jens@goauthentik.io> * add ldap icon Signed-off-by: Jens Langhammer <jens@goauthentik.io> * Optimised images with calibre/image-actions * match inverting we should probably replace all icons with coloured ones so we don't need to invert them...I guess Signed-off-by: Jens Langhammer <jens@goauthentik.io> * format Signed-off-by: Jens Langhammer <jens@goauthentik.io> * make everything more explicit Signed-off-by: Jens Langhammer <jens@goauthentik.io> * add icons to provider Signed-off-by: Jens Langhammer <jens@goauthentik.io> * add remaining provider icons Signed-off-by: Jens Langhammer <jens@goauthentik.io> * rework to not use inheritance Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix unrelated typo Signed-off-by: Jens Langhammer <jens@goauthentik.io> * make app wizard use grid layout Signed-off-by: Jens Langhammer <jens@goauthentik.io> * keep wizard height consistent Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix tests Signed-off-by: Jens Langhammer <jens@goauthentik.io> --------- Signed-off-by: Jens Langhammer <jens@goauthentik.io> Co-authored-by: authentik-automation[bot] <135050075+authentik-automation[bot]@users.noreply.github.com>
78 lines
3.1 KiB
TypeScript
78 lines
3.1 KiB
TypeScript
import "@goauthentik/admin/property-mappings/PropertyMappingLDAPForm";
|
|
import "@goauthentik/admin/property-mappings/PropertyMappingNotification";
|
|
import "@goauthentik/admin/property-mappings/PropertyMappingRACForm";
|
|
import "@goauthentik/admin/property-mappings/PropertyMappingSAMLForm";
|
|
import "@goauthentik/admin/property-mappings/PropertyMappingScopeForm";
|
|
import "@goauthentik/admin/property-mappings/PropertyMappingTestForm";
|
|
import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
|
|
import { AKElement } from "@goauthentik/elements/Base";
|
|
import "@goauthentik/elements/forms/ProxyForm";
|
|
import "@goauthentik/elements/wizard/FormWizardPage";
|
|
import "@goauthentik/elements/wizard/TypeCreateWizardPage";
|
|
import "@goauthentik/elements/wizard/Wizard";
|
|
import type { Wizard } from "@goauthentik/elements/wizard/Wizard";
|
|
|
|
import { msg, str } from "@lit/localize";
|
|
import { customElement } from "@lit/reactive-element/decorators/custom-element.js";
|
|
import { TemplateResult, html } from "lit";
|
|
import { property, query } from "lit/decorators.js";
|
|
|
|
import PFButton from "@patternfly/patternfly/components/Button/button.css";
|
|
import PFBase from "@patternfly/patternfly/patternfly-base.css";
|
|
|
|
import { PropertymappingsApi, TypeCreate } from "@goauthentik/api";
|
|
|
|
@customElement("ak-property-mapping-wizard")
|
|
export class PropertyMappingWizard extends AKElement {
|
|
static get styles() {
|
|
return [PFBase, PFButton];
|
|
}
|
|
|
|
@property({ attribute: false })
|
|
mappingTypes: TypeCreate[] = [];
|
|
|
|
@query("ak-wizard")
|
|
wizard?: Wizard;
|
|
|
|
async firstUpdated(): Promise<void> {
|
|
this.mappingTypes = await new PropertymappingsApi(
|
|
DEFAULT_CONFIG,
|
|
).propertymappingsAllTypesList();
|
|
}
|
|
|
|
render(): TemplateResult {
|
|
return html`
|
|
<ak-wizard
|
|
.steps=${["initial"]}
|
|
header=${msg("New property mapping")}
|
|
description=${msg("Create a new property mapping.")}
|
|
>
|
|
<ak-wizard-page-type-create
|
|
slot="initial"
|
|
.types=${this.mappingTypes}
|
|
@select=${(ev: CustomEvent<TypeCreate>) => {
|
|
if (!this.wizard) return;
|
|
this.wizard.steps = [
|
|
"initial",
|
|
`type-${ev.detail.component}-${ev.detail.modelName}`,
|
|
];
|
|
this.wizard.isValid = true;
|
|
}}
|
|
>
|
|
</ak-wizard-page-type-create>
|
|
${this.mappingTypes.map((type) => {
|
|
return html`
|
|
<ak-wizard-page-form
|
|
slot=${`type-${type.component}-${type.modelName}`}
|
|
.sidebarLabel=${() => msg(str`Create ${type.name}`)}
|
|
>
|
|
<ak-proxy-form type=${type.component}></ak-proxy-form>
|
|
</ak-wizard-page-form>
|
|
`;
|
|
})}
|
|
<button slot="trigger" class="pf-c-button pf-m-primary">${msg("Create")}</button>
|
|
</ak-wizard>
|
|
`;
|
|
}
|
|
}
|