web: move ak-form-element to separate file

Pipfile

@@ -6,6 +6,9 @@ verify_ssl = true
 [packages]
 boto3 = "*"
 celery = "*"
+channels = "*"
+channels-redis = "*"
+dacite = "*"
 defusedxml = "*"
 django = "*"
 django-cors-middleware = "*"
@@ -17,19 +20,21 @@ django-otp = "*"
 django-prometheus = "*"
 django-recaptcha = "*"
 django-redis = "*"
-djangorestframework = "*"
 django-storages = "*"
+djangorestframework = "*"
 djangorestframework-guardian = "*"
+docker = "*"
 drf_yasg2 = "*"
 facebook-sdk = "*"
+geoip2 = "*"
+gunicorn = "*"
+kubernetes = "*"
 ldap3 = "*"
 lxml = "*"
 packaging = "*"
 psycopg2-binary = "*"
 pycryptodome = "*"
 pyjwkest = "*"
-uvicorn = {extras = ["standard"],version = "*"}
-gunicorn = "*"
 pyyaml = "*"
 qrcode = "*"
 requests-oauthlib = "*"
@@ -38,14 +43,9 @@ service_identity = "*"
 structlog = "*"
 swagger-spec-validator = "*"
 urllib3 = {extras = ["secure"],version = "*"}
-dacite = "*"
+uvicorn = {extras = ["standard"],version = "*"}
-channels = "*"
-channels-redis = "*"
-kubernetes = "*"
-docker = "*"
-xmlsec = "*"
-geoip2 = "*"
 webauthn = "*"
+xmlsec = "*"
 
 [requires]
 python_version = "3.9"

authentik/root/settings.py

@@ -470,8 +470,6 @@ for _app in INSTALLED_APPS:
             pass
 
 if DEBUG:
-    INSTALLED_APPS.append("debug_toolbar")
-    MIDDLEWARE.append("debug_toolbar.middleware.DebugToolbarMiddleware")
     CELERY_TASK_ALWAYS_EAGER = True
 
 INSTALLED_APPS.append("authentik.core.apps.AuthentikCoreConfig")

authentik/root/urls.py

@@ -63,13 +63,9 @@ urlpatterns += [
 ]
 
 if settings.DEBUG:
-    import debug_toolbar
 
     urlpatterns = (
-        [
+        static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
-            path("-/debug/", include(debug_toolbar.urls)),
-        ]
-        + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
         + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
         + urlpatterns
     )

web/src/elements/stages/authenticator_static/AuthenticatorStaticStage.ts

@@ -3,6 +3,7 @@ import { css, CSSResult, customElement, html, property, TemplateResult } from "l
 import { WithUserInfoChallenge } from "../../../api/Flows";
 import { COMMON_STYLES } from "../../../common/styles";
 import { BaseStage } from "../base";
+import "../form";
 
 export interface AuthenticatorStaticChallenge extends WithUserInfoChallenge {
     codes: number[];

web/src/elements/stages/authenticator_totp/AuthenticatorTOTPStage.ts

@@ -4,6 +4,7 @@ import { WithUserInfoChallenge } from "../../../api/Flows";
 import { COMMON_STYLES } from "../../../common/styles";
 import { BaseStage } from "../base";
 import "webcomponent-qr-code";
+import "../form";
 
 export interface AuthenticatorTOTPChallenge extends WithUserInfoChallenge {
     config_url: string;

web/src/elements/stages/form.ts

@@ -0,0 +1,35 @@
+import { customElement, LitElement, CSSResult, property } from "lit-element";
+import { TemplateResult, html } from "lit-html";
+import { Error } from "../../api/Flows";
+import { COMMON_STYLES } from "../../common/styles";
+
+@customElement("ak-form-element")
+export class FormElement extends LitElement {
+
+    static get styles(): CSSResult[] {
+        return COMMON_STYLES;
+    }
+
+    @property()
+    label?: string;
+
+    @property({ type: Boolean })
+    required = false;
+
+    @property({ attribute: false })
+    errors?: Error[];
+
+    render(): TemplateResult {
+        return html`<div class="pf-c-form__group">
+                <label class="pf-c-form__label">
+                    <span class="pf-c-form__label-text">${this.label}</span>
+                    ${this.required ? html`<span class="pf-c-form__label-required" aria-hidden="true">*</span>` : html``}
+                </label>
+                <slot></slot>
+                ${(this.errors || []).map((error) => {
+                        return html`<p class="pf-c-form__helper-text pf-m-error">${error.string}</p>`;
+                    })}
+            </div>`;
+    }
+
+}

web/src/elements/stages/identification/IdentificationStage.ts

@@ -1,8 +1,9 @@
 import { gettext } from "django";
-import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
+import { CSSResult, customElement, html, property, TemplateResult } from "lit-element";
-import { Challenge, Error } from "../../../api/Flows";
+import { Challenge } from "../../../api/Flows";
 import { COMMON_STYLES } from "../../../common/styles";
 import { BaseStage } from "../base";
+import "../form";
 
 export interface IdentificationChallenge extends Challenge {
 
@@ -23,37 +24,6 @@ export interface UILoginButton {
     icon_url?: string;
 }
 
-@customElement("ak-form-element")
-export class FormElement extends LitElement {
-
-    static get styles(): CSSResult[] {
-        return COMMON_STYLES;
-    }
-
-    @property()
-    label?: string;
-
-    @property({type: Boolean})
-    required = false;
-
-    @property({attribute: false})
-    errors?: Error[];
-
-    render(): TemplateResult {
-        return html`<div class="pf-c-form__group">
-                <label class="pf-c-form__label">
-                    <span class="pf-c-form__label-text">${this.label}</span>
-                    ${this.required ? html`<span class="pf-c-form__label-required" aria-hidden="true">*</span>` : html``}
-                </label>
-                <slot></slot>
-                ${(this.errors || []).map((error) => {
-                    return html`<p class="pf-c-form__helper-text pf-m-error">${error.string}</p>`;
-                })}
-            </div>`;
-    }
-
-}
-
 @customElement("ak-stage-identification")
 export class IdentificationStage extends BaseStage {
 
@@ -77,7 +47,7 @@ export class IdentificationStage extends BaseStage {
     }
 
     renderFooter(): TemplateResult {
-        if (!(this.challenge?.enroll_url && this.challenge.recovery_url)) {
+        if (!this.challenge?.enroll_url && !this.challenge?.recovery_url) {
             return html``;
         }
         return html`<div class="pf-c-login__main-footer-band">

web/src/elements/stages/password/PasswordStage.ts

@@ -3,6 +3,7 @@ import { CSSResult, customElement, html, property, TemplateResult } from "lit-el
 import { WithUserInfoChallenge } from "../../../api/Flows";
 import { COMMON_STYLES } from "../../../common/styles";
 import { BaseStage } from "../base";
+import "../form";
 
 export interface PasswordChallenge extends WithUserInfoChallenge {
     recovery_url?: string;

web/src/elements/stages/prompt/PromptStage.ts

@@ -3,6 +3,7 @@ import { CSSResult, customElement, html, property, TemplateResult } from "lit-el
 import { Challenge } from "../../../api/Flows";
 import { COMMON_STYLES } from "../../../common/styles";
 import { BaseStage } from "../base";
+import "../form";
 
 export interface Prompt {
     field_key: string;