From 272505fb8a1e0341614396d8ff69ef2a7a18e9d0 Mon Sep 17 00:00:00 2001 From: konarfil Date: Tue, 26 Sep 2023 10:43:02 +0200 Subject: [PATCH] DAG first implementation --- src/css/style.css | 16 +++ src/flow/dag-2.html | 326 ++++++++++++++++++++++++++++++++++++++++++++ src/flow/dag.html | 153 +++++++++++---------- src/index.html | 2 +- 4 files changed, 423 insertions(+), 74 deletions(-) create mode 100644 src/flow/dag-2.html diff --git a/src/css/style.css b/src/css/style.css index 2ebe575..3806ea6 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -214,3 +214,19 @@ pre { .justified { text-align: justify; } + +.determinate { + background-color: #FF6600 !important; +} + +.progress { + background-color: #9F9F9F !important; +} + +.no-margin { + margin: 0; +} + +.qr-container { + margin: 15px 0; +} diff --git a/src/flow/dag-2.html b/src/flow/dag-2.html new file mode 100644 index 0000000..16c7248 --- /dev/null +++ b/src/flow/dag-2.html @@ -0,0 +1,326 @@ + + + + + + OAuth 2.0 Playground - Device Authorization Grant (2/3) + + + + + + + + + + + + + + + +
+
+
+
+

Device Authorization Grant

+
+
+ 1 +
+
+
+ 2 +
+
+
+ 3 +
+
+
+
+ Request a device code from the authorization server +
+
+ Start polling authorization server periodically until the code has been successfully entered +
+
+ Instruct the user where to enter the code +
+
+
+
+
+
+
+
+
2. Wait for user to enter the user code
+

We do so by periodically polling authorization server at:

+
+

With body data:

+
+

Let's break it down...

+
    +
  • +

    grant_type=urn:ietf:params:oauth:grant-type:device_code

    +

    + This is a mandatory parameter that indicates the type of grant being used. In this case we are using the device code. +

    +
    • +
  • +

    client_id=

    +

    + Client ID of the application. This is a public identifier for the client, and it is + used by the authorization server to identify the application + when redirecting the user back to the client. +

    +
    • +
  • +

    device_code=

    +

    + Device code we have obtained in the previous step. +

    +
    • +
+ +
+ Start polling +
+
+
+
+
+
+
+
+
+ + +
+
+ [ Take me home ] +
+
+
+ + + + + + + diff --git a/src/flow/dag.html b/src/flow/dag.html index e1261aa..be1ffc7 100644 --- a/src/flow/dag.html +++ b/src/flow/dag.html @@ -43,10 +43,10 @@ Request a device code from the authorization server
- Instruct the user where to enter the code + Start polling authorization server periodically until the code has been successfully entered
- Poll the authorization server periodically until the code has been successfully entered + Instruct the user where to enter the code
@@ -62,54 +62,69 @@

With body data:

-

Let's break it down...

+ +
+ Get Device Code +
+ + + + + +