comparison mod_http_oauth2/html/device.html @ 5625: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
parents 6109496a7ccc
children f889ff779571
comparison
equal deleted inserted replaced
5624:6109496a7ccc 5625: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>