web: initial migration to lingui

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2021-04-03 19:26:43 +02:00
parent fc1caf1469
commit 25300c1928
150 changed files with 8720 additions and 1482 deletions

View File

@ -1,5 +1,5 @@
import { CoreApi, Group } 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";
@ -18,9 +18,9 @@ export class GroupForm extends Form<Group> {
getSuccessMessage(): string {
if (this.group) {
return gettext("Successfully updated group.");
return t`Successfully updated group.`;
} else {
return gettext("Successfully created group.");
return t`Successfully created group.`;
}
}
@ -40,7 +40,7 @@ export class GroupForm extends Form<Group> {
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.group?.name)}" class="pf-c-form-control" required>
@ -49,13 +49,13 @@ export class GroupForm extends Form<Group> {
<div class="pf-c-check">
<input type="checkbox" class="pf-c-check__input" ?checked=${this.group?.isSuperuser || false}>
<label class="pf-c-check__label">
${gettext("Is superuser")}
${t`Is superuser`}
</label>
</div>
<p class="pf-c-form__helper-text">${gettext("Users added to this group will be superusers.")}</p>
<p class="pf-c-form__helper-text">${t`Users added to this group will be superusers.`}</p>
</ak-form-element-horizontal>
<ak-form-element-horizontal
label=${gettext("Parent")}
label=${t`Parent`}
?required=${true}
name="parent">
<select class="pf-c-form-control">
@ -68,7 +68,7 @@ export class GroupForm extends Form<Group> {
</select>
</ak-form-element-horizontal>
<ak-form-element-horizontal
label=${gettext("Members")}
label=${t`Members`}
?required=${true}
name="users">
<select class="pf-c-form-control" multiple>
@ -83,10 +83,10 @@ export class GroupForm extends Form<Group> {
});
}))}
</select>
<p class="pf-c-form__helper-text">${gettext("Hold control/command to select multiple items.")}</p>
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
</ak-form-element-horizontal>
<ak-form-element-horizontal
label=${gettext("Attributes")}
label=${t`Attributes`}
name="attributes">
<ak-codemirror mode="yaml" value="${YAML.stringify(this.group?.attributes)}">
</ak-codemirror>

View File

@ -1,4 +1,4 @@
import { gettext } from "django";
import { t } from "@lingui/macro";
import { customElement, html, property, TemplateResult } from "lit-element";
import { AKResponse } from "../../api/Client";
import { TablePage } from "../../elements/table/TablePage";
@ -18,10 +18,10 @@ export class GroupListPage extends TablePage<Group> {
return true;
}
pageTitle(): string {
return gettext("Groups");
return t`Groups`;
}
pageDescription(): string {
return gettext("Group users together and give them permissions based on the membership.");
return t`Group users together and give them permissions based on the membership.`;
}
pageIcon(): string {
return "pf-icon pf-icon-users";
@ -41,8 +41,8 @@ export class GroupListPage extends TablePage<Group> {
columns(): TableColumn[] {
return [
new TableColumn("Name", "name"),
new TableColumn("Parent", "parent"),
new TableColumn(t`Name`, t`name`),
new TableColumn(t`Parent`, t`parent`),
new TableColumn("Members"),
new TableColumn("Superuser privileges?"),
new TableColumn(""),
@ -58,27 +58,27 @@ export class GroupListPage extends TablePage<Group> {
html`
<ak-forms-modal>
<span slot="submit">
${gettext("Update")}
${t`Update`}
</span>
<span slot="header">
${gettext("Update Group")}
${t`Update Group`}
</span>
<ak-group-form slot="form" .group=${item}>
</ak-group-form>
<button slot="trigger" class="pf-c-button pf-m-secondary">
${gettext("Edit")}
${t`Edit`}
</button>
</ak-forms-modal>
<ak-forms-delete
.obj=${item}
objectLabel=${gettext("Group")}
objectLabel=${t`Group`}
.delete=${() => {
return new CoreApi(DEFAULT_CONFIG).coreGroupsDelete({
groupUuid: item.pk || ""
});
}}>
<button slot="trigger" class="pf-c-button pf-m-danger">
${gettext("Delete")}
${t`Delete`}
</button>
</ak-forms-delete>`,
];
@ -88,15 +88,15 @@ export class GroupListPage extends TablePage<Group> {
return html`
<ak-forms-modal>
<span slot="submit">
${gettext("Create")}
${t`Create`}
</span>
<span slot="header">
${gettext("Create Group")}
${t`Create Group`}
</span>
<ak-group-form slot="form">
</ak-group-form>
<button slot="trigger" class="pf-c-button pf-m-primary">
${gettext("Create")}
${t`Create`}
</button>
</ak-forms-modal>
${super.renderToolbar()}