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

stages/identification: add show_source_labels option, to show labels for sources

Browse Source 
closes #1679

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2021-10-31 17:57:48 +01:00
parent 96b0bc324e
commit 5646141fe2
13 changed files with 108 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/authentik.css
View File

@ -213,6 +213,10 @@ html > form > input {
option {
color: var(--ak-dark-foreground);
}
optgroup:checked,
option:checked {
color: var(--ak-dark-background);
}
.pf-c-input-group {
--pf-c-input-group--BackgroundColor: transparent;
}

10
web/src/flows/stages/authenticator_validate/AuthenticatorValidateStageCode.ts
View File

@ -76,8 +76,14 @@ export class AuthenticatorValidateStageWebCode extends BaseStage<
<input
type="text"
name="code"
inputmode="${this.deviceChallenge?.deviceClass === DeviceClassesEnum.Static ? 'text' : 'numeric'}"
pattern="${this.deviceChallenge?.deviceClass === DeviceClassesEnum.Static ? '' : '[0-9]*'}"
inputmode="${this.deviceChallenge?.deviceClass ===
DeviceClassesEnum.Static
? "text"
: "numeric"}"
pattern="${this.deviceChallenge?.deviceClass ===
DeviceClassesEnum.Static
? ""
: "[0-9]*"}"
placeholder="${t`Please enter your Code`}"
autofocus=""
autocomplete="one-time-code"

6
web/src/flows/stages/identification/IdentificationStage.ts
View File

@ -57,6 +57,8 @@ export class IdentificationStage extends BaseStage<
.pf-c-login__main-footer-links-item button {
background-color: transparent;
border: 0;
display: flex;
align-items: stretch;
}
.pf-c-login__main-footer-links-item img {
fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill);
@ -152,8 +154,10 @@ export class IdentificationStage extends BaseStage<
if (!this.host) return;
this.host.challenge = source.challenge;
}}
class=${this.challenge.showSourceLabels ? "pf-c-button pf-m-link" : ""}
>
${icon}
<span class="pf-c-button__icon pf-m-start">${icon}</span>
${this.challenge.showSourceLabels ? source.name : ""}
</button>
</li>`;
}

8
web/src/locales/en.po
View File

@ -605,6 +605,10 @@ msgstr "Build hash:"
msgid "Built-in"
msgstr "Built-in"
#: src/pages/stages/identification/IdentificationStageForm.ts
msgid "By default, only icons are shown for sources. Enable this to show their full names."
msgstr "By default, only icons are shown for sources. Enable this to show their full names."
#: src/pages/outposts/ServiceConnectionDockerForm.ts
msgid "CA which the endpoint's Certificate is verified against. Can be left empty for no validation."
msgstr "CA which the endpoint's Certificate is verified against. Can be left empty for no validation."
@ -4003,6 +4007,10 @@ msgstr "Show matched user"
msgid "Show more"
msgstr "Show more"
#: src/pages/stages/identification/IdentificationStageForm.ts
msgid "Show sources' labels"
msgstr "Show sources' labels"
#: src/pages/flows/FlowForm.ts
msgid "Shown as the Title in Flow pages."
msgstr "Shown as the Title in Flow pages."

8
web/src/locales/fr_FR.po
View File

@ -607,6 +607,10 @@ msgstr "Hash de build :"
msgid "Built-in"
msgstr "Intégré"
#: src/pages/stages/identification/IdentificationStageForm.ts
msgid "By default, only icons are shown for sources. Enable this to show their full names."
msgstr ""
#: src/pages/outposts/ServiceConnectionDockerForm.ts
msgid "CA which the endpoint's Certificate is verified against. Can be left empty for no validation."
msgstr "AC auprès de laquelle le certificat du terminal est vérifié. Peut être laissé vide en l'absence de validation."
@ -3964,6 +3968,10 @@ msgstr "Afficher l'utilisateur correspondant"
msgid "Show more"
msgstr "Montrer plus"
#: src/pages/stages/identification/IdentificationStageForm.ts
msgid "Show sources' labels"
msgstr ""
#: src/pages/flows/FlowForm.ts
msgid "Shown as the Title in Flow pages."
msgstr "Afficher comme Titre dans les pages de Flux."

8
web/src/locales/pseudo-LOCALE.po
View File

@ -601,6 +601,10 @@ msgstr ""
msgid "Built-in"
msgstr ""
#: src/pages/stages/identification/IdentificationStageForm.ts
msgid "By default, only icons are shown for sources. Enable this to show their full names."
msgstr ""
#: src/pages/outposts/ServiceConnectionDockerForm.ts
msgid "CA which the endpoint's Certificate is verified against. Can be left empty for no validation."
msgstr ""
@ -3995,6 +3999,10 @@ msgstr ""
msgid "Show more"
msgstr ""
#: src/pages/stages/identification/IdentificationStageForm.ts
msgid "Show sources' labels"
msgstr ""
#: src/pages/flows/FlowForm.ts
msgid "Shown as the Title in Flow pages."
msgstr ""

13
web/src/pages/stages/identification/IdentificationStageForm.ts
View File

@ -191,6 +191,19 @@ export class IdentificationStageForm extends ModelForm<IdentificationStage, stri
${t`Hold control/command to select multiple items.`}
</p>
</ak-form-element-horizontal>
<ak-form-element-horizontal name="showSourceLabels">
<div class="pf-c-check">
<input
type="checkbox"
class="pf-c-check__input"
?checked=${first(this.instance?.showSourceLabels, false)}
/>
<label class="pf-c-check__label"> ${t`Show sources' labels`} </label>
</div>
<p class="pf-c-form__helper-text">
${t`By default, only icons are shown for sources. Enable this to show their full names.`}
</p>
</ak-form-element-horizontal>
<ak-form-element-horizontal name="showMatchedUser">
<div class="pf-c-check">
<input