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

10
web/src/pages/providers/saml/SAMLProviderForm.ts
View File

@ -64,7 +64,7 @@ export class SAMLProviderFormPage extends Form<SAMLProvider> {
return flows.results.map(flow => {
return html`<option value=${ifDefined(flow.pk)} ?selected=${this.provider?.authorizationFlow === flow.pk}>${flow.name} (${flow.slug})</option>`;
});
}))}
}), html`<option>${t`Loading...`}</option>`)}
</select>
<p class="pf-c-form__helper-text">${t`Flow used when authorizing this provider.`}</p>
</ak-form-element-horizontal>
@ -125,7 +125,7 @@ export class SAMLProviderFormPage extends Form<SAMLProvider> {
return keys.results.map(key => {
return html`<option value=${ifDefined(key.pk)} ?selected=${this.provider?.signingKp === key.pk}>${key.name}</option>`;
});
}))}
}), html`<option>${t`Loading...`}</option>`)}
</select>
<p class="pf-c-form__helper-text">${t`Keypair used to sign outgoing Responses going to the Service Provider.`}</p>
</ak-form-element-horizontal>
@ -140,7 +140,7 @@ export class SAMLProviderFormPage extends Form<SAMLProvider> {
return keys.results.map(key => {
return html`<option value=${ifDefined(key.pk)} ?selected=${this.provider?.verificationKp === key.pk}>${key.name}</option>`;
});
}))}
}), html`<option>${t`Loading...`}</option>`)}
</select>
<p class="pf-c-form__helper-text">${t`When selected, incoming assertion's Signatures will be validated against this certificate. To allow unsigned Requests, leave on default.`}</p>
</ak-form-element-horizontal>
@ -159,7 +159,7 @@ export class SAMLProviderFormPage extends Form<SAMLProvider> {
});
return html`<option value=${ifDefined(mapping.pk)} ?selected=${selected}>${mapping.name}</option>`;
});
}))}
}), html`<option>${t`Loading...`}</option>`)}
</select>
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
</ak-form-element-horizontal>
@ -174,7 +174,7 @@ export class SAMLProviderFormPage extends Form<SAMLProvider> {
return mappings.results.map(mapping => {
return html`<option value=${ifDefined(mapping.pk)} ?selected=${this.provider?.nameIdMapping === mapping.pk}>${mapping.name}</option>`;
});
}))}
}), html`<option>${t`Loading...`}</option>`)}
</select>
<p class="pf-c-form__helper-text">${t`Configure how the NameID value will be created. When left empty, the NameIDPolicy of the incoming request will be respected.`}</p>
</ak-form-element-horizontal>

2
web/src/pages/providers/saml/SAMLProviderImportForm.ts
View File

@ -48,7 +48,7 @@ export class SAMLProviderImportForm extends Form<SAMLProvider> {
return flows.results.map(flow => {
return html`<option value=${ifDefined(flow.pk)}>${flow.name} (${flow.slug})</option>`;
});
}))}
}), html`<option>${t`Loading...`}</option>`)}
</select>
<p class="pf-c-form__helper-text">${t`Flow used when authorizing this provider.`}</p>
</ak-form-element-horizontal>