Mercurial > prosody-modules
diff mod_http_oauth2/html/consent.html @ 5653:62c6e17a5e9d
Merge
| author | Stephen Paul Weber <singpolyma@singpolyma.net> |
|---|---|
| date | Mon, 18 Sep 2023 08:24:19 -0500 |
| parents | 401356232e1b |
| children | 111eeffb6adf |
line wrap: on
line diff
--- a/mod_http_oauth2/html/consent.html Mon Sep 18 08:22:07 2023 -0500 +++ b/mod_http_oauth2/html/consent.html Mon Sep 18 08:24:19 2023 -0500 @@ -1,21 +1,25 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> -<meta charset="utf-8"> +<meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>{site_name} - Authorize {client.client_name}</title> -<link rel="stylesheet" href="style.css"> +<link rel="stylesheet" href="style.css" /> </head> <body> - <main> - {state.error&<div class="error"> +{state.error& + <dialog open="" class="error"> <p>{state.error}</p> - </div>} - + <form method="dialog"><button>dismiss</button></form> + </dialog>} + <header> <h1>{site_name}</h1> + </header> + <main> <fieldset> <legend>Authorize new application</legend> <p>A new application wants to connect to your account.</p> + <form method="post"> <dl> <dt>Name</dt> <dd>{client.client_name}</dd> @@ -29,23 +33,21 @@ {client.policy_uri& <dt>Policy</dt> <dd><a href="{client.policy_uri}">View policy</a></dd>} + + <dt>Requested permissions</dt> + <dd>{scopes# + <input class="scope" type="checkbox" id="scope_{idx}" name="scope" value="{item}" checked="" /><label class="scope" for="scope_{idx}">{item}</label>} + </dd> </dl> <p>To allow <em>{client.client_name}</em> to access your account - <em>{state.user.username}@{state.user.host}</em> and associated data, - select 'Allow'. Otherwise, select 'Deny'. + <em>{state.user.username}@{state.user.host}</em> and associated data, + select 'Allow'. Otherwise, select 'Deny'. </p> - <form method="post"> - <details><summary>Requested permissions</summary>{scopes# - <input class="scope" type="checkbox" id="scope_{idx}" name="scope" value="{item}" checked><label class="scope" for="scope_{idx}">{item}</label>}{roles& - <select name="role">{roles# - <option value="{item.name}"{item.selected& selected}>{item.name}</option>} - </select>} - </details> - <input type="hidden" name="user_token" value="{state.user.token}"> - <button type="submit" name="consent" value="denied">Deny</button> - <button type="submit" name="consent" value="granted">Allow</button> + <input type="hidden" name="user_token" value="{state.user.token}"> + <button type="submit" name="consent" value="denied">Deny</button> + <button type="submit" name="consent" value="granted">Allow</button> </form> </fieldset> </main>