Wainui Witika-Park
d3ab8dbeec
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>
135 lines
6.9 KiB
Text
135 lines
6.9 KiB
Text
[% USE raw %]
|
|
[% USE Asset %]
|
|
[% USE Koha %]
|
|
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title>Change your password › [% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %] catalog</title>
|
|
[% INCLUDE 'doc-head-close.inc' %]
|
|
[% BLOCK cssinclude %][% END %]
|
|
</head>
|
|
[% INCLUDE 'bodytag.inc' bodyid='opac-passwd' %]
|
|
[% 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">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
|
|
</li>
|
|
<li class="breadcrumb-item active" aria-current="page">
|
|
<a href="#">Change your password</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-10 order-first order-lg-2">
|
|
<div id="userpasswd" class="maincontent">
|
|
<h1>Change your password </h1>
|
|
|
|
[% IF ( Error_messages ) %]
|
|
<div class="alert alert-warning">
|
|
<h2>There was a problem with your submission</h2>
|
|
<p>
|
|
[% IF ( passwords_mismatch ) %]
|
|
Passwords do not match. Please re-type your new password.
|
|
[% END %]
|
|
[% IF password_too_short %]
|
|
Password must be at least [% minPasswordLength | html %] characters long.
|
|
[% END %]
|
|
[% IF password_too_weak %]
|
|
Password must contain at least one digit, one lowercase and one uppercase.
|
|
[% END %]
|
|
[% IF password_has_whitespaces %]
|
|
Password must not contain leading or trailing whitespaces.
|
|
[% END %]
|
|
|
|
[% IF ( WrongPass ) %]
|
|
Your current password was entered incorrectly. If this problem persists, please ask a librarian to reset your password for you.
|
|
[% END %]
|
|
</p>
|
|
</div>
|
|
[% END # /IF Error_messages %]
|
|
|
|
[% IF logged_in_user.category.effective_change_password %]
|
|
[% IF ( Ask_data ) %]
|
|
<form action="/cgi-bin/koha/opac-passwd.pl" name="mainform" id="mainform" method="post" autocomplete="off">
|
|
<legend class="sr-only">Change your password</legend>
|
|
<fieldset>
|
|
[% IF ( logged_in_user.category.effective_require_strong_password ) %]
|
|
<div class="alert alert-info">Your password must contain at least [% logged_in_user.category.effective_min_password_length | html %] characters, including UPPERCASE, lowercase and numbers.</div>
|
|
[% ELSE %]
|
|
<div class="alert alert-info">Your password must be at least [% logged_in_user.category.effective_min_password_length | html %] characters long.</div>
|
|
[% END %]
|
|
<div class="form-group">
|
|
<label for="Oldkey">Current password:</label>
|
|
<input class="form-control focus" type="password" id="Oldkey" size="25" name="Oldkey" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="Newkey">New password:</label>
|
|
<input class="form-control" type="password" id="Newkey" size="25" name="Newkey" />
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="Confirm">Re-type new password:</label>
|
|
<input class="form-control" type="password" id="Confirm" size="25" name="Confirm" />
|
|
</div>
|
|
</fieldset>
|
|
<fieldset class="action">
|
|
<input type="submit" value="Change password" class="btn btn-primary" />
|
|
<a href="/cgi-bin/koha/opac-user.pl" class="cancel">Cancel</a>
|
|
</fieldset>
|
|
</form>
|
|
[% END # /IF Ask_data %]
|
|
[% ELSE %]
|
|
<div class="alert alert-warning">You can't change your password.</div>
|
|
[% END # /IF logged_in_user.category.effective_change_password %]
|
|
|
|
[% IF ( password_updated ) %]
|
|
<div class="alert alert-info">
|
|
<strong>Password updated</strong>
|
|
<br />
|
|
Your password has been changed
|
|
</div>
|
|
<form action="/cgi-bin/koha/opac-user.pl" method="post" autocomplete="off">
|
|
<input type="hidden" name="borrowernumber" value="[% borrowernumber | html %]" />
|
|
<p><input type="submit" class="btn btn-primary" value="Return to my account" /></p>
|
|
</form>
|
|
[% END # /IF password_updated %]
|
|
</div> <!-- / #userpasswd -->
|
|
</div> <!-- / .col-10 -->
|
|
</div> <!-- / .row -->
|
|
</div> <!-- / .container-fluid -->
|
|
</div> <!-- / .main -->
|
|
|
|
|
|
|
|
[% INCLUDE 'opac-bottom.inc' %]
|
|
[% BLOCK jsinclude %]
|
|
[% Asset.js("lib/jquery/plugins/jquery.validate.min.js") | $raw %]
|
|
[% PROCESS 'password_check.inc' new_password => 'Newkey', minPasswordLength => logged_in_user.category.effective_min_password_length, RequireStrongPassword => logged_in_user.category.effective_require_strong_password %]
|
|
<script>
|
|
$(document).ready(function() {
|
|
$("#mainform").validate({
|
|
rules: {
|
|
Newkey: {
|
|
required: true,
|
|
password_strong: true,
|
|
password_no_spaces: true
|
|
},
|
|
Confirm: {
|
|
required: true,
|
|
password_match: true
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
[% END %]
|