From d7d2b94dea6f2756994c7be273a23f50289b25c4 Mon Sep 17 00:00:00 2001 From: konarfil Date: Tue, 10 Oct 2023 13:39:21 +0200 Subject: [PATCH] Paswordless UI redone --- .../OAuthResource/loginPasswordless.html | 437 ++++++++++++++---- src/main/resources/templates/base.html | 7 +- 2 files changed, 341 insertions(+), 103 deletions(-) diff --git a/src/main/resources/templates/OAuthResource/loginPasswordless.html b/src/main/resources/templates/OAuthResource/loginPasswordless.html index ec2b5dd..c6e2946 100644 --- a/src/main/resources/templates/OAuthResource/loginPasswordless.html +++ b/src/main/resources/templates/OAuthResource/loginPasswordless.html @@ -12,138 +12,374 @@ padding: 10px; margin: 10px 0; font-family: monospace; - overflow-y: scroll; } .step { display: none; } + + .button-label { + padding: 20px 0 5px 0; + } + + .card-header { + padding-bottom: 20px; + } + + .collection { + margin: .5rem 0 1rem 0; + border: 1px solid #e0e0e0; + border-radius: 2px; + overflow: hidden; + position: relative; + } {/add-header}
-
-
-
-
-
-
Create a new credential or use an existing one
-

First the user enters their username:

-
- -

If they are a new user, they need to generate a new credential and register it with the application

- - -

If they are a returning user, their authenticator must prove they own the credential.

- +
+
+
+
+
+
1. Create a new registration or use an existing one
+

First the user enters their username:

+
+

New user needs to generate a new credential and register it with the application.

+ +

Returning user must prove they own the credential.

+ +
-
- -
-
-
-
-
-
Request a challenge
-

The interaction starts with an AJAX call.

-
POST
- +
+
+
+
+
+
2. Request a challenge
+

The interaction starts with an AJAX call:

+
POST
+

Basically we are just specifying the username and his display name

+ +
-
- -
-
-
-
-
-
The challenge
-

The server prepares a challenge for the browser to sign.

-
- +
+
+
+
+
+
3. The challenge
+

The server prepares a challenge for the browser to sign:

+
+

Let's break it down...

+ + + +
-
- -