Koha/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-patron-consent.tt
Wainui Witika-Park d3ab8dbeec Bug 28242: added captions to tables and legends to forms
Ensured that in the OPAC, all tables have relevant captions and all forms have relevant legends.

Many of these have class="sr-only" so they are not visible but will be
available for people who use screen-readers.

To test:
1) Go to OPAC
2) Apply patch and dependencies
3) Check that on all pages, any tables have a caption (many of them will
    not be visible, but will be in the markup code)
4) Check that on all pages, any forms have a legend (many of them will
    not be visible, but will be in the markup code)
5) Check that the captions are appropriate and relevant
6) Check that the legends are appropriate and relevant

Sponsored-by: Catalyst IT

Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
2021-06-21 14:05:30 +02:00

101 lines
4.7 KiB
Text

[% USE Koha %]
[% SET consentview = 1 %]
[% INCLUDE 'doc-head-open.inc' %]
<title>Your consents &rsaquo; [% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %] catalog</title>
[% INCLUDE 'doc-head-close.inc' %]
[% BLOCK cssinclude %][% END %]
</head>
[% INCLUDE 'bodytag.inc' bodyid='opac-patron-consent' %]
[% INCLUDE 'masthead.inc' %]
<div class="main">
<nav aria-label="breadcrumb">
<ul class="breadcrumb">
<li class="breadcrumb-item">
<a href="/cgi-bin/koha/opac-main.pl">Home</a>
</li>
<li class="breadcrumb-item">
<a href="/cgi-bin/koha/opac-user.pl">[% patron.firstname | html %] [% patron.surname | html %]</a>
</li>
<li class="breadcrumb-item" aria-current="page">
<a href="#">Your consents</a>
</li>
</ul>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-lg-2">
<div id="navigation">
[% INCLUDE 'navigation.inc' IsPatronPage=1 %]
</div>
</div>
<div class="col-lg-10 order-first order-md-first order-lg-2">
<div id="patronconsents" class="maincontent">
[% IF Koha.Preference('GDPR_Policy') %]
<div class="alert alert-warning">
<p>In order to keep you logged in, we need your consent to process personal data as specified in the EU General Data Protection Regulation of May 25, 2018.</p>
<p>Please save your consent below or log out. Thank you!</p>
</div>
[% END %]
<h1>Your consents</h1>
<form action="/cgi-bin/koha/opac-patron-consent.pl" method="post">
[% IF Koha.Preference('GDPR_Policy') %]
<legend><h2 id="GDPR_consents">GDPR consents</h2></legend>
<input type="hidden" name="op" value="gdpr_proc_save"/>
<input type="hidden" name="borrowernumber" value="[% patron.borrowernumber | html %]"/>
<fieldset>
<ul><li>
<p>I have read the <a target="_blank" href="[% Koha.Preference('PrivacyPolicyURL') | url %]">privacy policy</a> and agree with your processing of my personal data as outlined therein.</p>
<p><input type="radio" name="gdpr_processing" value="agreed"> Yes, I agree.<br>
<input type="radio" name="gdpr_processing" value="disagreed"> No, I do not agree. Please remove my account within a reasonable time.</p>
[% IF gdpr_proc_consent %]
<p>Your consent was registered on [% gdpr_proc_consent | html %].</p>
[% ELSIF gdpr_proc_refusal %]
<p>You indicated recently that you do not consent, and we will process your request soon.</p>
[% END %]
</li></ul>
</fieldset>
<fieldset class="action">
<input id="saveconsent" type="submit" value="Save" class="btn btn-primary" />
</fieldset>
[% END %]
</form>
</div> <!-- / #userpasswd -->
</div> <!-- / .col-lg-10 -->
</div> <!-- / .row -->
</div> <!-- / .container-fluid -->
</div> <!-- / .main -->
[% INCLUDE 'opac-bottom.inc' %]
[% BLOCK jsinclude %]
<script>
var consent = null;
$(document).ready(function() {
[% IF gdpr_proc_consent %]
consent=1;
$("input[type='radio'][value='agreed']").prop('checked',true);
$(".alert").hide();
[% ELSIF gdpr_proc_refusal %]
consent=0;
$("input[type='radio'][value='disagreed']").prop('checked',true);
[% ELSE %]
[% END %]
$("#saveconsent").prop('disabled', true);
$("input[type='radio']").click(function() {
var radio = $(this).val();
if(radio=='agreed' && (consent==null || consent==0)) $("#saveconsent").prop('disabled', false);
if(radio=='disagreed' && (consent==null || consent==1)) $("#saveconsent").prop('disabled', false);
if(radio=='agreed') $(".alert").hide();
if(radio=='disagreed') $(".alert").show();
});
});
</script>
[% END %]