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>
216 lines
12 KiB
Text
216 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 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" aria-current="page">
|
|
<a href="#">MARC view: [% bibliotitle | html %]</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<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>
|
|
|
|
[% IF ( OPACXSLTDetailsDisplay ) %]
|
|
<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>
|
|
[% END %]
|
|
|
|
<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>
|
|
[% IF ( OPACXSLTDetailsDisplay ) %]
|
|
$(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;
|
|
}
|
|
});
|
|
});
|
|
[% END %]
|
|
</script>
|
|
[% END %]
|