habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web/admin: migrate remaining forms

Browse Source 
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2021-05-11 12:44:50 +02:00
parent 59f339beda
commit 6f8d129dea
11 changed files with 588 additions and 576 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
web/src/pages/users/UserForm.ts
View File

@ -1,23 +1,26 @@
import { CoreApi, User } from "authentik-api";
import { t } from "@lingui/macro";
import { customElement, property } from "lit-element";
import { customElement } from "lit-element";
import { html, TemplateResult } from "lit-html";
import { DEFAULT_CONFIG } from "../../api/Config";
import { Form } from "../../elements/forms/Form";
import { ifDefined } from "lit-html/directives/if-defined";
import "../../elements/forms/HorizontalFormElement";
import "../../elements/CodeMirror";
import YAML from "yaml";
import { first } from "../../utils";
import { ModelForm } from "../../elements/forms/ModelForm";
@customElement("ak-user-form")
export class UserForm extends Form<User> {
export class UserForm extends ModelForm<User, number> {
@property({ attribute: false })
user?: User;
loadInstance(pk: number): Promise<User> {
return new CoreApi(DEFAULT_CONFIG).coreUsersRead({
id: pk
});
}
getSuccessMessage(): string {
if (this.user) {
if (this.instance) {
return t`Successfully updated user.`;
} else {
return t`Successfully created user.`;
@ -25,9 +28,9 @@ export class UserForm extends Form<User> {
}
send = (data: User): Promise<User> => {
if (this.user) {
if (this.instance) {
return new CoreApi(DEFAULT_CONFIG).coreUsersUpdate({
id: this.user.pk || 0,
id: this.instance.pk || 0,
data: data
});
} else {
@ -43,26 +46,26 @@ export class UserForm extends Form<User> {
label=${t`Username`}
?required=${true}
name="username">
<input type="text" value="${ifDefined(this.user?.username)}" class="pf-c-form-control" required>
<input type="text" value="${ifDefined(this.instance?.username)}" class="pf-c-form-control" required>
<p class="pf-c-form__helper-text">${t`Required. 150 characters or fewer. Letters, digits and @/./+/-/_ only.`}</p>
</ak-form-element-horizontal>
<ak-form-element-horizontal
label=${t`Name`}
?required=${true}
name="name">
<input type="text" value="${ifDefined(this.user?.name)}" class="pf-c-form-control" required>
<input type="text" value="${ifDefined(this.instance?.name)}" class="pf-c-form-control" required>
<p class="pf-c-form__helper-text">${t`User's display name.`}</p>
</ak-form-element-horizontal>
<ak-form-element-horizontal
label=${t`Email`}
?required=${true}
name="email">
<input type="email" autocomplete="off" value="${ifDefined(this.user?.email)}" class="pf-c-form-control" required>
<input type="email" autocomplete="off" value="${ifDefined(this.instance?.email)}" class="pf-c-form-control" required>
</ak-form-element-horizontal>
<ak-form-element-horizontal
name="isActive">
<div class="pf-c-check">
<input type="checkbox" class="pf-c-check__input" ?checked=${first(this.user?.isActive, true)}>
<input type="checkbox" class="pf-c-check__input" ?checked=${first(this.instance?.isActive, true)}>
<label class="pf-c-check__label">
${t`Is active`}
</label>
@ -73,7 +76,7 @@ export class UserForm extends Form<User> {
label=${t`Attributes`}
?required=${true}
name="attributes">
<ak-codemirror mode="yaml" value="${YAML.stringify(first(this.user?.attributes, {}))}">
<ak-codemirror mode="yaml" value="${YAML.stringify(first(this.instance?.attributes, {}))}">
</ak-codemirror>
<p class="pf-c-form__helper-text">${t`Set custom attributes using YAML or JSON.`}</p>
</ak-form-element-horizontal>

2
web/src/pages/users/UserListPage.ts
View File

@ -75,7 +75,7 @@ export class UserListPage extends TablePage<User> {
<span slot="header">
${t`Update User`}
</span>
<ak-user-form slot="form" .user=${item}>
<ak-user-form slot="form" .instancePk=${item.pk}>
</ak-user-form>
<button slot="trigger" class="pf-m-secondary pf-c-button">
${t`Edit`}

2
web/src/pages/users/UserViewPage.ts
View File

@ -144,7 +144,7 @@ export class UserViewPage extends LitElement {
<span slot="header">
${t`Update User`}
</span>
<ak-user-form slot="form" .user=${this.user}>
<ak-user-form slot="form" .instancePk=${this.user.pk}>
</ak-user-form>
<button slot="trigger" class="pf-m-primary pf-c-button">
${t`Edit`}