Software / code / prosody-modules
Comparison
mod_http_oauth2/html/device.html @ 5643:e86a1018cdb3
mod_http_oauth2: Present errors in HTML <dialog>
Nice semantic things that don't require JavaScript
| author | Kim Alvefur <zash@zash.se> |
|---|---|
| date | Mon, 31 Jul 2023 02:07:24 +0200 |
| parent | 5642:6109496a7ccc |
| child | 5649:f889ff779571 |
comparison
equal
deleted
inserted
replaced
| 5642:6109496a7ccc | 5643:e86a1018cdb3 |
|---|---|
| 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> | 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| 6 <title>{site_name} - Authorize{client&d} Device</title> | 6 <title>{site_name} - Authorize{client&d} Device</title> |
| 7 <link rel="stylesheet" href="style.css" /> | 7 <link rel="stylesheet" href="style.css" /> |
| 8 </head> | 8 </head> |
| 9 <body> | 9 <body> |
| 10 {error& | |
| 11 <dialog open="" class="error"> | |
| 12 <p>{error.text}</p> | |
| 13 <form method="dialog"><button>dismiss</button></form> | |
| 14 </dialog>} | |
| 10 <header> | 15 <header> |
| 11 <h1>{site_name}</h1> | 16 <h1>{site_name}</h1> |
| 12 </header> | 17 </header> |
| 13 <main> | 18 <main> |
| 14 <fieldset> | 19 <fieldset> |
| 15 <legend>Device Authorization</legend> | 20 <legend>Device Authorization</legend> |
| 16 {error&<div class="error"> | |
| 17 <p>{error.text}</p> | |
| 18 </div>} | |
| 19 {client& | 21 {client& |
| 20 <p>Authorization completed. You can go back to | 22 <p>Authorization completed. You can go back to |
| 21 <em>{client.client_name}</em>.</p>} | 23 <em>{client.client_name}</em>.</p>} |
| 22 {client~ | 24 {client~ |
| 23 <p>Enter the code to continue.</p> | 25 <p>Enter the code to continue.</p> |