Commit 10ef5abd authored by Benoit Alessandroni's avatar Benoit Alessandroni

Merge branch 'feature/add-privacy-policy-on-authorization-page' into 'master'

Adding proper checkbox for gdpr compliance

See merge request !74
parents a6972c7c fe534675
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
......@@ -3,6 +3,7 @@
<head>
{% load staticfiles %}
<title>{% block title %}Coopstarter{% endblock %}</title>
<script src="https://kit.fontawesome.com/48014d2af3.js"></script>
<style>
/* Reset*/
/* http://meyerweb.com/eric/tools/css/reset/
......@@ -79,22 +80,22 @@
/* XXXXXXXXXXXXXXXXXXXXXXXX technique XXXXXXXXXXXXXXXXXXXXXX */
@font-face {
font-family: 'var(--typo)';
src: url('../fonts/CALIST.eot'); /* IE9 Compat Modes */
src: url('../fonts/CALIST.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/CALIST.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/CALIST.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/CALIST.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/CALIST.svg#svgFontName') format('svg'); /* Legacy iOS */
src: url('/static/coopstarter/fonts/CALIST.eot'); /* IE9 Compat Modes */
src: url('/static/coopstarter/fonts/CALIST.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/static/coopstarter/fonts/CALIST.woff2') format('woff2'), /* Super Modern Browsers */
url('/static/coopstarter/fonts/CALIST.woff') format('woff'), /* Pretty Modern Browsers */
url('/static/coopstarter/fonts/CALIST.ttf') format('truetype'), /* Safari, Android, iOS */
url('/static/coopstarter/fonts/CALIST.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'var(--typo-btn)';
src: url('../fonts/avenir-light.eot'); /* IE9 Compat Modes */
src: url('../fonts/avenir-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/avenir-light.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/avenir-light.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/avenir-light.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/avenir-light.svg#svgFontName') format('svg'); /* Legacy iOS */
src: url('/static/coopstarter/fonts/avenir-light.eot'); /* IE9 Compat Modes */
src: url('/static/coopstarter/fonts/avenir-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/static/coopstarter/fonts/avenir-light.woff2') format('woff2'), /* Super Modern Browsers */
url('/static/coopstarter/fonts/avenir-light.woff') format('woff'), /* Pretty Modern Browsers */
url('/static/coopstarter/fonts/avenir-light.ttf') format('truetype'), /* Safari, Android, iOS */
url('/static/coopstarter/fonts/avenir-light.svg#svgFontName') format('svg'); /* Legacy iOS */
}
html{
......@@ -421,39 +422,19 @@
}
/* ----------------- CHECKBOX ---------------------------*/
.ss-list.checkbox{
padding-left: 2.5rem;
.checkbox {
color: #818998;
font-weight: lighter;
font-family: "var(--typo-btn)";
font-size: 1.4rem;
margin-bottom: 20px;
cursor: pointer;
}
.ss-list.checkbox .ss-option{
position: relative;
font-weight: lighter;
}
.ss-list.checkbox .ss-option:before {
content: "";
position : absolute;
display: block;
width: 1.5rem;
height: 1.5rem;
border: 2px solid #818998;
border-radius: 3px;
left: -2.5rem;
top: .9rem;
}
.ss-list.checkbox .ss-option.active:after {
font-family: "Font Awesome 5 pro";
font-weight: 900;
content: "\f00C";
position : absolute;
display: block;
width: 1.5rem;
height: 1.5rem;
left: -1.95rem;
top: .9rem;
.checkbox input[type="checkbox"]{
width: auto;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX MENU LOGUE XXXXXXXXXXXXXXXXXXXXXXXXXXX
......
......@@ -6,9 +6,23 @@
Request for Permission
</p>
<script>
setTimeout(function() {
document.getElementById("privacy_policy_acceptance").addEventListener( 'change', function() {
if(this.checked) {
document.getElementById("submit_authorization").classList = 'button_base';
document.getElementById("submit_authorization").removeAttribute('disabled');
} else {
document.getElementById("submit_authorization").classList = 'disabled';
document.getElementById("submit_authorization").disabled = true;
}
});
}, 1000);
</script>
<div>
<p class="flex">
The Knowledge Base Client <strong>{{ client.name }}</strong> would like to access your personal informations.
The Knowledge Base Client&nbsp;<strong>{{ client.name }}</strong>&nbsp;would like to access some of your personal information.
</p>
<p class="flex">
......@@ -22,14 +36,15 @@
{{ hidden_inputs }}
<ul>
{% for scope in scopes %}
<li><strong>{{ scope.name }}</strong> <br><i>{{ scope.description }}</i></li>
{% endfor %}
</ul>
<div class="checkbox">
<label for="privacy_policy_acceptance">
<input type="checkbox" id="privacy_policy_acceptance" value="privacy_policy_acceptance">
I hereby agree to the <a href="https://coopseurope.coop/privacy-policy">Cooperative Europe privacy policy</a>
</label>
</div>
<input class="button_base" type="submit" value="Decline" />
<input class="button_base" name="allow" type="submit" value="Authorize" />
<input class="button_base" type="submit" value="Decline"/>
<input class="disabled" name="allow" id="submit_authorization" type="submit" value="Authorize" disabled="true"/>
</form>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment