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>
212 lines
12 KiB
Text
212 lines
12 KiB
Text
[% USE raw %]
|
|
[% USE Koha %]
|
|
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title>MARC details for record no. [% biblio.biblionumber | 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-marcdetail' bodyclass='scrollto' %]
|
|
[% 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>
|
|
<li class="breadcrumb-item active">
|
|
<a href="#" aria-current="page">MARC view: [% bibliotitle | html %]</a>
|
|
</li>
|
|
</ol>
|
|
</nav> <!-- /#breadcrumbs -->
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-lg-9">
|
|
<div id="opac-detail" class="maincontent">
|
|
<div id="usermarcdetail">
|
|
<div id="catalogue_detail_biblio">
|
|
|
|
<div id="views">
|
|
<span class="view"><a id="Normalview" class="btn btn-link" href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblio.biblionumber | html %]"><i class="fa fa-file-text-o" aria-hidden="true"></i> Normal view</a></span>
|
|
<span class="view current-view"><span id="MARCview"><i class="fa fa-list-alt" aria-hidden="true"></i> MARC view</span></span>
|
|
[% IF ( ISBD ) %]<span class="view"><a id="ISBDview" class="btn btn-link" href="/cgi-bin/koha/opac-ISBDdetail.pl?biblionumber=[% biblio.biblionumber | html %]"><i class="fa fa-list-ul" aria-hidden="true"></i> ISBD view</a></span>[% END %]
|
|
</div>
|
|
<h1 class="title">[% bibliotitle | html %] (Record no. [% biblio.biblionumber | html %])</h1>
|
|
|
|
<div id="switchview_div">[ <a id="switchview" href="/cgi-bin/koha/opac-showmarc.pl?id=[% biblio.biblionumber | html %]&viewas=html">view plain</a> ]</div>
|
|
<div id="plainmarc"></div>
|
|
|
|
<div id="labeledmarc">
|
|
<table id="marc" class="table table-bordered table-striped">
|
|
<caption class="sr-only">MARC details</caption>
|
|
[% FOREACH tab0X IN tab0XX %]
|
|
<tr><th colspan="2">[% tab0X.tag | html %]</th></tr>
|
|
[% FOREACH subfiel IN tab0X.subfield %]
|
|
<tr>
|
|
<td>[% subfiel.marc_lib | $raw %]</td>
|
|
<td>[% subfiel.marc_value | html %]</td>
|
|
</tr>
|
|
[% END %]
|
|
[% END %]
|
|
[% FOREACH tab1X IN tab1XX %]
|
|
<tr><th colspan="2">[% tab1X.tag | html %]</th></tr>
|
|
[% FOREACH subfiel IN tab1X.subfield %]
|
|
<tr>
|
|
<td >[% subfiel.marc_lib | $raw %]</td>
|
|
<td >[% subfiel.marc_value | html %]</td>
|
|
</tr>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% FOREACH tab2X IN tab2XX %]
|
|
<tr><th colspan="2">[% tab2X.tag | html %]</th></tr>
|
|
[% FOREACH subfiel IN tab2X.subfield %]
|
|
<tr>
|
|
<td>[% subfiel.marc_lib | $raw %]</td>
|
|
<td>[% subfiel.marc_value | html %]</td>
|
|
</tr>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% FOREACH tab3X IN tab3XX %]
|
|
<tr><th colspan="2">[% tab3X.tag | html %]</th></tr>
|
|
[% FOREACH subfiel IN tab3X.subfield %]
|
|
<tr>
|
|
<td>[% subfiel.marc_lib | $raw %]</td>
|
|
<td>[% subfiel.marc_value | html %]</td>
|
|
</tr>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% FOREACH tab4X IN tab4XX %]
|
|
<tr><th colspan="2" >[% tab4X.tag | html %]</th></tr>
|
|
[% FOREACH subfiel IN tab4X.subfield %]
|
|
<tr>
|
|
<td>[% subfiel.marc_lib | $raw %]</td>
|
|
<td>[% subfiel.marc_value | html %]</td>
|
|
</tr>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% FOREACH tab5X IN tab5XX %]
|
|
<tr><th colspan="2">[% tab5X.tag | html %]</th></tr>
|
|
[% FOREACH subfiel IN tab5X.subfield %]
|
|
<tr>
|
|
<td>[% subfiel.marc_lib | $raw %]</td>
|
|
<td>[% subfiel.marc_value | html %]</td>
|
|
</tr>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% FOREACH tab6X IN tab6XX %]
|
|
<tr><th colspan="2">[% tab6X.tag | html %]</th></tr>
|
|
[% FOREACH subfiel IN tab6X.subfield %]
|
|
<tr>
|
|
<td>[% subfiel.marc_lib | $raw %]</td>
|
|
<td>[% subfiel.marc_value | html %]</td>
|
|
</tr>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% FOREACH tab7X IN tab7XX %]
|
|
<tr><th colspan="2">[% tab7X.tag | html %]</th></tr>
|
|
[% FOREACH subfiel IN tab7X.subfield %]
|
|
<tr>
|
|
<td>[% subfiel.marc_lib | $raw %]</td>
|
|
<td>[% subfiel.marc_value | html %]</td>
|
|
</tr>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% FOREACH tab8X IN tab8XX %]
|
|
<tr><th colspan="2">[% tab8X.tag | html %]</th></tr>
|
|
[% FOREACH subfiel IN tab8X.subfield %]
|
|
<tr>
|
|
<td>[% subfiel.marc_lib | $raw %]</td>
|
|
<td>[% subfiel.marc_value | html %]</td>
|
|
</tr>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
[% FOREACH tab9X IN tab9XX %]
|
|
<tr><th colspan="2">[% tab9X.tag | html %]</th></tr>
|
|
[% FOREACH subfiel IN tab9X.subfield %]
|
|
<tr>
|
|
<td>[% subfiel.marc_lib | $raw %]</td>
|
|
<td>[% subfiel.marc_value | html %]</td>
|
|
</tr>
|
|
[% END %]
|
|
[% END %]
|
|
</table>
|
|
</div>
|
|
[% IF ( item_header_loop ) %]
|
|
<table id="items" class="table table-bordered table-condensed table-striped">
|
|
<caption>Holdings</caption>
|
|
<thead>
|
|
<tr>
|
|
[% FOREACH header IN item_header_loop %]
|
|
<th>[% header | html %]</th>
|
|
[% END %]
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
[% FOREACH item IN item_loop %]
|
|
<tr>
|
|
[% FOREACH sf_code IN item_subfield_codes %]
|
|
<td>[% item.$sf_code | $raw %]</td>
|
|
[% END %]
|
|
</tr>
|
|
[% END %]
|
|
</tbody>
|
|
</table>
|
|
[% ELSE %]
|
|
<p>No items available.</p>
|
|
[% END %]
|
|
</div> <!-- / #catalogue_detail_biblio -->
|
|
</div> <!-- / #usermarcdetail -->
|
|
</div> <!-- / #opac-detail -->
|
|
</div> <!-- / .col-lg-9 -->
|
|
<div class="col-lg-3">
|
|
[% INCLUDE 'opac-detail-sidebar.inc' %]
|
|
</div>
|
|
</div> <!-- / .row -->
|
|
</div> <!-- / .container-fluid -->
|
|
</div> <!-- / .main -->
|
|
|
|
[% INCLUDE 'opac-bottom.inc' %]
|
|
[% BLOCK jsinclude %]
|
|
<script>
|
|
$(document).ready(function(){
|
|
var loaded = 0;
|
|
var toggle = 0;
|
|
$("#switchview").on("click",function(e){
|
|
e.preventDefault();
|
|
if( toggle == 0){
|
|
$(this).text(_("view labeled"));
|
|
$("#labeledmarc").hide();
|
|
if(!loaded){
|
|
$("#plainmarc").show().html("<div style=\"margin:1em;padding:1em;border:1px solid #EEE;font-size:150%;\"><img src=\"[% interface | html %]/[% theme | html %]/images/loading.gif\" /> "+_("Loading")+"...</div>");
|
|
var plain_marc = $.get( "/cgi-bin/koha/opac-showmarc.pl", { id: "[% biblio.biblionumber | html %]", viewas: "html" })
|
|
.done(function( data ) {
|
|
$("#plainmarc").html( data );
|
|
loaded = 1;
|
|
})
|
|
.fail(function() {
|
|
$('#switchview').parent().html("<div class=\"dialog alert\">"+_("Sorry, plain view is temporarily unavailable")+".</div>");
|
|
$("#plainmarc").hide();
|
|
$("#labeledmarc").show();
|
|
});
|
|
} else {
|
|
$("#plainmarc").show();
|
|
}
|
|
toggle = 1;
|
|
} else {
|
|
$(this).text(_("view plain"));
|
|
$("#labeledmarc").show();
|
|
$("#plainmarc").hide();
|
|
toggle = 0;
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
[% END %]
|