web/flows: add divider to identification stage for security key

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2022-06-10 22:50:40 +02:00
parent bdf76bb4b7
commit 6573cbb16c
11 changed files with 50 additions and 8 deletions

View File

@ -19,6 +19,7 @@ import {
UserFieldsEnum,
} from "@goauthentik/api";
import "../../../elements/Divider";
import "../../../elements/EmptyState";
import "../../../elements/forms/FormElement";
import { BaseStage } from "../base";
@ -257,14 +258,15 @@ export class IdentificationStage extends BaseStage<
</button>
</div>
${this.challenge.passwordlessUrl
? html`<div class="pf-c-form__group pf-m-action">
<a
href=${this.challenge.passwordlessUrl}
class="pf-c-button pf-m-secondary pf-m-block"
>
${t`Use a security key`}
</a>
</div>`
? html`<ak-divider>${t`Or`}</ak-divider>
<div>
<a
href=${this.challenge.passwordlessUrl}
class="pf-c-button pf-m-secondary pf-m-block"
>
${t`Use a security key`}
</a>
</div>`
: html``}`;
}