view 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
line wrap: on
line source

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{site_name} - Authorize{client&d} Device</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
{error&
	<dialog open="" class="error">
		<p>{error.text}</p>
		<form method="dialog"><button>dismiss</button></form>
	</dialog>}
	<header>
	<h1>{site_name}</h1>
	</header>
	<main>
	<fieldset>
	<legend>Device Authorization</legend>
{client&
	<p>Authorization completed. You can go back to
	<em>{client.client_name}</em>.</p>}
{client~
	<p>Enter the code to continue.</p>
	<form method="get">
		<input type="text" name="user_code" placeholder="XXXX-XXXX" aria-label="user-code" required="" />
		<button type="submit">Continue</button>
	</form>}
	</fieldset>
	</main>
</body>
</html>