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

web/*: add loading indicator to select inputs

Browse Source 
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2021-04-04 00:24:06 +02:00
parent 87fdb591ce
commit 1835981f3d
23 changed files with 46 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/pages/policies/PolicyBindingForm.ts
View File

@ -80,7 +80,7 @@ export class PolicyBindingForm extends Form<PolicyBinding> {
ordering: "pk"
}).then(policies => {
return this.groupPolicies(policies.results);
}), html``)}
}), html`<option>${t`Loading...`}</option>`)}
</select>
</ak-form-element-horizontal>
<ak-form-element-horizontal
@ -94,7 +94,7 @@ export class PolicyBindingForm extends Form<PolicyBinding> {
return groups.results.map(group => {
return html`<option value=${ifDefined(group.pk)} ?selected=${group.pk === this.binding?.group}>${group.name}</option>`;
});
}), html``)}
}), html`<option>${t`Loading...`}</option>`)}
</select>
</ak-form-element-horizontal>
<ak-form-element-horizontal
@ -108,7 +108,7 @@ export class PolicyBindingForm extends Form<PolicyBinding> {
return users.results.map(user => {
return html`<option value=${ifDefined(user.pk)} ?selected=${user.pk === this.binding?.user}>${user.name}</option>`;
});
}), html``)}
}), html`<option>${t`Loading...`}</option>`)}
</select>
</ak-form-element-horizontal>
<input required name="target" type="hidden" value=${ifDefined(this.binding?.target || this.targetPk)}>

2
web/src/pages/policies/PolicyTestForm.ts
View File

@ -69,7 +69,7 @@ export class PolicyTestForm extends Form<PolicyTest> {
return users.results.map(user => {
return html`<option value=${ifDefined(user.pk)}>${user.username}</option>`;
});
}), html``)}
}), html`<option>${t`Loading...`}</option>`)}
</select>
</ak-form-element-horizontal>
<ak-form-element-horizontal

4
web/src/pages/policies/event_matcher/EventMatcherPolicyForm.ts
View File

@ -75,7 +75,7 @@ export class EventMatcherPolicyForm extends Form<EventMatcherPolicy> {
return actions.map(action => {
return html`<option value=${action.component} ?selected=${this.policy?.action === action.component}>${action.name}</option>`;
});
}))}
}), html`<option>${t`Loading...`}</option>`)}
</select>
<p class="pf-c-form__helper-text">${t`Match created events with this action type. When left empty, all action types will be matched.`}</p>
</ak-form-element-horizontal>
@ -94,7 +94,7 @@ export class EventMatcherPolicyForm extends Form<EventMatcherPolicy> {
return apps.map(app => {
return html`<option value=${app.name} ?selected=${this.policy?.app === app.name}>${app.label}</option>`;
});
}))}
}), html`<option>${t`Loading...`}</option>`)}
</select>
<p class="pf-c-form__helper-text">${t`Match events created by selected application. When left empty, all applications are matched.`}</p>
</ak-form-element-horizontal>