web: initial migration to lingui
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
		| @ -1,5 +1,5 @@ | ||||
| import { Flow, FlowDesignationEnum, FlowPolicyEngineModeEnum, FlowsApi } from "authentik-api"; | ||||
| import { gettext } from "django"; | ||||
| import { t } from "@lingui/macro"; | ||||
| import { customElement, property } from "lit-element"; | ||||
| import { html, TemplateResult } from "lit-html"; | ||||
| import { DEFAULT_CONFIG } from "../../api/Config"; | ||||
| @ -15,9 +15,9 @@ export class FlowForm extends Form<Flow> { | ||||
|  | ||||
|     getSuccessMessage(): string { | ||||
|         if (this.flow) { | ||||
|             return gettext("Successfully updated flow."); | ||||
|             return t`Successfully updated flow.`; | ||||
|         } else { | ||||
|             return gettext("Successfully created flow."); | ||||
|             return t`Successfully created flow.`; | ||||
|         } | ||||
|     } | ||||
|  | ||||
| @ -48,25 +48,25 @@ export class FlowForm extends Form<Flow> { | ||||
|     renderDesignations(): TemplateResult { | ||||
|         return html` | ||||
|             <option value=${FlowDesignationEnum.Authentication} ?selected=${this.flow?.designation === FlowDesignationEnum.Authentication}> | ||||
|                 ${gettext("Authentication")} | ||||
|                 ${t`Authentication`} | ||||
|             </option> | ||||
|             <option value=${FlowDesignationEnum.Authorization} ?selected=${this.flow?.designation === FlowDesignationEnum.Authorization}> | ||||
|                 ${gettext("Authorization")} | ||||
|                 ${t`Authorization`} | ||||
|             </option> | ||||
|             <option value=${FlowDesignationEnum.Enrollment} ?selected=${this.flow?.designation === FlowDesignationEnum.Enrollment}> | ||||
|                 ${gettext("Enrollment")} | ||||
|                 ${t`Enrollment`} | ||||
|             </option> | ||||
|             <option value=${FlowDesignationEnum.Invalidation} ?selected=${this.flow?.designation === FlowDesignationEnum.Invalidation}> | ||||
|                 ${gettext("Invalidation")} | ||||
|                 ${t`Invalidation`} | ||||
|             </option> | ||||
|             <option value=${FlowDesignationEnum.Recovery} ?selected=${this.flow?.designation === FlowDesignationEnum.Recovery}> | ||||
|                 ${gettext("Recovery")} | ||||
|                 ${t`Recovery`} | ||||
|             </option> | ||||
|             <option value=${FlowDesignationEnum.StageConfiguration} ?selected=${this.flow?.designation === FlowDesignationEnum.StageConfiguration}> | ||||
|                 ${gettext("Stage Configuration")} | ||||
|                 ${t`Stage Configuration`} | ||||
|             </option> | ||||
|             <option value=${FlowDesignationEnum.Unenrollment} ?selected=${this.flow?.designation === FlowDesignationEnum.Unenrollment}> | ||||
|                 ${gettext("Unenrollment")} | ||||
|                 ${t`Unenrollment`} | ||||
|             </option> | ||||
|         `; | ||||
|     } | ||||
| @ -74,53 +74,53 @@ export class FlowForm extends Form<Flow> { | ||||
|     renderForm(): TemplateResult { | ||||
|         return html`<form class="pf-c-form pf-m-horizontal"> | ||||
|             <ak-form-element-horizontal | ||||
|                 label=${gettext("Name")} | ||||
|                 label=${t`Name`} | ||||
|                 ?required=${true} | ||||
|                 name="name"> | ||||
|                 <input type="text" value="${ifDefined(this.flow?.name)}" class="pf-c-form-control" required> | ||||
|             </ak-form-element-horizontal> | ||||
|             <ak-form-element-horizontal | ||||
|                 label=${gettext("Title")} | ||||
|                 label=${t`Title`} | ||||
|                 ?required=${true} | ||||
|                 name="title"> | ||||
|                 <input type="text" value="${ifDefined(this.flow?.title)}" class="pf-c-form-control" required> | ||||
|                 <p class="pf-c-form__helper-text">${gettext("Shown as the Title in Flow pages.")}</p> | ||||
|                 <p class="pf-c-form__helper-text">${t`Shown as the Title in Flow pages.`}</p> | ||||
|             </ak-form-element-horizontal> | ||||
|             <ak-form-element-horizontal | ||||
|                 label=${gettext("Name")} | ||||
|                 label=${t`Name`} | ||||
|                 ?required=${true} | ||||
|                 name="slug"> | ||||
|                 <input type="text" value="${ifDefined(this.flow?.slug)}" class="pf-c-form-control" required> | ||||
|                 <p class="pf-c-form__helper-text">${gettext("Visible in the URL.")}</p> | ||||
|                 <p class="pf-c-form__helper-text">${t`Visible in the URL.`}</p> | ||||
|             </ak-form-element-horizontal> | ||||
|             <ak-form-element-horizontal | ||||
|                 label=${gettext("Policy engine mode")} | ||||
|                 label=${t`Policy engine mode`} | ||||
|                 ?required=${true} | ||||
|                 name="policyEngineMode"> | ||||
|                 <select class="pf-c-form-control"> | ||||
|                     <option value=${FlowPolicyEngineModeEnum.Any} ?selected=${this.flow?.policyEngineMode === FlowPolicyEngineModeEnum.Any}> | ||||
|                         ${gettext("ANY, any policy must match to grant access.")} | ||||
|                         ${t`ANY, any policy must match to grant access.`} | ||||
|                     </option> | ||||
|                     <option value=${FlowPolicyEngineModeEnum.All} ?selected=${this.flow?.policyEngineMode === FlowPolicyEngineModeEnum.All}> | ||||
|                         ${gettext("ALL, all policies must match to grant access.")} | ||||
|                         ${t`ALL, all policies must match to grant access.`} | ||||
|                     </option> | ||||
|                 </select> | ||||
|             </ak-form-element-horizontal> | ||||
|             <ak-form-element-horizontal | ||||
|                 label=${gettext("Designation")} | ||||
|                 label=${t`Designation`} | ||||
|                 ?required=${true} | ||||
|                 name="designation"> | ||||
|                 <select class="pf-c-form-control"> | ||||
|                     <option value="" ?selected=${this.flow?.designation === undefined}>---------</option> | ||||
|                     ${this.renderDesignations()} | ||||
|                 </select> | ||||
|                 <p class="pf-c-form__helper-text">${gettext("Decides what this Flow is used for. For example, the Authentication flow is redirect to when an un-authenticated user visits authentik.")}</p> | ||||
|                 <p class="pf-c-form__helper-text">${t`Decides what this Flow is used for. For example, the Authentication flow is redirect to when an un-authenticated user visits authentik.`}</p> | ||||
|             </ak-form-element-horizontal> | ||||
|             <ak-form-element-horizontal | ||||
|                 label=${gettext("Background")} | ||||
|                 label=${t`Background`} | ||||
|                 name="background"> | ||||
|                 <input type="file" value="${ifDefined(this.flow?.background)}" class="pf-c-form-control"> | ||||
|                 <p class="pf-c-form__helper-text">${gettext("Background shown during execution.")}</p> | ||||
|                 <p class="pf-c-form__helper-text">${t`Background shown during execution.`}</p> | ||||
|             </ak-form-element-horizontal> | ||||
|         </form>`; | ||||
|     } | ||||
|  | ||||
		Reference in New Issue
	
	Block a user
	 Jens Langhammer
					Jens Langhammer