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

web: set name on ak-form-element-horizontal for error messages

Browse Source 
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2021-03-29 18:22:15 +02:00
parent 5b8e3b4189
commit d5281d2023
6 changed files with 92 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
web/src/pages/groups/GroupForm.ts
View File

@ -39,20 +39,26 @@ 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")} ?required=${true}>
<input type="text" name="name" value="${ifDefined(this.group?.name)}" class="pf-c-form-control" required="">
<ak-form-element-horizontal
label=${gettext("Name")}
?required=${true}
name="name">
<input type="text" value="${ifDefined(this.group?.name)}" class="pf-c-form-control" required="">
</ak-form-element-horizontal>
<ak-form-element-horizontal>
<ak-form-element-horizontal name="isSuperuser">
<div class="pf-c-check">
<input type="checkbox" name="is_superuser" class="pf-c-check__input" ?checked=${this.group?.isSuperuser || false}>
<input type="checkbox" class="pf-c-check__input" ?checked=${this.group?.isSuperuser || false}>
<label class="pf-c-check__label">
${gettext("Is superuser")}
</label>
</div>
<p class="pf-c-form__helper-text">${gettext("Users added to this group will be superusers.")}</p>
</ak-form-element-horizontal>
<ak-form-element-horizontal label=${gettext("Parent")} ?required=${true}>
<select name="parent" class="pf-c-form-control">
<ak-form-element-horizontal
label=${gettext("Parent")}
?required=${true}
name="parent">
<select class="pf-c-form-control">
<option value="" ?selected=${this.group?.parent === undefined}>---------</option>
${until(new CoreApi(DEFAULT_CONFIG).coreGroupsList({}).then(groups => {
return groups.results.map(group => {
@ -61,8 +67,11 @@ export class GroupForm extends Form<Group> {
}), html``)}
</select>
</ak-form-element-horizontal>
<ak-form-element-horizontal label=${gettext("Members")} ?required=${true}>
<select name="users" class="pf-c-form-control" multiple="">
<ak-form-element-horizontal
label=${gettext("Members")}
?required=${true}
name="users">
<select name="users" class="pf-c-form-control" multiple>
${until(new CoreApi(DEFAULT_CONFIG).coreUsersList({}).then(users => {
return users.results.map(user => {
const selected = Array.from(this.group?.users || []).some(su => {
@ -74,8 +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>
</ak-form-element-horizontal>
<ak-form-element-horizontal label=${gettext("Attributes")}>
<ak-codemirror mode="yaml" name="attributes" value="${YAML.stringify(this.group?.attributes)}">
<ak-form-element-horizontal
label=${gettext("Attributes")}
name="attributes">
<ak-codemirror mode="yaml" value="${YAML.stringify(this.group?.attributes)}">
</ak-codemirror>
</ak-form-element-horizontal>
</form>`;