skeleton/assets/templates/layouts/auth_authorize.html

64 lines
No EOL
3.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css" integrity="sha256-2pUeJf+y0ltRPSbKOeJh09ipQFYxUdct5nTY6GAXswA="
crossorigin="anonymous" />
<link rel="stylesheet" href="style.css">
<title>Log In</title>
</head>
<body>
<div class="hero is-success is-fullheight auth-background">
<div class="hero-body">
<div class="container">
<div class="columns">
<div class="column is-one-third-desktop is-offset-one-third-desktop is-half-tablet is-offset-one-quarter-tablet">
<p class="subtitle is-size-5">Hey <strong>{{.Username}}</strong>! <strong>{{.Appname}}</strong>
requests your permission to connect with your {{.IDPName}} account.</p>
<div class="content box">
<h2 class="has-text-centered is-size-3">Authorize</h2>
<div class="notification content">
<p>Allow <strong>{{.Appname}}</strong> to:</p>
<ul>
<li>See my {{.IDPName}} username and signup date.</li>
<li>See my email address.</li>
<li>See my access groups and permissions.</li>
<li>Keep this access for 15 minutes.</li>
<li>Maintain this access indefinitely (or until manually revoked).</li>
</ul>
</div>
<form class="form" action="">
<input type="hidden" name="client_id" value="">
<input type="hidden" name="redirect_uri" value="">
<input type="hidden" name="scope" value="">
<input type="hidden" name="state" value="">
<input type="hidden" name="response_type" value="">
<input type="hidden" name="duration" value="">
<input type="hidden" name="csrf_token" value="">
<div class="field is-grouped is-grouped-right">
<p class="control">
<button class="button is-medium is-fullwidth is-warning" value="authorize" type="submit">
Allow Access
</button>
</p>
<p class="control">
<button class="button is-medium is-fullwidth" value="authorize" type="submit">
Cancel
</button>
</p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>