web/*: add loading indicator to select inputs
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
parent
87fdb591ce
commit
1835981f3d
|
@ -94,7 +94,7 @@ export class ApplicationForm extends Form<Application> {
|
||||||
<option value="" ?selected=${this.application?.provider === undefined}>---------</option>
|
<option value="" ?selected=${this.application?.provider === undefined}>---------</option>
|
||||||
${until(new ProvidersApi(DEFAULT_CONFIG).providersAllList({}).then(providers => {
|
${until(new ProvidersApi(DEFAULT_CONFIG).providersAllList({}).then(providers => {
|
||||||
return this.groupProviders(providers.results);
|
return this.groupProviders(providers.results);
|
||||||
}), html``)}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
<ak-form-element-horizontal
|
<ak-form-element-horizontal
|
||||||
|
|
|
@ -66,7 +66,7 @@ export class RuleForm extends Form<NotificationRule> {
|
||||||
return groups.results.map(group => {
|
return groups.results.map(group => {
|
||||||
return html`<option value=${ifDefined(group.pk)} ?selected=${this.rule?.group?.groupUuid === group.pk}>${group.name}</option>`;
|
return html`<option value=${ifDefined(group.pk)} ?selected=${this.rule?.group?.groupUuid === group.pk}>${group.name}</option>`;
|
||||||
});
|
});
|
||||||
}), html``)}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
<ak-form-element-horizontal
|
<ak-form-element-horizontal
|
||||||
|
@ -81,7 +81,7 @@ export class RuleForm extends Form<NotificationRule> {
|
||||||
});
|
});
|
||||||
return html`<option value=${ifDefined(transport.pk)} ?selected=${selected}>${transport.name}</option>`;
|
return html`<option value=${ifDefined(transport.pk)} ?selected=${selected}>${transport.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${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.`}</p>
|
<p class="pf-c-form__helper-text">${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.`}</p>
|
||||||
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
||||||
|
|
|
@ -82,7 +82,7 @@ export class StageBindingForm extends Form<FlowStageBinding> {
|
||||||
// No ?selected check here, as this input isnt shown on update forms
|
// No ?selected check here, as this input isnt shown on update forms
|
||||||
return html`<option value=${ifDefined(flow.pk)}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}), html``)}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
</ak-form-element-horizontal>`;
|
</ak-form-element-horizontal>`;
|
||||||
}
|
}
|
||||||
|
@ -99,7 +99,7 @@ export class StageBindingForm extends Form<FlowStageBinding> {
|
||||||
ordering: "pk"
|
ordering: "pk"
|
||||||
}).then(stages => {
|
}).then(stages => {
|
||||||
return this.groupStages(stages.results);
|
return this.groupStages(stages.results);
|
||||||
}), html``)}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
<ak-form-element-horizontal name="evaluateOnPlan">
|
<ak-form-element-horizontal name="evaluateOnPlan">
|
||||||
|
|
|
@ -64,7 +64,7 @@ export class GroupForm extends Form<Group> {
|
||||||
return groups.results.map(group => {
|
return groups.results.map(group => {
|
||||||
return html`<option value=${ifDefined(group.pk)} ?selected=${this.group?.parent === group.pk}>${group.name}</option>`;
|
return html`<option value=${ifDefined(group.pk)} ?selected=${this.group?.parent === group.pk}>${group.name}</option>`;
|
||||||
});
|
});
|
||||||
}), html``)}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
<ak-form-element-horizontal
|
<ak-form-element-horizontal
|
||||||
|
@ -81,7 +81,7 @@ export class GroupForm extends Form<Group> {
|
||||||
});
|
});
|
||||||
return html`<option value=${ifDefined(user.pk)} ?selected=${selected}>${user.username} (${user.name})</option>`;
|
return html`<option value=${ifDefined(user.pk)} ?selected=${selected}>${user.username} (${user.name})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
|
|
@ -64,7 +64,7 @@ export class OutpostForm extends Form<Outpost> {
|
||||||
return scs.results.map(sc => {
|
return scs.results.map(sc => {
|
||||||
return html`<option value=${ifDefined(sc.pk)} ?selected=${this.outpost?.serviceConnection === sc.pk}>${sc.name}</option>`;
|
return html`<option value=${ifDefined(sc.pk)} ?selected=${this.outpost?.serviceConnection === sc.pk}>${sc.name}</option>`;
|
||||||
});
|
});
|
||||||
}), html``)}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Selecting a service-connection enables the management of the outpost by authentik.`}</p>
|
<p class="pf-c-form__helper-text">${t`Selecting a service-connection enables the management of the outpost by authentik.`}</p>
|
||||||
<p class="pf-c-form__helper-text">
|
<p class="pf-c-form__helper-text">
|
||||||
|
@ -85,7 +85,7 @@ export class OutpostForm extends Form<Outpost> {
|
||||||
});
|
});
|
||||||
return html`<option value=${ifDefined(provider.pk)} ?selected=${selected}>${provider.verboseName} ${provider.name}</option>`;
|
return html`<option value=${ifDefined(provider.pk)} ?selected=${selected}>${provider.verboseName} ${provider.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
|
|
@ -79,7 +79,7 @@ export class ServiceConnectionDockerForm extends Form<DockerServiceConnection> {
|
||||||
return certs.results.map(cert => {
|
return certs.results.map(cert => {
|
||||||
return html`<option value=${ifDefined(cert.pk)} ?selected=${this.sc?.tlsVerification === cert.pk}>${cert.name}</option>`;
|
return html`<option value=${ifDefined(cert.pk)} ?selected=${this.sc?.tlsVerification === cert.pk}>${cert.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`CA which the endpoint's Certificate is verified against. Can be left empty for no validation.`}</p>
|
<p class="pf-c-form__helper-text">${t`CA which the endpoint's Certificate is verified against. Can be left empty for no validation.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
@ -95,7 +95,7 @@ export class ServiceConnectionDockerForm extends Form<DockerServiceConnection> {
|
||||||
return certs.results.map(cert => {
|
return certs.results.map(cert => {
|
||||||
return html`<option value=${ifDefined(cert.pk)} ?selected=${this.sc?.tlsAuthentication === cert.pk}>${cert.name}</option>`;
|
return html`<option value=${ifDefined(cert.pk)} ?selected=${this.sc?.tlsAuthentication === cert.pk}>${cert.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Certificate/Key used for authentication. Can be left empty for no authentication.`}</p>
|
<p class="pf-c-form__helper-text">${t`Certificate/Key used for authentication. Can be left empty for no authentication.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
|
|
@ -80,7 +80,7 @@ export class PolicyBindingForm extends Form<PolicyBinding> {
|
||||||
ordering: "pk"
|
ordering: "pk"
|
||||||
}).then(policies => {
|
}).then(policies => {
|
||||||
return this.groupPolicies(policies.results);
|
return this.groupPolicies(policies.results);
|
||||||
}), html``)}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
<ak-form-element-horizontal
|
<ak-form-element-horizontal
|
||||||
|
@ -94,7 +94,7 @@ export class PolicyBindingForm extends Form<PolicyBinding> {
|
||||||
return groups.results.map(group => {
|
return groups.results.map(group => {
|
||||||
return html`<option value=${ifDefined(group.pk)} ?selected=${group.pk === this.binding?.group}>${group.name}</option>`;
|
return html`<option value=${ifDefined(group.pk)} ?selected=${group.pk === this.binding?.group}>${group.name}</option>`;
|
||||||
});
|
});
|
||||||
}), html``)}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
<ak-form-element-horizontal
|
<ak-form-element-horizontal
|
||||||
|
@ -108,7 +108,7 @@ export class PolicyBindingForm extends Form<PolicyBinding> {
|
||||||
return users.results.map(user => {
|
return users.results.map(user => {
|
||||||
return html`<option value=${ifDefined(user.pk)} ?selected=${user.pk === this.binding?.user}>${user.name}</option>`;
|
return html`<option value=${ifDefined(user.pk)} ?selected=${user.pk === this.binding?.user}>${user.name}</option>`;
|
||||||
});
|
});
|
||||||
}), html``)}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
<input required name="target" type="hidden" value=${ifDefined(this.binding?.target || this.targetPk)}>
|
<input required name="target" type="hidden" value=${ifDefined(this.binding?.target || this.targetPk)}>
|
||||||
|
|
|
@ -69,7 +69,7 @@ export class PolicyTestForm extends Form<PolicyTest> {
|
||||||
return users.results.map(user => {
|
return users.results.map(user => {
|
||||||
return html`<option value=${ifDefined(user.pk)}>${user.username}</option>`;
|
return html`<option value=${ifDefined(user.pk)}>${user.username}</option>`;
|
||||||
});
|
});
|
||||||
}), html``)}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
<ak-form-element-horizontal
|
<ak-form-element-horizontal
|
||||||
|
|
|
@ -75,7 +75,7 @@ export class EventMatcherPolicyForm extends Form<EventMatcherPolicy> {
|
||||||
return actions.map(action => {
|
return actions.map(action => {
|
||||||
return html`<option value=${action.component} ?selected=${this.policy?.action === action.component}>${action.name}</option>`;
|
return html`<option value=${action.component} ?selected=${this.policy?.action === action.component}>${action.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</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>
|
<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>
|
</ak-form-element-horizontal>
|
||||||
|
@ -94,7 +94,7 @@ export class EventMatcherPolicyForm extends Form<EventMatcherPolicy> {
|
||||||
return apps.map(app => {
|
return apps.map(app => {
|
||||||
return html`<option value=${app.name} ?selected=${this.policy?.app === app.name}>${app.label}</option>`;
|
return html`<option value=${app.name} ?selected=${this.policy?.app === app.name}>${app.label}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Match events created by selected application. When left empty, all applications are matched.`}</p>
|
<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>
|
</ak-form-element-horizontal>
|
||||||
|
|
|
@ -58,7 +58,7 @@ export class PolicyTestForm extends Form<PolicyTest> {
|
||||||
return users.results.map(user => {
|
return users.results.map(user => {
|
||||||
return html`<option value=${ifDefined(user.pk)}>${user.username}</option>`;
|
return html`<option value=${ifDefined(user.pk)}>${user.username}</option>`;
|
||||||
});
|
});
|
||||||
}), html``)}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
<ak-form-element-horizontal
|
<ak-form-element-horizontal
|
||||||
|
|
|
@ -69,7 +69,7 @@ export class OAuth2ProviderFormPage extends Form<OAuth2Provider> {
|
||||||
return flows.results.map(flow => {
|
return flows.results.map(flow => {
|
||||||
return html`<option value=${ifDefined(flow.pk)} ?selected=${this.provider?.authorizationFlow === flow.pk}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)} ?selected=${this.provider?.authorizationFlow === flow.pk}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Flow used when authorizing this provider.`}</p>
|
<p class="pf-c-form__helper-text">${t`Flow used when authorizing this provider.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
@ -159,7 +159,7 @@ export class OAuth2ProviderFormPage extends Form<OAuth2Provider> {
|
||||||
});
|
});
|
||||||
return html`<option value=${ifDefined(scope.pk)} ?selected=${selected}>${scope.name}</option>`;
|
return html`<option value=${ifDefined(scope.pk)} ?selected=${selected}>${scope.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Select which scopes can be used by the client. The client stil has to specify the scope to access the data.`}</p>
|
<p class="pf-c-form__helper-text">${t`Select which scopes can be used by the client. The client stil has to specify the scope to access the data.`}</p>
|
||||||
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
||||||
|
@ -177,7 +177,7 @@ export class OAuth2ProviderFormPage extends Form<OAuth2Provider> {
|
||||||
return keys.results.map(key => {
|
return keys.results.map(key => {
|
||||||
return html`<option value=${ifDefined(key.pk)} ?selected=${this.provider?.rsaKey === key.pk}>${key.name}</option>`;
|
return html`<option value=${ifDefined(key.pk)} ?selected=${this.provider?.rsaKey === key.pk}>${key.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Key used to sign the tokens. Only required when JWT Algorithm is set to RS256.`}</p>
|
<p class="pf-c-form__helper-text">${t`Key used to sign the tokens. Only required when JWT Algorithm is set to RS256.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
|
|
@ -65,7 +65,7 @@ export class ProxyProviderFormPage extends Form<ProxyProvider> {
|
||||||
return flows.results.map(flow => {
|
return flows.results.map(flow => {
|
||||||
return html`<option value=${ifDefined(flow.pk)} ?selected=${this.provider?.authorizationFlow === flow.pk}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)} ?selected=${this.provider?.authorizationFlow === flow.pk}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Flow used when authorizing this provider.`}</p>
|
<p class="pf-c-form__helper-text">${t`Flow used when authorizing this provider.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
@ -114,7 +114,7 @@ export class ProxyProviderFormPage extends Form<ProxyProvider> {
|
||||||
return keys.results.map(key => {
|
return keys.results.map(key => {
|
||||||
return html`<option value=${ifDefined(key.pk)} ?selected=${this.provider?.certificate === key.pk}>${key.name}</option>`;
|
return html`<option value=${ifDefined(key.pk)} ?selected=${this.provider?.certificate === key.pk}>${key.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
|
||||||
|
|
|
@ -64,7 +64,7 @@ export class SAMLProviderFormPage extends Form<SAMLProvider> {
|
||||||
return flows.results.map(flow => {
|
return flows.results.map(flow => {
|
||||||
return html`<option value=${ifDefined(flow.pk)} ?selected=${this.provider?.authorizationFlow === flow.pk}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)} ?selected=${this.provider?.authorizationFlow === flow.pk}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Flow used when authorizing this provider.`}</p>
|
<p class="pf-c-form__helper-text">${t`Flow used when authorizing this provider.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
@ -125,7 +125,7 @@ export class SAMLProviderFormPage extends Form<SAMLProvider> {
|
||||||
return keys.results.map(key => {
|
return keys.results.map(key => {
|
||||||
return html`<option value=${ifDefined(key.pk)} ?selected=${this.provider?.signingKp === key.pk}>${key.name}</option>`;
|
return html`<option value=${ifDefined(key.pk)} ?selected=${this.provider?.signingKp === key.pk}>${key.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Keypair used to sign outgoing Responses going to the Service Provider.`}</p>
|
<p class="pf-c-form__helper-text">${t`Keypair used to sign outgoing Responses going to the Service Provider.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
@ -140,7 +140,7 @@ export class SAMLProviderFormPage extends Form<SAMLProvider> {
|
||||||
return keys.results.map(key => {
|
return keys.results.map(key => {
|
||||||
return html`<option value=${ifDefined(key.pk)} ?selected=${this.provider?.verificationKp === key.pk}>${key.name}</option>`;
|
return html`<option value=${ifDefined(key.pk)} ?selected=${this.provider?.verificationKp === key.pk}>${key.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</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>
|
<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>
|
</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>`;
|
return html`<option value=${ifDefined(mapping.pk)} ?selected=${selected}>${mapping.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
@ -174,7 +174,7 @@ export class SAMLProviderFormPage extends Form<SAMLProvider> {
|
||||||
return mappings.results.map(mapping => {
|
return mappings.results.map(mapping => {
|
||||||
return html`<option value=${ifDefined(mapping.pk)} ?selected=${this.provider?.nameIdMapping === mapping.pk}>${mapping.name}</option>`;
|
return html`<option value=${ifDefined(mapping.pk)} ?selected=${this.provider?.nameIdMapping === mapping.pk}>${mapping.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</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>
|
<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>
|
</ak-form-element-horizontal>
|
||||||
|
|
|
@ -48,7 +48,7 @@ export class SAMLProviderImportForm extends Form<SAMLProvider> {
|
||||||
return flows.results.map(flow => {
|
return flows.results.map(flow => {
|
||||||
return html`<option value=${ifDefined(flow.pk)}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Flow used when authorizing this provider.`}</p>
|
<p class="pf-c-form__helper-text">${t`Flow used when authorizing this provider.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
|
|
@ -153,7 +153,7 @@ export class LDAPSourceForm extends Form<LDAPSource> {
|
||||||
}
|
}
|
||||||
return html`<option value=${ifDefined(mapping.pk)} ?selected=${selected}>${mapping.name}</option>`;
|
return html`<option value=${ifDefined(mapping.pk)} ?selected=${selected}>${mapping.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Property mappings used to user creation.`}</p>
|
<p class="pf-c-form__helper-text">${t`Property mappings used to user creation.`}</p>
|
||||||
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
||||||
|
@ -177,7 +177,7 @@ export class LDAPSourceForm extends Form<LDAPSource> {
|
||||||
}
|
}
|
||||||
return html`<option value=${ifDefined(mapping.pk)} ?selected=${selected}>${mapping.name}</option>`;
|
return html`<option value=${ifDefined(mapping.pk)} ?selected=${selected}>${mapping.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Property mappings used to group creation.`}</p>
|
<p class="pf-c-form__helper-text">${t`Property mappings used to group creation.`}</p>
|
||||||
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
||||||
|
|
|
@ -145,7 +145,7 @@ export class OAuthSourceForm extends Form<OAuthSource> {
|
||||||
return types.map(type => {
|
return types.map(type => {
|
||||||
return html`<option ?data-urls-custom=${type.urlsCustomizable} value=${type.slug} ?selected=${this.source?.providerType === type.slug}>${type.name}</option>`;
|
return html`<option ?data-urls-custom=${type.urlsCustomizable} value=${type.slug} ?selected=${this.source?.providerType === type.slug}>${type.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Keypair which is used to sign outgoing requests. Leave empty to disable signing.`}</p>
|
<p class="pf-c-form__helper-text">${t`Keypair which is used to sign outgoing requests. Leave empty to disable signing.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
@ -173,7 +173,7 @@ export class OAuthSourceForm extends Form<OAuthSource> {
|
||||||
}
|
}
|
||||||
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Flow to use when authenticating existing users.`}</p>
|
<p class="pf-c-form__helper-text">${t`Flow to use when authenticating existing users.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
@ -193,7 +193,7 @@ export class OAuthSourceForm extends Form<OAuthSource> {
|
||||||
}
|
}
|
||||||
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Flow to use when enrolling new users.`}</p>
|
<p class="pf-c-form__helper-text">${t`Flow to use when enrolling new users.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
|
|
@ -118,7 +118,7 @@ export class SAMLSourceForm extends Form<SAMLSource> {
|
||||||
return keys.results.map(key => {
|
return keys.results.map(key => {
|
||||||
return html`<option value=${ifDefined(key.pk)} ?selected=${this.source?.signingKp === key.pk}>${key.name}</option>`;
|
return html`<option value=${ifDefined(key.pk)} ?selected=${this.source?.signingKp === key.pk}>${key.name}</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Keypair which is used to sign outgoing requests. Leave empty to disable signing.`}</p>
|
<p class="pf-c-form__helper-text">${t`Keypair which is used to sign outgoing requests. Leave empty to disable signing.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
@ -231,7 +231,7 @@ export class SAMLSourceForm extends Form<SAMLSource> {
|
||||||
}
|
}
|
||||||
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Flow used before authentication.`}</p>
|
<p class="pf-c-form__helper-text">${t`Flow used before authentication.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
@ -251,7 +251,7 @@ export class SAMLSourceForm extends Form<SAMLSource> {
|
||||||
}
|
}
|
||||||
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Flow to use when authenticating existing users.`}</p>
|
<p class="pf-c-form__helper-text">${t`Flow to use when authenticating existing users.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
@ -271,7 +271,7 @@ export class SAMLSourceForm extends Form<SAMLSource> {
|
||||||
}
|
}
|
||||||
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Flow to use when enrolling new users.`}</p>
|
<p class="pf-c-form__helper-text">${t`Flow to use when enrolling new users.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
|
|
@ -80,7 +80,7 @@ export class AuthenticatorStaticStageForm extends Form<AuthenticatorStaticStage>
|
||||||
}
|
}
|
||||||
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Flow used by an authenticated user to configure this Stage. If empty, user will not be able to configure this stage.`}</p>
|
<p class="pf-c-form__helper-text">${t`Flow used by an authenticated user to configure this Stage. If empty, user will not be able to configure this stage.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
|
|
@ -86,7 +86,7 @@ export class AuthenticatorTOTPStageForm extends Form<AuthenticatorTOTPStage> {
|
||||||
}
|
}
|
||||||
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Flow used by an authenticated user to configure this Stage. If empty, user will not be able to configure this stage.`}</p>
|
<p class="pf-c-form__helper-text">${t`Flow used by an authenticated user to configure this Stage. If empty, user will not be able to configure this stage.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
|
|
@ -122,7 +122,7 @@ export class AuthenticatorValidateStageForm extends Form<AuthenticatorValidateSt
|
||||||
const selected = this.stage?.configurationStage === stage.pk;
|
const selected = this.stage?.configurationStage === stage.pk;
|
||||||
return html`<option value=${ifDefined(stage.pk)} ?selected=${selected}>${stage.name} (${stage.verboseName})</option>`;
|
return html`<option value=${ifDefined(stage.pk)} ?selected=${selected}>${stage.name} (${stage.verboseName})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${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.`}</p>
|
<p class="pf-c-form__helper-text">${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.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
|
|
@ -109,7 +109,7 @@ export class IdentificationStageForm extends Form<IdentificationStage> {
|
||||||
const selected = this.stage?.enrollmentFlow === flow.pk;
|
const selected = this.stage?.enrollmentFlow === flow.pk;
|
||||||
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Optional enrollment flow, which is linked at the bottom of the page.`}</p>
|
<p class="pf-c-form__helper-text">${t`Optional enrollment flow, which is linked at the bottom of the page.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
@ -126,7 +126,7 @@ export class IdentificationStageForm extends Form<IdentificationStage> {
|
||||||
const selected = this.stage?.recoveryFlow === flow.pk;
|
const selected = this.stage?.recoveryFlow === flow.pk;
|
||||||
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Optional recovery flow, which is linked at the bottom of the page.`}</p>
|
<p class="pf-c-form__helper-text">${t`Optional recovery flow, which is linked at the bottom of the page.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
|
|
@ -96,7 +96,7 @@ export class PasswordStageForm extends Form<PasswordStage> {
|
||||||
}
|
}
|
||||||
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
return html`<option value=${ifDefined(flow.pk)} ?selected=${selected}>${flow.name} (${flow.slug})</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Flow used by an authenticated user to configure their password. If empty, user will not be able to configure change their password.`}</p>
|
<p class="pf-c-form__helper-text">${t`Flow used by an authenticated user to configure their password. If empty, user will not be able to configure change their password.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
|
|
@ -73,7 +73,7 @@ export class PromptStageForm extends Form<PromptStage> {
|
||||||
${t`${prompt.fieldKey} ('${prompt.label}', Type ${prompt.type})`}
|
${t`${prompt.fieldKey} ('${prompt.label}', Type ${prompt.type})`}
|
||||||
</option>`;
|
</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
||||||
</ak-form-element-horizontal>
|
</ak-form-element-horizontal>
|
||||||
|
@ -92,7 +92,7 @@ export class PromptStageForm extends Form<PromptStage> {
|
||||||
${t`${policy.name} (${policy.verboseName})`}
|
${t`${policy.name} (${policy.verboseName})`}
|
||||||
</option>`;
|
</option>`;
|
||||||
});
|
});
|
||||||
}))}
|
}), html`<option>${t`Loading...`}</option>`)}
|
||||||
</select>
|
</select>
|
||||||
<p class="pf-c-form__helper-text">${t`Selected policies are executed when the stage is submitted to validate the data.`}</p>
|
<p class="pf-c-form__helper-text">${t`Selected policies are executed when the stage is submitted to validate the data.`}</p>
|
||||||
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
<p class="pf-c-form__helper-text">${t`Hold control/command to select multiple items.`}</p>
|
||||||
|
|
Reference in New Issue