pages/dam/info_release.html (87 lines of code) (raw):
<!DOCTYPE html>
<!--
Copyright 2019 Google LLC
Licensed under the Apache License, Version 2.0 (the 'License');
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an 'AS IS' BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>{{.ApplicationName}}: Permissions</title>
<link rel='icon' href='{{.AssetDir}}/images/favicon.ico' type='image/png' />
<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700' rel='stylesheet'>
<link rel='stylesheet' href='https://fonts.googleapis.com/icon?family=Material+Icons'>
<link rel='stylesheet' href='https://code.getmdl.io/1.3.0/material.cyan-pink.min.css'>
<link rel='stylesheet' href='{{.AssetDir}}/css/common.css'>
<link rel='stylesheet' href='{{.AssetDir}}/css/info_release.css'>
<script defer src='https://code.getmdl.io/1.3.0/material.min.js'></script>
<script src='{{.AssetDir}}/js/info_release.js'></script>
</head>
<body class="flex">
<main class="flex stretch">
<div id='main-container'>
<div id='information-release'
class='mdl-card mdl-shadow--2dp'>
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">We need your permission</h2>
</div>
<div>
<p>
App <b>{{.ApplicationName}}</b> requested for releasing following information<br/>
</p>
<p>
By clicking <b>Agree</b>, you agree to release selected following information to <b>{{.ApplicationName}}</b>.
</p>
</div>
<form action='/dam/inforelease/accept' method='post'>
<input type='hidden' name='state' value='{{.State}}'>
<div>
<div class="openid-info">
<span>openid: <i>{{.ID}}</i></span>
{{if .Offline}}
<span>offine</span>
{{end}}
</div>
{{if .IsDataset}}
<span>Dataset Access</span>
{{else}}
<span>Identities</span>
{{end}}
<ul id='information-list' class='scrollable'>
{{range $info := .Information}}
<li>
<span class="list-item--title">{{$info}}</span>
</li>
{{end}}
</ul>
</div>
<div class='mdl-card__supporting-text'>
<div id="remember-container">
<label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for='remember-none'>
<input type="radio" id='remember-none' value='remember-none' name='remember' checked class="mdl-radio__button">
<span class="mdl-radio__label">Don't remember, ask me next time</span>
</label>
<br>
<label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for='remember-release-any'>
<input type="radio" id='remember-release-any' value='remember-release-any' name='remember'
class="mdl-radio__button">
<span class="mdl-radio__label">
Remember release anything for next time <b>{{.ApplicationName}}</b> request
</span>
</label>
</div>
<p>
You can go to <a href='{{.ConsentDashboardURL}}'>consent dashboard</a> to revoke your saved remember consent.
All consents will expire in 90 days.
</p>
</div>
<div class='mdl-card__actions actions'>
<input type='button'
class='secondary-btn mdl-button mdl-js-button mdl-js-ripple-effect' id='disagree' value='Disagree'>
<input type='submit'
class='primary-btn mdl-button mdl-js-button mdl-js-ripple-effect' id='agree' value='Agree'>
</div>
</form>
<form action='/dam/inforelease/reject' method='post' id='reject-form'>
<input type='hidden' name='state' value='{{.State}}'>
</form>
</div>
</div>
</main>
</body>
</html>