From 1835981f3dcd1836ac2a827e97b2a7e1e47b33d7 Mon Sep 17 00:00:00 2001 From: Jens Langhammer Date: Sun, 4 Apr 2021 00:24:06 +0200 Subject: [PATCH] web/*: add loading indicator to select inputs Signed-off-by: Jens Langhammer --- web/src/pages/applications/ApplicationForm.ts | 2 +- web/src/pages/events/RuleForm.ts | 4 ++-- web/src/pages/flows/StageBindingForm.ts | 4 ++-- web/src/pages/groups/GroupForm.ts | 4 ++-- web/src/pages/outposts/OutpostForm.ts | 4 ++-- web/src/pages/outposts/ServiceConnectionDockerForm.ts | 4 ++-- web/src/pages/policies/PolicyBindingForm.ts | 6 +++--- web/src/pages/policies/PolicyTestForm.ts | 2 +- .../policies/event_matcher/EventMatcherPolicyForm.ts | 4 ++-- .../pages/property-mappings/PropertyMappingTestForm.ts | 2 +- web/src/pages/providers/oauth2/OAuth2ProviderForm.ts | 6 +++--- web/src/pages/providers/proxy/ProxyProviderForm.ts | 4 ++-- web/src/pages/providers/saml/SAMLProviderForm.ts | 10 +++++----- web/src/pages/providers/saml/SAMLProviderImportForm.ts | 2 +- web/src/pages/sources/ldap/LDAPSourceForm.ts | 4 ++-- web/src/pages/sources/oauth/OAuthSourceForm.ts | 6 +++--- web/src/pages/sources/saml/SAMLSourceForm.ts | 8 ++++---- .../AuthenticatorStaticStageForm.ts | 2 +- .../authenticator_totp/AuthenticatorTOTPStageForm.ts | 2 +- .../AuthenticatorValidateStageForm.ts | 2 +- .../stages/identification/IdentificationStageForm.ts | 4 ++-- web/src/pages/stages/password/PasswordStageForm.ts | 2 +- web/src/pages/stages/prompt/PromptStageForm.ts | 4 ++-- 23 files changed, 46 insertions(+), 46 deletions(-) diff --git a/web/src/pages/applications/ApplicationForm.ts b/web/src/pages/applications/ApplicationForm.ts index bfd6e9289..c88b41c5e 100644 --- a/web/src/pages/applications/ApplicationForm.ts +++ b/web/src/pages/applications/ApplicationForm.ts @@ -94,7 +94,7 @@ export class ApplicationForm extends Form { ${until(new ProvidersApi(DEFAULT_CONFIG).providersAllList({}).then(providers => { return this.groupProviders(providers.results); - }), html``)} + }), html``)} { return groups.results.map(group => { return html``; }); - }), html``)} + }), html``)} { }); return html``; }); - }))} + }), html``)}

${t`Select which transports should be used to notify the user. If none are selected, the notification will only be shown in the authentik UI.`}

${t`Hold control/command to select multiple items.`}

diff --git a/web/src/pages/flows/StageBindingForm.ts b/web/src/pages/flows/StageBindingForm.ts index 868108641..f6d8f9e86 100644 --- a/web/src/pages/flows/StageBindingForm.ts +++ b/web/src/pages/flows/StageBindingForm.ts @@ -82,7 +82,7 @@ export class StageBindingForm extends Form { // No ?selected check here, as this input isnt shown on update forms return html``; }); - }), html``)} + }), html``)} `; } @@ -99,7 +99,7 @@ export class StageBindingForm extends Form { ordering: "pk" }).then(stages => { return this.groupStages(stages.results); - }), html``)} + }), html``)} diff --git a/web/src/pages/groups/GroupForm.ts b/web/src/pages/groups/GroupForm.ts index 62862e250..b71acc2fb 100644 --- a/web/src/pages/groups/GroupForm.ts +++ b/web/src/pages/groups/GroupForm.ts @@ -64,7 +64,7 @@ export class GroupForm extends Form { return groups.results.map(group => { return html``; }); - }), html``)} + }), html``)} { }); return html``; }); - }))} + }), html``)}

${t`Hold control/command to select multiple items.`}

 diff --git a/web/src/pages/outposts/OutpostForm.ts b/web/src/pages/outposts/OutpostForm.ts index 62e89d9c4..5f7846497 100644 --- a/web/src/pages/outposts/OutpostForm.ts +++ b/web/src/pages/outposts/OutpostForm.ts @@ -64,7 +64,7 @@ export class OutpostForm extends Form { return scs.results.map(sc => { return html``; }); - }), html``)} + }), html``)}

${t`Selecting a service-connection enables the management of the outpost by authentik.`}

@@ -85,7 +85,7 @@ export class OutpostForm extends Form { }); return html``; }); - }))} + }), html``)}

${t`Hold control/command to select multiple items.`}

diff --git a/web/src/pages/outposts/ServiceConnectionDockerForm.ts b/web/src/pages/outposts/ServiceConnectionDockerForm.ts index 71c3a189b..c1a937b33 100644 --- a/web/src/pages/outposts/ServiceConnectionDockerForm.ts +++ b/web/src/pages/outposts/ServiceConnectionDockerForm.ts @@ -79,7 +79,7 @@ export class ServiceConnectionDockerForm extends Form { return certs.results.map(cert => { return html``; }); - }))} + }), html``)}

${t`CA which the endpoint's Certificate is verified against. Can be left empty for no validation.`}

@@ -95,7 +95,7 @@ export class ServiceConnectionDockerForm extends Form { return certs.results.map(cert => { return html``; }); - }))} + }), html``)}

${t`Certificate/Key used for authentication. Can be left empty for no authentication.`}

diff --git a/web/src/pages/policies/PolicyBindingForm.ts b/web/src/pages/policies/PolicyBindingForm.ts index de0326806..4a14eaa81 100644 --- a/web/src/pages/policies/PolicyBindingForm.ts +++ b/web/src/pages/policies/PolicyBindingForm.ts @@ -80,7 +80,7 @@ export class PolicyBindingForm extends Form { ordering: "pk" }).then(policies => { return this.groupPolicies(policies.results); - }), html``)} + }), html``)} { return groups.results.map(group => { return html``; }); - }), html``)} + }), html``)} { return users.results.map(user => { return html``; }); - }), html``)} + }), html``)} diff --git a/web/src/pages/policies/PolicyTestForm.ts b/web/src/pages/policies/PolicyTestForm.ts index 8c6654d10..799d934ee 100644 --- a/web/src/pages/policies/PolicyTestForm.ts +++ b/web/src/pages/policies/PolicyTestForm.ts @@ -69,7 +69,7 @@ export class PolicyTestForm extends Form { return users.results.map(user => { return html``; }); - }), html``)} + }), html``)} { return actions.map(action => { return html``; }); - }))} + }), html``)}

${t`Match created events with this action type. When left empty, all action types will be matched.`}

 @@ -94,7 +94,7 @@ export class EventMatcherPolicyForm extends Form { return apps.map(app => { return html``; }); - }))} + }), html``)}

${t`Match events created by selected application. When left empty, all applications are matched.`}

diff --git a/web/src/pages/property-mappings/PropertyMappingTestForm.ts b/web/src/pages/property-mappings/PropertyMappingTestForm.ts index 5e64bb70d..e770f8bdd 100644 --- a/web/src/pages/property-mappings/PropertyMappingTestForm.ts +++ b/web/src/pages/property-mappings/PropertyMappingTestForm.ts @@ -58,7 +58,7 @@ export class PolicyTestForm extends Form { return users.results.map(user => { return html``; }); - }), html``)} + }), html``)} { return flows.results.map(flow => { return html``; }); - }))} + }), html``)}

${t`Flow used when authorizing this provider.`}

 @@ -159,7 +159,7 @@ export class OAuth2ProviderFormPage extends Form { }); return html``; }); - }))} + }), html``)}

${t`Select which scopes can be used by the client. The client stil has to specify the scope to access the data.`}

${t`Hold control/command to select multiple items.`}

@@ -177,7 +177,7 @@ export class OAuth2ProviderFormPage extends Form { return keys.results.map(key => { return html``; }); - }))} + }), html``)}

${t`Key used to sign the tokens. Only required when JWT Algorithm is set to RS256.`}

diff --git a/web/src/pages/providers/proxy/ProxyProviderForm.ts b/web/src/pages/providers/proxy/ProxyProviderForm.ts index b943440b8..e3e990070 100644 --- a/web/src/pages/providers/proxy/ProxyProviderForm.ts +++ b/web/src/pages/providers/proxy/ProxyProviderForm.ts @@ -65,7 +65,7 @@ export class ProxyProviderFormPage extends Form { return flows.results.map(flow => { return html``; }); - }))} + }), html``)}

${t`Flow used when authorizing this provider.`}

@@ -114,7 +114,7 @@ export class ProxyProviderFormPage extends Form { return keys.results.map(key => { return html``; }); - }))} + }), html``)} diff --git a/web/src/pages/providers/saml/SAMLProviderForm.ts b/web/src/pages/providers/saml/SAMLProviderForm.ts index d7ecd424f..0461f72a0 100644 --- a/web/src/pages/providers/saml/SAMLProviderForm.ts +++ b/web/src/pages/providers/saml/SAMLProviderForm.ts @@ -64,7 +64,7 @@ export class SAMLProviderFormPage extends Form { return flows.results.map(flow => { return html``; }); - }))} + }), html``)}

${t`Flow used when authorizing this provider.`}

@@ -125,7 +125,7 @@ export class SAMLProviderFormPage extends Form { return keys.results.map(key => { return html``; }); - }))} + }), html``)}

${t`Keypair used to sign outgoing Responses going to the Service Provider.`}

@@ -140,7 +140,7 @@ export class SAMLProviderFormPage extends Form { return keys.results.map(key => { return html``; }); - }))} + }), html``)}

${t`When selected, incoming assertion's Signatures will be validated against this certificate. To allow unsigned Requests, leave on default.`}

@@ -159,7 +159,7 @@ export class SAMLProviderFormPage extends Form { }); return html``; }); - }))} + }), html``)}

${t`Hold control/command to select multiple items.`}

@@ -174,7 +174,7 @@ export class SAMLProviderFormPage extends Form { return mappings.results.map(mapping => { return html``; }); - }))} + }), html``)}

${t`Configure how the NameID value will be created. When left empty, the NameIDPolicy of the incoming request will be respected.`}

diff --git a/web/src/pages/providers/saml/SAMLProviderImportForm.ts b/web/src/pages/providers/saml/SAMLProviderImportForm.ts index 834eb3377..9b04da89e 100644 --- a/web/src/pages/providers/saml/SAMLProviderImportForm.ts +++ b/web/src/pages/providers/saml/SAMLProviderImportForm.ts @@ -48,7 +48,7 @@ export class SAMLProviderImportForm extends Form { return flows.results.map(flow => { return html``; }); - }))} + }), html``)}

${t`Flow used when authorizing this provider.`}

diff --git a/web/src/pages/sources/ldap/LDAPSourceForm.ts b/web/src/pages/sources/ldap/LDAPSourceForm.ts index 2bde981e4..296da34fe 100644 --- a/web/src/pages/sources/ldap/LDAPSourceForm.ts +++ b/web/src/pages/sources/ldap/LDAPSourceForm.ts @@ -153,7 +153,7 @@ export class LDAPSourceForm extends Form { } return html``; }); - }))} + }), html``)}

${t`Property mappings used to user creation.`}

${t`Hold control/command to select multiple items.`}

@@ -177,7 +177,7 @@ export class LDAPSourceForm extends Form { } return html``; }); - }))} + }), html``)}

${t`Property mappings used to group creation.`}

${t`Hold control/command to select multiple items.`}

diff --git a/web/src/pages/sources/oauth/OAuthSourceForm.ts b/web/src/pages/sources/oauth/OAuthSourceForm.ts index c68d1c695..93baf3e53 100644 --- a/web/src/pages/sources/oauth/OAuthSourceForm.ts +++ b/web/src/pages/sources/oauth/OAuthSourceForm.ts @@ -145,7 +145,7 @@ export class OAuthSourceForm extends Form { return types.map(type => { return html``; }); - }))} + }), html``)}

${t`Keypair which is used to sign outgoing requests. Leave empty to disable signing.`}

@@ -173,7 +173,7 @@ export class OAuthSourceForm extends Form { } return html``; }); - }))} + }), html``)}

${t`Flow to use when authenticating existing users.`}

@@ -193,7 +193,7 @@ export class OAuthSourceForm extends Form { } return html``; }); - }))} + }), html``)}

${t`Flow to use when enrolling new users.`}

diff --git a/web/src/pages/sources/saml/SAMLSourceForm.ts b/web/src/pages/sources/saml/SAMLSourceForm.ts index 2bdef7afe..d917be3fe 100644 --- a/web/src/pages/sources/saml/SAMLSourceForm.ts +++ b/web/src/pages/sources/saml/SAMLSourceForm.ts @@ -118,7 +118,7 @@ export class SAMLSourceForm extends Form { return keys.results.map(key => { return html``; }); - }))} + }), html``)}

${t`Keypair which is used to sign outgoing requests. Leave empty to disable signing.`}

@@ -231,7 +231,7 @@ export class SAMLSourceForm extends Form { } return html``; }); - }))} + }), html``)}

${t`Flow used before authentication.`}

@@ -251,7 +251,7 @@ export class SAMLSourceForm extends Form { } return html``; }); - }))} + }), html``)}

${t`Flow to use when authenticating existing users.`}

@@ -271,7 +271,7 @@ export class SAMLSourceForm extends Form { } return html``; }); - }))} + }), html``)}

${t`Flow to use when enrolling new users.`}

diff --git a/web/src/pages/stages/authenticator_static/AuthenticatorStaticStageForm.ts b/web/src/pages/stages/authenticator_static/AuthenticatorStaticStageForm.ts index 12cac2f03..180f9ac2e 100644 --- a/web/src/pages/stages/authenticator_static/AuthenticatorStaticStageForm.ts +++ b/web/src/pages/stages/authenticator_static/AuthenticatorStaticStageForm.ts @@ -80,7 +80,7 @@ export class AuthenticatorStaticStageForm extends Form } return html``; }); - }))} + }), html``)}

${t`Flow used by an authenticated user to configure this Stage. If empty, user will not be able to configure this stage.`}

diff --git a/web/src/pages/stages/authenticator_totp/AuthenticatorTOTPStageForm.ts b/web/src/pages/stages/authenticator_totp/AuthenticatorTOTPStageForm.ts index d0be0350e..55eec164b 100644 --- a/web/src/pages/stages/authenticator_totp/AuthenticatorTOTPStageForm.ts +++ b/web/src/pages/stages/authenticator_totp/AuthenticatorTOTPStageForm.ts @@ -86,7 +86,7 @@ export class AuthenticatorTOTPStageForm extends Form { } return html``; }); - }))} + }), html``)}

${t`Flow used by an authenticated user to configure this Stage. If empty, user will not be able to configure this stage.`}

diff --git a/web/src/pages/stages/authenticator_validate/AuthenticatorValidateStageForm.ts b/web/src/pages/stages/authenticator_validate/AuthenticatorValidateStageForm.ts index eb15e709c..bfdecc280 100644 --- a/web/src/pages/stages/authenticator_validate/AuthenticatorValidateStageForm.ts +++ b/web/src/pages/stages/authenticator_validate/AuthenticatorValidateStageForm.ts @@ -122,7 +122,7 @@ export class AuthenticatorValidateStageForm extends Form${stage.name} (${stage.verboseName})`; }); - }))} + }), html``)}

${t`Stage used to configure Authenticator when user doesn't have any compatible devices. After this configuration Stage passes, the user is not prompted again.`}

diff --git a/web/src/pages/stages/identification/IdentificationStageForm.ts b/web/src/pages/stages/identification/IdentificationStageForm.ts index 3286ea12e..020aec362 100644 --- a/web/src/pages/stages/identification/IdentificationStageForm.ts +++ b/web/src/pages/stages/identification/IdentificationStageForm.ts @@ -109,7 +109,7 @@ export class IdentificationStageForm extends Form { const selected = this.stage?.enrollmentFlow === flow.pk; return html``; }); - }))} + }), html``)}

${t`Optional enrollment flow, which is linked at the bottom of the page.`}

@@ -126,7 +126,7 @@ export class IdentificationStageForm extends Form { const selected = this.stage?.recoveryFlow === flow.pk; return html``; }); - }))} + }), html``)}

${t`Optional recovery flow, which is linked at the bottom of the page.`}

diff --git a/web/src/pages/stages/password/PasswordStageForm.ts b/web/src/pages/stages/password/PasswordStageForm.ts index 4fd60721d..649bf1da8 100644 --- a/web/src/pages/stages/password/PasswordStageForm.ts +++ b/web/src/pages/stages/password/PasswordStageForm.ts @@ -96,7 +96,7 @@ export class PasswordStageForm extends Form { } return html``; }); - }))} + }), html``)}

${t`Flow used by an authenticated user to configure their password. If empty, user will not be able to configure change their password.`}

diff --git a/web/src/pages/stages/prompt/PromptStageForm.ts b/web/src/pages/stages/prompt/PromptStageForm.ts index b5e8bab50..7cb3a1af1 100644 --- a/web/src/pages/stages/prompt/PromptStageForm.ts +++ b/web/src/pages/stages/prompt/PromptStageForm.ts @@ -73,7 +73,7 @@ export class PromptStageForm extends Form { ${t`${prompt.fieldKey} ('${prompt.label}', Type ${prompt.type})`} `; }); - }))} + }), html``)}

${t`Hold control/command to select multiple items.`}

@@ -92,7 +92,7 @@ export class PromptStageForm extends Form { ${t`${policy.name} (${policy.verboseName})`} `; }); - }))} + }), html``)}

${t`Selected policies are executed when the stage is submitted to validate the data.`}

${t`Hold control/command to select multiple items.`}