Owen Leonard
43aea684f0
Modified breadcrumbs to be accessible, in particular for a screen-reader. Also ensured the breadcrumbs were all consistent. Made the block of breadcrumbs to be a <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs"> with an ordered list inside. The last breadcrumb also has aria-current="page" to specify that it is the current page. To test, apply the patch and rebuild the OPAC CSS (https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client) - Confirm that OPAC templates are updated consistently to use breadcrumbs markup beginning with '<nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">' - Pages in the OPAC should look consistent, with the last breadcrumb styled as text and with the "aria-current" attribute "page." Sponsored-by: Catalyst IT Signed-off-by: Henry Bolshaw <bolshawh@parliament.uk> Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de> Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
125 lines
6.5 KiB
Text
125 lines
6.5 KiB
Text
[% USE Koha %]
|
|
[% IF ( fullpage ) %]
|
|
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title>Download list [% shelf.shelfname | html %] › [% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %] catalog</title>[% INCLUDE 'doc-head-close.inc' %]
|
|
[% BLOCK cssinclude %][% END %]
|
|
</head>
|
|
[% INCLUDE 'bodytag.inc' bodyid='opac-downloadlist' %]
|
|
[% INCLUDE 'masthead.inc' %]
|
|
<div class="main">
|
|
<nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item">
|
|
<a href="/cgi-bin/koha/opac-main.pl">Home</a>
|
|
</li>
|
|
[% IF ( logged_in_user ) %]
|
|
<li class="breadcrumb-item"><a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a></li>
|
|
[% END %]
|
|
<li class="breadcrumb-item">
|
|
[% IF shelf.category == 1 %]
|
|
<a href="/cgi-bin/koha/opac-shelves.pl?op=list&category=1">Your lists</a>
|
|
[% ELSE %]
|
|
<a href="/cgi-bin/koha/opac-shelves.pl?op=list&category=2">Public lists</a>
|
|
[% END %]
|
|
</li>
|
|
<li class="breadcrumb-item active">
|
|
<a href="#" aria-current="page">Download list <em>[% shelf.shelfname | html %]</em></a>
|
|
</li>
|
|
</ul>
|
|
</nav> <!-- /#breadcrumbs -->
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
[% IF ( OpacNav||loggedinusername ) %]
|
|
<div class="col-lg-2">
|
|
<div id="navigation">
|
|
[% INCLUDE 'navigation.inc' IsPatronPage=1 %]
|
|
</div>
|
|
</div>
|
|
[% END %]
|
|
|
|
[% IF ( OpacNav||loggedinusername ) %]
|
|
<div class="col-10 order-first order-md-first order-lg-2">
|
|
[% ELSE %]
|
|
<div class="col order-first order-md-first order-lg-2">
|
|
[% END %]
|
|
[% END # / IF fullpage %]
|
|
|
|
<div id="userdownloadshelf" class="maincontent">
|
|
|
|
[% UNLESS ( invalidlist ) %]
|
|
|
|
<h1>Download list <em>[% shelf.shelfname | html %]</em></h1>
|
|
[% IF ( format ) %]
|
|
<div class="alert alert-info">
|
|
<p>Your download should begin automatically.</p>
|
|
</div>
|
|
[% ELSE %]
|
|
<form method="post" action="/cgi-bin/koha/opac-downloadshelf.pl">
|
|
<fieldset>
|
|
<select name="format" id="dlformat" required="required">
|
|
<legend>Choose format</legend>
|
|
<option value="">-- Choose format --</option>
|
|
<option value="ris">RIS (Zotero, EndNote, others)</option>
|
|
<option value="bibtex">BibTeX</option>
|
|
<option value="isbd">ISBD</option>
|
|
<option value="iso2709">MARC</option>
|
|
[% FOREACH csv_profile IN csv_profiles %]
|
|
<option value="[% csv_profile.export_format_id | html %]">CSV - [% csv_profile.profile | html %]</option>
|
|
[% END %]
|
|
</select>
|
|
<span class="required">Required</span>
|
|
</fieldset>
|
|
|
|
<fieldset class="action">
|
|
<legend class="sr-only">Choose action</legend>
|
|
<input type="hidden" name="shelfnumber" value="[% shelf.shelfnumber | html %]" />
|
|
<input type="submit" name="save" class="btn btn-primary" value="Go" />
|
|
<a href="/cgi-bin/koha/opac-shelves.pl?op=view&shelfnumber=[% shelf.shelfnumber | uri %]" class="cancel close" data-dismiss="modal">Cancel</a>
|
|
</fieldset>
|
|
</form>
|
|
[% IF ( modal ) %]
|
|
<script>
|
|
$(document).ready(function(){
|
|
$("#userdownloadshelf form").on("submit",function(e){
|
|
if( $("#dlformat").val() == "" ){
|
|
e.preventDefault();
|
|
alert(_("Please choose a download format"));
|
|
} else {
|
|
$("#modalWin").modal("hide");
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
[% END %]
|
|
[% END # / IF format %]
|
|
|
|
[% ELSE %]
|
|
<h1>Download list unsuccessful</h1>
|
|
<div class="alert alert-warning">
|
|
<p>You do not have permission to download this list.</p>
|
|
</div>
|
|
|
|
[% END # / invalidlist %]
|
|
|
|
</div> <!-- / #userdownloadshelf -->
|
|
|
|
[% IF ( fullpage ) %]
|
|
</div> <!-- / .col-10 -->
|
|
</div> <!-- / .row -->
|
|
</div> <!-- / .container-fluid -->
|
|
</div> <!-- / .main -->
|
|
[% INCLUDE 'opac-bottom.inc' %]
|
|
[% BLOCK jsinclude %]
|
|
<script>
|
|
$(document).ready(function(){
|
|
$("#userdownloadshelf form").on("submit",function(e){
|
|
if( $("#dlformat").val() == "" ){
|
|
e.preventDefault();
|
|
alert(_("Please choose a download format"));
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
[% END %]
|
|
[% END # / IF fullpage %]
|