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

web: Improve form input validation and visibility. (#12812)

Browse Source
This commit is contained in:
Teffen Ellis
2025-02-14 02:11:35 +01:00
committed by GitHub
parent 49cc70eb96
commit 46a968d1dd
44 changed files with 268 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/admin/admin-settings/AdminSettingsFooterLinks.ts
View File

@ -74,10 +74,11 @@ export class FooterLinkInput extends AkControlElement<FooterLink> {
tabindex="1"
/>
<input
type="text"
type="url"
@change=${onChange}
value="${ifDefined(this.footerLink.href ?? undefined)}"
class="pf-c-form-control ak-form-control"
class="pf-c-form-control ak-form-control pf-m-monospace"
autocomplete="off"
required
placeholder=${msg("URL")}
name="href"

6
web/src/admin/admin-settings/AdminSettingsForm.ts
View File

@ -70,6 +70,7 @@ export class AdminSettingsForm extends Form<SettingsRequest> {
name="avatars"
label=${msg("Avatars")}
value="${ifDefined(this._settings?.avatars)}"
inputHint="code"
.bighelp=${html`
<p class="pf-c-form__helper-text">
${msg(
@ -156,6 +157,7 @@ export class AdminSettingsForm extends Form<SettingsRequest> {
<ak-text-input
name="eventRetention"
label=${msg("Event retention")}
inputHint="code"
required
value="${ifDefined(this._settings?.eventRetention)}"
.bighelp=${html`<p class="pf-c-form__helper-text">
@ -163,7 +165,8 @@ export class AdminSettingsForm extends Form<SettingsRequest> {
</p>
<p class="pf-c-form__helper-text">
${msg(
'When using an external logging solution for archiving, this can be set to "minutes=5".',
html`When using an external logging solution for archiving, this can be
set to <code>minutes=5</code>.`,
)}
</p>
<p class="pf-c-form__helper-text">
@ -218,6 +221,7 @@ export class AdminSettingsForm extends Form<SettingsRequest> {
<ak-text-input
name="defaultTokenDuration"
label=${msg("Default token duration")}
inputHint="code"
required
value="${ifDefined(this._settings?.defaultTokenDuration)}"
.bighelp=${html`<p class="pf-c-form__helper-text">

3
web/src/admin/applications/ApplicationForm.ts
View File

@ -134,6 +134,7 @@ export class ApplicationForm extends WithCapabilitiesConfig(ModelForm<Applicatio
label=${msg("Slug")}
required
help=${msg("Internal application name used in URLs.")}
inputHint="code"
></ak-text-input>
<ak-text-input
name="group"
@ -142,6 +143,7 @@ export class ApplicationForm extends WithCapabilitiesConfig(ModelForm<Applicatio
help=${msg(
"Optionally enter a group name. Applications with identical groups are shown grouped together.",
)}
inputHint="code"
></ak-text-input>
<ak-provider-search-input
name="provider"
@ -182,6 +184,7 @@ export class ApplicationForm extends WithCapabilitiesConfig(ModelForm<Applicatio
help=${msg(
"If left empty, authentik will try to extract the launch URL based on the selected provider.",
)}
inputHint="code"
></ak-text-input>
<ak-switch-input
name="openInNewTab"

3
web/src/admin/applications/wizard/steps/ak-application-wizard-application-step.ts
View File

@ -128,6 +128,7 @@ export class ApplicationWizardApplicationStep extends ApplicationWizardStep {
?invalid=${errors.slug ?? this.errors.has("slug")}
.errorMessages=${this.errorMessages("slug")}
help=${msg("Internal application name used in URLs.")}
inputHint="code"
></ak-slug-input>
<ak-text-input
name="group"
@ -137,6 +138,7 @@ export class ApplicationWizardApplicationStep extends ApplicationWizardStep {
help=${msg(
"Optionally enter a group name. Applications with identical groups are shown grouped together.",
)}
inputHint="code"
></ak-text-input>
<ak-radio-input
label=${msg("Policy engine mode")}
@ -159,6 +161,7 @@ export class ApplicationWizardApplicationStep extends ApplicationWizardStep {
help=${msg(
"If left empty, authentik will try to extract the launch URL based on the selected provider.",
)}
inputHint="code"
></ak-text-input>
<ak-switch-input
name="openInNewTab"

1
web/src/admin/applications/wizard/steps/providers/ak-application-wizard-provider-for-rac.ts
View File

@ -57,6 +57,7 @@ export class ApplicationWizardRACProviderForm extends ApplicationWizardProviderF
help=${msg(
"Determines how long a session lasts before being disconnected and requiring re-authorization.",
)}
inputHint="code"
></ak-text-input>
<ak-form-group .expanded=${true}>

13
web/src/admin/brands/BrandForm.ts
View File

@ -59,7 +59,10 @@ export class BrandForm extends ModelForm<Brand, string> {
<input
type="text"
value="${first(this.instance?.domain, window.location.host)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
inputmode="url"
required
/>
<p class="pf-c-form__helper-text">
@ -116,7 +119,9 @@ export class BrandForm extends ModelForm<Brand, string> {
<input
type="text"
value="${first(this.instance?.brandingLogo, DefaultBrand.brandingLogo)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">
@ -134,7 +139,9 @@ export class BrandForm extends ModelForm<Brand, string> {
this.instance?.brandingFavicon,
DefaultBrand.brandingFavicon,
)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">

14
web/src/admin/crypto/CertificateKeyPairForm.ts
View File

@ -52,7 +52,13 @@ export class CertificateKeyPairForm extends ModelForm<CertificateKeyPair, string
?writeOnly=${this.instance !== undefined}
?required=${true}
>
<textarea class="pf-c-form-control" required></textarea>
<textarea
autocomplete="off"
spellcheck="false"
class="pf-c-form-control pf-m-monospace"
placeholder="-----BEGIN CERTIFICATE-----"
required
></textarea>
<p class="pf-c-form__helper-text">${msg("PEM-encoded Certificate data.")}</p>
</ak-form-element-horizontal>
<ak-form-element-horizontal
@ -60,7 +66,11 @@ export class CertificateKeyPairForm extends ModelForm<CertificateKeyPair, string
?writeOnly=${this.instance !== undefined}
label=${msg("Private Key")}
>
<textarea class="pf-c-form-control"></textarea>
<textarea
autocomplete="off"
class="pf-c-form-control pf-m-monospace"
spellcheck="false"
></textarea>
<p class="pf-c-form__helper-text">
${msg(
"Optional Private Key. If this is set, you can use this keypair for encryption.",

25
web/src/admin/enterprise/EnterpriseLicenseForm.ts
View File

@ -51,13 +51,26 @@ export class EnterpriseLicenseForm extends ModelForm<License, string> {
}
renderForm(): TemplateResult {
// prettier-ignore
return html`
<ak-form-element-horizontal label=${msg("Install ID")}>
<input class="pf-c-form-control" readonly type="text" value="${ifDefined(this.installID)}" />
return html` <ak-form-element-horizontal label=${msg("Install ID")}>
<input
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
readonly
type="text"
value="${ifDefined(this.installID)}"
/>
</ak-form-element-horizontal>
<ak-form-element-horizontal name="key" ?writeOnly=${this.instance !== undefined} label=${msg("License key")}>
<textarea class="pf-c-form-control"></textarea>
<ak-form-element-horizontal
name="key"
?writeOnly=${this.instance !== undefined}
label=${msg("License key")}
>
<textarea
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
></textarea>
</ak-form-element-horizontal>`;
}
}

2
web/src/admin/enterprise/EnterpriseLicenseListPage.ts
View File

@ -254,7 +254,7 @@ export class EnterpriseLicenseListPage extends TablePage<License> {
const renderCard = (installID: string) => html`
<div class="pf-c-card__title">${msg("Your Install ID")}</div>
<div class="pf-c-card__body install-id">${installID}</div>
<div class="pf-c-card__body install-id pf-m-monospace">${installID}</div>
<div class="pf-c-card__body">
<a
target="_blank"

4
web/src/admin/flows/FlowForm.ts
View File

@ -99,7 +99,9 @@ export class FlowForm extends WithCapabilitiesConfig(ModelForm<Flow, string>) {
<input
type="text"
value="${ifDefined(this.instance?.slug)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">${msg("Visible in the URL.")}</p>

9
web/src/admin/outposts/ServiceConnectionDockerForm.ts
View File

@ -72,12 +72,17 @@ export class ServiceConnectionDockerForm extends ModelForm<DockerServiceConnecti
<input
type="text"
value="${ifDefined(this.instance?.url)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
inputmode="url"
required
/>
<p class="pf-c-form__helper-text">
${msg(
"Can be in the format of 'unix://' when connecting to a local docker daemon, using 'ssh://' to connect via SSH, or 'https://:2376' when connecting to a remote system.",
html`Can be in the format of <code>unix://</code> when connecting to a local
docker daemon, using <code>ssh://</code> to connect via SSH, or
<code>https://:2376</code> when connecting to a remote system.`,
)}
</p>
</ak-form-element-horizontal>

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

@ -113,7 +113,9 @@ export class EventMatcherPolicyForm extends BasePolicyForm<EventMatcherPolicy> {
<input
type="text"
value="${ifDefined(this.instance?.clientIp || "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
<p class="pf-c-form__helper-text">
${msg(

4
web/src/admin/policies/geoip/GeoIPPolicyForm.ts
View File

@ -86,7 +86,9 @@ export class GeoIPPolicyForm extends BasePolicyForm<GeoIPPolicy> {
<input
type="text"
value="${this.instance?.asns ?? ""}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
<p class="pf-c-form__helper-text">
${msg(

4
web/src/admin/providers/google_workspace/GoogleWorkspaceProviderForm.ts
View File

@ -82,7 +82,7 @@ export class GoogleWorkspaceProviderFormPage extends BaseProviderForm<GoogleWork
<input
type="email"
value="${first(this.instance?.delegatedSubject, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
required
/>
<p class="pf-c-form__helper-text">
@ -99,7 +99,7 @@ export class GoogleWorkspaceProviderFormPage extends BaseProviderForm<GoogleWork
<input
type="text"
value="${first(this.instance?.defaultGroupEmailDomain, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
required
/>
<p class="pf-c-form__helper-text">

2
web/src/admin/providers/ldap/LDAPProviderFormForm.ts
View File

@ -127,6 +127,7 @@ export function renderForm(
label=${msg("Base DN")}
required
value="${provider?.baseDn ?? "DC=ldap,DC=goauthentik,DC=io"}"
inputHint="code"
.errorMessages=${errors?.baseDn ?? []}
help=${msg(
"LDAP DN under which bind requests and search requests can be made.",
@ -153,6 +154,7 @@ export function renderForm(
value="${provider?.tlsServerName ?? ""}"
.errorMessages=${errors?.tlsServerName ?? []}
help=${tlsServerNameHelp}
inputHint="code"
></ak-text-input>
<ak-number-input

6
web/src/admin/providers/microsoft_entra/MicrosoftEntraProviderForm.ts
View File

@ -67,7 +67,7 @@ export class MicrosoftEntraProviderFormPage extends BaseProviderForm<MicrosoftEn
<input
type="text"
value="${first(this.instance?.clientId, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
required
/>
<p class="pf-c-form__helper-text">
@ -82,7 +82,7 @@ export class MicrosoftEntraProviderFormPage extends BaseProviderForm<MicrosoftEn
<input
type="text"
value="${first(this.instance?.clientSecret, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
required
/>
<p class="pf-c-form__helper-text">
@ -97,7 +97,7 @@ export class MicrosoftEntraProviderFormPage extends BaseProviderForm<MicrosoftEn
<input
type="text"
value="${first(this.instance?.tenantId, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
required
/>
<p class="pf-c-form__helper-text">

5
web/src/admin/providers/oauth2/OAuth2ProviderFormForm.ts
View File

@ -163,6 +163,7 @@ export function renderForm(
label=${msg("Client ID")}
value="${first(provider?.clientId, randomString(40, ascii_letters + digits))}"
required
inputHint="code"
>
</ak-text-input>
<ak-text-input
@ -172,6 +173,7 @@ export function renderForm(
provider?.clientSecret,
randomString(128, ascii_letters + digits),
)}"
inputHint="code"
?hidden=${!showClientSecret}
>
</ak-text-input>
@ -253,6 +255,7 @@ export function renderForm(
<ak-text-input
name="accessCodeValidity"
label=${msg("Access code validity")}
inputHint="code"
required
value="${first(provider?.accessCodeValidity, "minutes=1")}"
.bighelp=${html`<p class="pf-c-form__helper-text">
@ -265,6 +268,7 @@ export function renderForm(
name="accessTokenValidity"
label=${msg("Access Token validity")}
value="${first(provider?.accessTokenValidity, "minutes=5")}"
inputHint="code"
required
.bighelp=${html` <p class="pf-c-form__helper-text">
${msg("Configure how long access tokens are valid for.")}
@ -277,6 +281,7 @@ export function renderForm(
name="refreshTokenValidity"
label=${msg("Refresh Token validity")}
value="${first(provider?.refreshTokenValidity, "days=30")}"
inputHint="code"
?required=${true}
.bighelp=${html` <p class="pf-c-form__helper-text">
${msg("Configure how long refresh tokens are valid for.")}

4
web/src/admin/providers/oauth2/OAuth2ProviderRedirectURI.ts
View File

@ -80,7 +80,9 @@ export class OAuth2ProviderRedirectURI extends AkControlElement<RedirectURI> {
type="text"
@change=${onChange}
value="${ifDefined(this.redirectURI.url ?? undefined)}"
class="pf-c-form-control ak-form-control"
class="pf-c-form-control ak-form-control pf-m-monospace"
spellcheck="false"
autocomplete="off"
required
id="url"
placeholder=${msg("URL")}

10
web/src/admin/providers/proxy/ProxyProviderFormForm.ts
View File

@ -48,6 +48,7 @@ function renderHttpBasic(provider: Partial<ProxyProvider>) {
help=${msg(
"User/Group Attribute used for the user part of the HTTP-Basic Header. If not set, the user's Email address is used.",
)}
inputHint="code"
>
</ak-text-input>
@ -56,6 +57,7 @@ function renderHttpBasic(provider: Partial<ProxyProvider>) {
label=${msg("HTTP-Basic Password Key")}
value="${ifDefined(provider?.basicAuthPasswordAttribute)}"
help=${msg("User/Group Attribute used for the password part of the HTTP-Basic Header.")}
inputHint="code"
>
</ak-text-input>`;
}
@ -88,6 +90,7 @@ function renderProxySettings(provider: Partial<ProxyProvider>, errors?: Validati
help=${msg(
"The external URL you'll access the application at. Include any non-standard port.",
)}
inputHint="code"
></ak-text-input>
<ak-text-input
name="internalHost"
@ -96,6 +99,7 @@ function renderProxySettings(provider: Partial<ProxyProvider>, errors?: Validati
required
.errorMessages=${errors?.internalHost ?? []}
help=${msg("Upstream host that the requests are forwarded to.")}
inputHint="code"
></ak-text-input>
<ak-switch-input
@ -122,6 +126,7 @@ function renderForwardSingleSettings(provider: Partial<ProxyProvider>, errors?:
help=${msg(
"The external URL you'll access the application at. Include any non-standard port.",
)}
inputHint="code"
></ak-text-input>`;
}
@ -220,6 +225,7 @@ export function renderForm(
.errorMessages=${errors?.accessTokenValidity ?? []}
required
.help=${msg("Configure how long tokens are valid for.")}
inputHint="code"
></ak-text-input>
<ak-form-group>
@ -251,7 +257,9 @@ export function renderForm(
: msg("Unauthenticated Paths")}"
name="skipPathRegex"
>
<textarea class="pf-c-form-control">${provider?.skipPathRegex}</textarea>
<textarea class="pf-c-form-control pf-m-monospace">
${provider?.skipPathRegex}</textarea
>
<p class="pf-c-form__helper-text">
${msg(
"Regular expressions for which authentication is not required. Each new line is interpreted as a new expression.",

4
web/src/admin/providers/rac/RACProviderForm.ts
View File

@ -83,7 +83,9 @@ export class RACProviderFormPage extends ModelForm<RACProvider, number> {
<input
type="text"
value="${first(this.instance?.connectionExpiry, "hours=8")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">

2
web/src/admin/providers/radius/RadiusProviderFormForm.ts
View File

@ -83,6 +83,7 @@ export function renderForm(
randomString(128, ascii_letters + digits),
)}
required
inputHint="code"
></ak-text-input>
<ak-text-input
name="clientNetworks"
@ -91,6 +92,7 @@ export function renderForm(
.errorMessages=${errors?.clientNetworks ?? []}
required
help=${clientNetworksHelp}
inputHint="code"
></ak-text-input>
<ak-form-element-horizontal
label=${msg("Property mappings")}

2
web/src/admin/providers/scim/SCIMProviderFormForm.ts
View File

@ -40,6 +40,7 @@ export function renderForm(provider?: Partial<SCIMProvider>, errors: ValidationE
.errorMessages=${errors?.url ?? []}
required
help=${msg("SCIM base url, usually ends in /v2.")}
inputHint="code"
></ak-text-input>
<ak-switch-input
@ -58,6 +59,7 @@ export function renderForm(provider?: Partial<SCIMProvider>, errors: ValidationE
help=${msg(
"Token to authenticate with. Currently only bearer authentication is supported.",
)}
inputHint="code"
></ak-text-input>
</div>
</ak-form-group>

59
web/src/admin/sources/oauth/OAuthSourceForm.ts
View File

@ -126,7 +126,9 @@ export class OAuthSourceForm extends WithCapabilitiesConfig(BaseSourceForm<OAuth
this.providerType.authorizationUrl,
"",
)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
<p class="pf-c-form__helper-text">
${msg("URL the user is redirect to to consent the authorization.")}
@ -134,13 +136,15 @@ export class OAuthSourceForm extends WithCapabilitiesConfig(BaseSourceForm<OAuth
</ak-form-element-horizontal>
<ak-form-element-horizontal label=${msg("Access token URL")} name="accessTokenUrl">
<input
type="text"
type="url"
value="${first(
this.instance?.accessTokenUrl,
this.providerType.accessTokenUrl,
"",
)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
<p class="pf-c-form__helper-text">
${msg("URL used by authentik to retrieve tokens.")}
@ -148,13 +152,15 @@ export class OAuthSourceForm extends WithCapabilitiesConfig(BaseSourceForm<OAuth
</ak-form-element-horizontal>
<ak-form-element-horizontal label=${msg("Profile URL")} name="profileUrl">
<input
type="text"
type="url"
value="${first(
this.instance?.profileUrl,
this.providerType.profileUrl,
"",
)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
<p class="pf-c-form__helper-text">
${msg("URL used by authentik to get user information.")}
@ -166,9 +172,10 @@ export class OAuthSourceForm extends WithCapabilitiesConfig(BaseSourceForm<OAuth
name="requestTokenUrl"
>
<input
type="text"
type="url"
value="${first(this.instance?.requestTokenUrl, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
/>
<p class="pf-c-form__helper-text">
${msg(
@ -184,13 +191,15 @@ export class OAuthSourceForm extends WithCapabilitiesConfig(BaseSourceForm<OAuth
name="oidcWellKnownUrl"
>
<input
type="text"
type="url"
value="${first(
this.instance?.oidcWellKnownUrl,
this.providerType.oidcWellKnownUrl,
"",
)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
<p class="pf-c-form__helper-text">
${msg(
@ -206,13 +215,15 @@ export class OAuthSourceForm extends WithCapabilitiesConfig(BaseSourceForm<OAuth
name="oidcJwksUrl"
>
<input
type="text"
type="url"
value="${first(
this.instance?.oidcJwksUrl,
this.providerType.oidcJwksUrl,
"",
)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
<p class="pf-c-form__helper-text">
${msg(
@ -246,7 +257,9 @@ export class OAuthSourceForm extends WithCapabilitiesConfig(BaseSourceForm<OAuth
<input
type="text"
value="${ifDefined(this.instance?.slug)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
</ak-form-element-horizontal>
@ -344,7 +357,9 @@ export class OAuthSourceForm extends WithCapabilitiesConfig(BaseSourceForm<OAuth
this.instance?.userPathTemplate,
"goauthentik.io/sources/%(slug)s",
)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
<p class="pf-c-form__helper-text">${placeholderHelperText}</p>
</ak-form-element-horizontal>
@ -390,7 +405,9 @@ export class OAuthSourceForm extends WithCapabilitiesConfig(BaseSourceForm<OAuth
<input
type="text"
value="${first(this.instance?.icon, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
<p class="pf-c-form__helper-text">${iconHelperText}</p>
</ak-form-element-horizontal>`}
@ -406,7 +423,9 @@ export class OAuthSourceForm extends WithCapabilitiesConfig(BaseSourceForm<OAuth
<input
type="text"
value="${ifDefined(this.instance?.consumerKey)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">${msg("Also known as Client ID.")}</p>
@ -417,14 +436,20 @@ export class OAuthSourceForm extends WithCapabilitiesConfig(BaseSourceForm<OAuth
?writeOnly=${this.instance !== undefined}
name="consumerSecret"
>
<textarea class="pf-c-form-control"></textarea>
<textarea
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
></textarea>
<p class="pf-c-form__helper-text">${msg("Also known as Client Secret.")}</p>
</ak-form-element-horizontal>
<ak-form-element-horizontal label=${msg("Scopes")} name="additionalScopes">
<input
type="text"
value="${first(this.instance?.additionalScopes, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
<p class="pf-c-form__helper-text">
${msg(

25
web/src/admin/stages/authenticator_duo/AuthenticatorDuoStageForm.ts
View File

@ -79,7 +79,9 @@ export class AuthenticatorDuoStageForm extends BaseStageForm<AuthenticatorDuoSta
<input
type="text"
value="${first(this.instance?.apiHostname, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
</ak-form-element-horizontal>
@ -104,7 +106,14 @@ export class AuthenticatorDuoStageForm extends BaseStageForm<AuthenticatorDuoSta
?writeOnly=${this.instance !== undefined}
name="clientSecret"
>
<input type="text" value="" class="pf-c-form-control" required />
<input
type="text"
value=""
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
</ak-form-element-horizontal>
</div>
</ak-form-group>
@ -124,7 +133,9 @@ export class AuthenticatorDuoStageForm extends BaseStageForm<AuthenticatorDuoSta
<input
type="text"
value="${first(this.instance?.adminIntegrationKey, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
</ak-form-element-horizontal>
<ak-form-element-horizontal
@ -132,7 +143,13 @@ export class AuthenticatorDuoStageForm extends BaseStageForm<AuthenticatorDuoSta
?writeOnly=${this.instance !== undefined}
name="adminSecretKey"
>
<input type="text" value="" class="pf-c-form-control" />
<input
type="text"
value=""
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
</ak-form-element-horizontal>
</div>
</ak-form-group>

24
web/src/admin/stages/authenticator_sms/AuthenticatorSMSStageForm.ts
View File

@ -67,7 +67,9 @@ export class AuthenticatorSMSStageForm extends BaseStageForm<AuthenticatorSMSSta
<input
type="text"
value="${first(this.instance?.accountSid, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">
@ -82,7 +84,9 @@ export class AuthenticatorSMSStageForm extends BaseStageForm<AuthenticatorSMSSta
<input
type="text"
value="${first(this.instance?.auth, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">
@ -126,7 +130,9 @@ export class AuthenticatorSMSStageForm extends BaseStageForm<AuthenticatorSMSSta
<input
type="text"
value="${first(this.instance?.accountSid, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">
@ -141,7 +147,9 @@ export class AuthenticatorSMSStageForm extends BaseStageForm<AuthenticatorSMSSta
<input
type="text"
value="${first(this.instance?.auth, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
<p class="pf-c-form__helper-text">
${msg(
@ -157,7 +165,9 @@ export class AuthenticatorSMSStageForm extends BaseStageForm<AuthenticatorSMSSta
<input
type="text"
value="${first(this.instance?.authPassword, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
<p class="pf-c-form__helper-text">
${msg("This is the password to be used with basic auth")}
@ -263,7 +273,9 @@ export class AuthenticatorSMSStageForm extends BaseStageForm<AuthenticatorSMSSta
<input
type="text"
value="${first(this.instance?.fromNumber, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">

4
web/src/admin/stages/authenticator_validate/AuthenticatorValidateStageForm.ts
View File

@ -125,7 +125,9 @@ export class AuthenticatorValidateStageForm extends BaseStageForm<AuthenticatorV
<input
type="text"
value="${this.instance?.lastAuthThreshold || "seconds=0"}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">

25
web/src/admin/stages/captcha/CaptchaStageForm.ts
View File

@ -59,7 +59,9 @@ export class CaptchaStageForm extends BaseStageForm<CaptchaStage> {
<input
type="text"
value="${ifDefined(this.instance?.publicKey || "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">
@ -74,7 +76,14 @@ export class CaptchaStageForm extends BaseStageForm<CaptchaStage> {
?writeOnly=${this.instance !== undefined}
name="privateKey"
>
<input type="text" value="" class="pf-c-form-control" required />
<input
type="text"
value=""
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">
${msg(
"Private key, acquired from https://www.google.com/recaptcha/intro/v3.html.",
@ -135,12 +144,14 @@ export class CaptchaStageForm extends BaseStageForm<CaptchaStage> {
name="jsUrl"
>
<input
type="text"
type="url"
value="${ifDefined(
this.instance?.jsUrl ||
"https://www.recaptcha.net/recaptcha/api.js",
)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">
@ -155,12 +166,14 @@ export class CaptchaStageForm extends BaseStageForm<CaptchaStage> {
name="apiUrl"
>
<input
type="text"
type="url"
value="${ifDefined(
this.instance?.apiUrl ||
"https://www.recaptcha.net/recaptcha/api/siteverify",
)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">

4
web/src/admin/stages/prompt/PromptForm.ts
View File

@ -217,7 +217,9 @@ export class PromptForm extends ModelForm<Prompt, string> {
<input
type="text"
value="${ifDefined(this.instance?.fieldKey)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
@input=${() => {
this._shouldRefresh = true;

4
web/src/admin/stages/redirect/RedirectStageForm.ts
View File

@ -91,7 +91,9 @@ export class RedirectStageForm extends BaseStageForm<RedirectStage> {
<input
type="text"
value="${this.instance?.targetStatic ?? ""}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
/>
<p class="pf-c-form__helper-text">
${msg("Redirect the user to a static URL.")}

8
web/src/admin/stages/user_login/UserLoginStageForm.ts
View File

@ -54,7 +54,9 @@ export class UserLoginStageForm extends BaseStageForm<UserLoginStage> {
<input
type="text"
value="${first(this.instance?.sessionDuration, "seconds=0")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">
@ -83,7 +85,9 @@ export class UserLoginStageForm extends BaseStageForm<UserLoginStage> {
<input
type="text"
value="${first(this.instance?.rememberMeOffset, "seconds=0")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">

4
web/src/admin/stages/user_write/UserWriteStageForm.ts
View File

@ -150,7 +150,9 @@ export class UserWriteStageForm extends BaseStageForm<UserWriteStage> {
<input
type="text"
value="${first(this.instance?.userPathTemplate, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">

4
web/src/admin/tokens/TokenForm.ts
View File

@ -64,7 +64,9 @@ export class TokenForm extends ModelForm<Token, string> {
<input
type="text"
value="${first(this.instance?.identifier, "")}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">

9
web/src/admin/users/ServiceAccountForm.ts
View File

@ -59,7 +59,14 @@ export class ServiceAccountForm extends Form<UserServiceAccountRequest> {
?required=${true}
name="name"
>
<input type="text" value="" class="pf-c-form-control" required />
<input
type="text"
value=""
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">
${msg("User's primary identifier. 150 characters or fewer.")}
</p>

4
web/src/admin/users/UserForm.ts
View File

@ -91,7 +91,9 @@ export class UserForm extends ModelForm<User, number> {
<input
type="text"
value="${ifDefined(this.instance?.username)}"
class="pf-c-form-control"
class="pf-c-form-control pf-m-monospace"
autocomplete="off"
spellcheck="false"
required
/>
<p class="pf-c-form__helper-text">