diff --git a/web/src/admin/applications/ApplicationForm.ts b/web/src/admin/applications/ApplicationForm.ts index 7edbe51a17..9ea8997c23 100644 --- a/web/src/admin/applications/ApplicationForm.ts +++ b/web/src/admin/applications/ApplicationForm.ts @@ -7,6 +7,7 @@ import "@goauthentik/components/ak-radio-input"; import "@goauthentik/components/ak-switch-input"; import "@goauthentik/components/ak-text-input"; import "@goauthentik/components/ak-textarea-input"; +import "@goauthentik/elements/Alert.js"; import { CapabilitiesEnum, WithCapabilitiesConfig, @@ -120,7 +121,12 @@ export class ApplicationForm extends WithCapabilitiesConfig(ModelForm + ${alertMsg} ) } pageDescription(): string { return msg( - str`External applications that use ${this.brand.brandingTitle || "authentik"} as an identity provider via protocols like OAuth2 and SAML. All applications are shown here, even ones you cannot access.`, + str`External applications that use ${this.brand?.brandingTitle ?? "authentik"} as an identity provider via protocols like OAuth2 and SAML. All applications are shown here, even ones you cannot access.`, ); } pageIcon(): string { @@ -85,10 +85,6 @@ export class ApplicationListPage extends WithBrandConfig(TablePage) ]; } - renderSectionBefore(): TemplateResult { - return html``; - } - renderSidebarAfter(): TemplateResult { return html`
@@ -160,12 +156,21 @@ export class ApplicationListPage extends WithBrandConfig(TablePage) } renderObjectCreate(): TemplateResult { - return html` - ${msg("Create")} - ${msg("Create Application")} - - - `; + return html` + + + + ${msg("Create")} + ${msg("Create Application")} + + + `; } } diff --git a/web/src/admin/applications/wizard/ApplicationWizardStep.ts b/web/src/admin/applications/wizard/ApplicationWizardStep.ts index d691b29e0d..71095a6d46 100644 --- a/web/src/admin/applications/wizard/ApplicationWizardStep.ts +++ b/web/src/admin/applications/wizard/ApplicationWizardStep.ts @@ -30,7 +30,7 @@ export class ApplicationWizardStep extends WizardStep { // As recommended in [WizardStep](../../../components/ak-wizard/WizardStep.ts), we override // these fields and provide them to all the child classes. wizardTitle = msg("New application"); - wizardDescription = msg("Create a new application"); + wizardDescription = msg("Create a new application and configure a provider for it."); canCancel = true; // This should be overridden in the children for more precise targeting. diff --git a/web/src/user/LibraryPage/ak-library-application-empty-list.ts b/web/src/user/LibraryPage/ak-library-application-empty-list.ts index 6965d4b91c..170eff0a8f 100644 --- a/web/src/user/LibraryPage/ak-library-application-empty-list.ts +++ b/web/src/user/LibraryPage/ak-library-application-empty-list.ts @@ -42,7 +42,7 @@ export class LibraryPageApplicationEmptyList extends AKElement { renderNewAppButton() { const href = paramURL("/core/applications", { - createForm: true, + createWizard: true, }); return html`
diff --git a/web/tests/specs/new-application-by-wizard.ts b/web/tests/specs/new-application-by-wizard.ts index 3a25b6c5a3..a0c46dfe7d 100644 --- a/web/tests/specs/new-application-by-wizard.ts +++ b/web/tests/specs/new-application-by-wizard.ts @@ -89,7 +89,7 @@ export async function findWizardTitle() { async function passByPoliciesAndCommit() { const title = await findWizardTitle(); // Expect to be on the Bindings panel - await expect(await title.getText()).toEqual("Configure Policy Bindings"); + await expect(await title.getText()).toEqual("Configure Policy/User/Group Bindings"); await (await ApplicationWizardView.nextButton()).click(); await ApplicationWizardView.pause(); await (await ApplicationWizardView.submitPage()).waitForDisplayed();