trustchain-oc1-orchestral/authentik
Archived
10
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

stages/authenticator_webauthn: fix formatting of card

Browse source
This commit is contained in:
Jens Langhammer 2021-02-21 21:42:40 +01:00
parent 76c572cf7c
commit acc790f590
1 changed files with 28 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
web/src/elements/stages/authenticator_webauthn/WebAuthnAuthenticatorRegisterStage.ts
View file

@ -64,7 +64,6 @@ export class WebAuthnAuthenticatorRegisterStage extends BaseStage {
} catch (err) { } catch (err) {
throw new Error(gettext(`Server validation of credential failed: ${err}`)); throw new Error(gettext(`Server validation of credential failed: ${err}`));
} }
this.finishStage();
} }
async registerWrapper(): Promise<void> { async registerWrapper(): Promise<void> {
@ -80,45 +79,40 @@ export class WebAuthnAuthenticatorRegisterStage extends BaseStage {
}); });
} }
finishStage(): void {
// Mark this stage as done
this.dispatchEvent(
new CustomEvent("ak-flow-submit", {
bubbles: true,
composed: true,
})
);
}
firstUpdated(): void { firstUpdated(): void {
this.registerWrapper(); this.registerWrapper();
} }
render(): TemplateResult { render(): TemplateResult {
return html`<div class=""> return html`<header class="pf-c-login__main-header">
${this.registerRunning ? <h1 class="pf-c-title pf-m-3xl">
html`<div class="pf-c-empty-state__content"> ${this.challenge?.title}
<div class="pf-l-bullseye"> </h1>
<div class="pf-l-bullseye__item"> </header>
<ak-spinner size="${SpinnerSize.XLarge}"></ak-spinner> <div class="pf-c-login__main-body">
${this.registerRunning ?
html`<div class="pf-c-empty-state__content">
<div class="pf-l-bullseye">
<div class="pf-l-bullseye__item">
<ak-spinner size="${SpinnerSize.XLarge}"></ak-spinner>
</div>
</div> </div>
</div> </div>`:
</div>`: html`
html` <div class="pf-c-form__group pf-m-action">
<div class="pf-c-form__group pf-m-action"> <p class="pf-m-block">${this.registerMessage}</p>
<p class="pf-m-block">${this.registerMessage}</p> <button class="pf-c-button pf-m-primary pf-m-block" @click=${() => {
<button class="pf-c-button pf-m-primary pf-m-block" @click=${() => { this.registerWrapper();
this.registerWrapper(); }}>
}}> ${gettext("Register device")}
${gettext("Register device")} </button>
</button> </div>`}
<button class="pf-c-button pf-m-secondary pf-m-block" @click=${() => { </div>
this.finishStage(); </div>
}}> <footer class="pf-c-login__main-footer">
${gettext("Skip")} <ul class="pf-c-login__main-footer-links">
</button> </ul>
</div>`} </footer>`;
</div>`;
} }
} }