+[% USE raw %]
+[% USE Koha %]
+[% USE Asset %]
[% SET footerjs = 1 %]
[% INCLUDE 'doc-head-open.inc' %]
-<title>Koha › Catalog ›
+<title>
[% IF ( unknownbiblionumber ) %]
Unknown record
[% ELSE %]
- MARC details for [% bibliotitle | html %]
- [% END %]
+ MARC details for [% INCLUDE 'biblio-title-head.inc' %]
+ [% END %] › Catalog › Koha
</title>
[% INCLUDE 'doc-head-close.inc' %]
</head>
<body id="catalog_MARCdetail" class="catalog">
-[% INCLUDE 'header.inc' %]
-[% INCLUDE 'cat-search.inc' %]
+[% WRAPPER 'header.inc' %]
+ [% INCLUDE 'cat-search.inc' %]
+[% END %]
-<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a href="/cgi-bin/koha/catalogue/search.pl">Catalog</a> ›
- [% IF ( unknownbiblionumber ) %]
- Unknown record
- [% ELSE %]
- MARC Details for <i>[% bibliotitle |html %]</i>
- [% END %]
-</div>
+[% WRAPPER 'sub-header.inc' %]
+<nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
+ <ol>
+ <li>
+ <a href="/cgi-bin/koha/mainpage.pl">Home</a>
+ </li>
+ <li>
+ <a href="/cgi-bin/koha/catalogue/search.pl">Catalog</a>
+ </li>
+
+ [% IF ( unknownbiblionumber ) %]
+ <li>
+ <a href="#" aria-current="page">
+ Unknown record
+ </a>
+ </li>
+ [% ELSE %]
+ <li>
+ [% INCLUDE 'biblio-title.inc' link = 1 %]
+ </li>
+ <li>
+ <a href="#" aria-current="page">
+ MARC details
+ </a>
+ </li>
+ [% END %]
+ </ol>
+</nav>
+[% END %]
-<div id="doc3" class="yui-t2">
+<div class="main container-fluid">
+ <div class="row">
+ <div class="col-sm-10 col-sm-push-2">
+ <main>
[% IF ( unknownbiblionumber ) %]
- <div class="dialog message">The record you requested does not exist ([% biblionumber %]).</div>
+ <h1>Unknown record</h1>
+ <div class="dialog message">The record you requested does not exist ([% biblionumber | html %]).</div>
[% ELSE %]
- <div id="bd">
- <div id="yui-main">
- <div class="yui-b">
+
[% INCLUDE 'cat-toolbar.inc' %]
[% UNLESS ( popup ) %]
- <h1>MARC biblio : [% biblionumber %] ( [% bibliotitle |html %] )</h1>
-
-
+ <h1>MARC record: [% biblionumber | html %] ( [% bibliotitle | html %] )</h1>
[% END %]
- <p><b>With framework : <select name="Frameworks" id="Frameworks">
+ <p><strong>With framework : <select name="Frameworks" id="Frameworks">
<option value="">Default</option>
[% FOREACH framework IN frameworks %]
[% IF framework.frameworkcode == frameworkcode %]
- <option value="[% framework.frameworkcode %]" selected="selected">[% framework.frameworktext %]</option>
+ <option value="[% framework.frameworkcode | html %]" selected="selected">[% framework.frameworktext | html %]</option>
[% ELSE %]
- <option value="[% framework.frameworkcode %]">[% framework.frameworktext %]</option>
+ <option value="[% framework.frameworkcode | html %]">[% framework.frameworktext | html %]</option>
[% END %]
[% END %]
- </select> </b></p>
+ </select> </strong></p>
[% IF ( ocoins ) %]
<!-- COinS / OpenURL -->
-<span class="Z3988" title="[% ocoins %]"></span>
+<span class="Z3988" title="[% ocoins | html %]"></span>
[% END %]
[% BLOCK show_tab_html %]
- <div id="[% tab_id %]">
+ <div role="tabpanel" class="tab-pane" id="[% tab_id | html %]">
[% FOREACH tab0X IN tab_data %]
[% IF ( tab0X.tag ) %]
<div class="tag">
<div class="tag_title">
- <span class="tag_num">[% tab0X.tag %]</span>
+ <span class="tag_num">[% tab0X.tag | html %]</span>
[% IF ( tab0X.tag_ind ) %]
- <span class="tag_ind1">[% tab0X.tag_ind.substr(0, 1) %]</span><span class="tag_ind2">[% tab0X.tag_ind.substr(1, 1) %]</span>
+ <span class="tag_ind1">[% tab0X.tag_ind.substr(0, 1) | html %]</span><span class="tag_ind2">[% tab0X.tag_ind.substr(1, 1) | html %]</span>
[% END %]
- [% IF (tab0X.tag_desc) %]<span class="dashwrapper"> -</span> <span class="tag_desc">[% tab0X.tag_desc %]</span>[% END %]
+ [% IF (tab0X.tag_desc) %]<span class="dashwrapper"> -</span> <span class="tag_desc">[% tab0X.tag_desc | html %]</span>[% END %]
</div>
[% ELSE %]
<div class="tag">
[% FOREACH subfiel IN tab0X.subfield %]
<p class="subfield_line">
<span class="subfield-label">
- [% UNLESS ( subfiel.hide_marc ) %]<span class="subfield-code">[% subfiel.marc_subfield %]</span>[% END %]
- <span class="desc" title="[% subfiel.long_desc %]">[% subfiel.short_desc %]</span></span>
- [% IF ( subfiel.is_url ) %]<a href="[% subfiel.marc_value %]">[% subfiel.marc_value |html %]</a>[% ELSE %][% subfiel.marc_value |html %][% END %]
+ [% UNLESS ( subfiel.hide_marc ) %]<span class="subfield-code">[% subfiel.marc_subfield | html %]</span>[% END %]
+ <span class="desc" title="[% subfiel.long_desc | html %]">[% subfiel.short_desc | html %]</span></span>
+ [% IF ( subfiel.is_url ) %]<a href="[% subfiel.marc_value | url %]">[% subfiel.marc_value | html %]</a>[% ELSE %][% subfiel.marc_value | html %][% END %]
[% IF ( subfiel.link ) %]
- <a href="/cgi-bin/koha/catalogue/search.pl?op=do_search&idx=[% subfiel.link %],phr&type=intranet&q=[% subfiel.marc_value |url %]">
- <img src="[% interface %]/[% theme %]/img/filefind.png" height="15" title="Search on [% subfiel.marc_value |html %]" alt="Search on [% subfiel.marc_value |html %]" />
+ <a class="authlink" href="/cgi-bin/koha/catalogue/search.pl?op=do_search&idx=[% subfiel.link | uri %],phr&type=intranet&q=[% subfiel.marc_value |uri %]">
+ <i class="fa fa-link" aria-label="Search on [% subfiel.marc_value | html %]" title="Search on [% subfiel.marc_value | html %]"></i>
</a>
[% END %]
[% IF ( subfiel.authority ) %]
- <a href="/cgi-bin/koha/authorities/detail.pl?authid=[% subfiel.authority %]" class="button">Auth</a>
+ <a class="authlink" href="/cgi-bin/koha/authorities/detail.pl?authid=[% subfiel.authority | uri %]">
+ <i class="fa fa-search" area-label="View authority record" title="View authority record"></i>
+ </a>
[% END %]
</p>
[% END %]
</div>
[% END %]
-
-<div id="bibliotabs" class="toptabs numbered">
- <ul>
+ <div id="bibliotabs" class="toptabs">
+ <ul class="nav nav-tabs" role="tablist">
[% IF ( tab0XX ) %]
- <li><a href="#tab0XX">0</a></li>
+ <li role="presentation"><a href="#tab0XX" aria-controls="tab0XX" role="tab" data-toggle="tab">0</a></li>
[% END %]
[% IF ( tab1XX ) %]
- <li><a href="#tab1XX">1</a></li>
+ <li role="presentation"><a href="#tab1XX" aria-controls="tab1XX" role="tab" data-toggle="tab">1</a></li>
[% END %]
[% IF ( tab2XX ) %]
- <li><a href="#tab2XX">2</a></li>
+ <li role="presentation"><a href="#tab2XX" aria-controls="tab2XX" role="tab" data-toggle="tab">2</a></li>
[% END %]
[% IF ( tab3XX ) %]
- <li><a href="#tab3XX">3</a></li>
+ <li role="presentation"><a href="#tab3XX" aria-controls="tab3XX" role="tab" data-toggle="tab">3</a></li>
[% END %]
[% IF ( tab4XX ) %]
- <li><a href="#tab4XX">4</a></li>
+ <li role="presentation"><a href="#tab4XX" aria-controls="tab4XX" role="tab" data-toggle="tab">4</a></li>
[% END %]
[% IF ( tab5XX ) %]
- <li><a href="#tab5XX">5</a></li>
+ <li role="presentation"><a href="#tab5XX" aria-controls="tab5XX" role="tab" data-toggle="tab">5</a></li>
[% END %]
[% IF ( tab6XX ) %]
- <li><a href="#tab6XX">6</a></li>
+ <li role="presentation"><a href="#tab6XX" aria-controls="tab6XX" role="tab" data-toggle="tab">6</a></li>
[% END %]
[% IF ( tab7XX ) %]
- <li><a href="#tab7XX">7</a></li>
+ <li role="presentation"><a href="#tab7XX" aria-controls="tab7XX" role="tab" data-toggle="tab">7</a></li>
[% END %]
[% IF ( tab8XX ) %]
- <li><a href="#tab8XX">8</a></li>
+ <li role="presentation"><a href="#tab8XX" aria-controls="tab8XX" role="tab" data-toggle="tab">8</a></li>
[% END %]
[% IF ( tab9XX ) %]
- <li><a href="#tab9XX">9</a></li>
+ <li role="presentation"><a href="#tab9XX" aria-controls="tab9XX" role="tab" data-toggle="tab">9</a></li>
[% END %]
[% IF ( tab10XX ) %]
- <li><a href="#tab10XX">Item(s)</a></li>
+ <li role="presentation"><a href="#tab10XX" aria-controls="tab10XX" role="tab" data-toggle="tab">Item(s)</a></li>
[% END %]
</ul>
- [% PROCESS show_tab_html tab_id="tab0XX" tab_data=tab0XX %]
+ <div class="tab-content">
+ [% PROCESS show_tab_html tab_id="tab0XX" tab_data=tab0XX %]
- [% PROCESS show_tab_html tab_id="tab1XX" tab_data=tab1XX %]
+ [% PROCESS show_tab_html tab_id="tab1XX" tab_data=tab1XX %]
- [% PROCESS show_tab_html tab_id="tab2XX" tab_data=tab2XX %]
+ [% PROCESS show_tab_html tab_id="tab2XX" tab_data=tab2XX %]
- [% PROCESS show_tab_html tab_id="tab3XX" tab_data=tab3XX %]
+ [% PROCESS show_tab_html tab_id="tab3XX" tab_data=tab3XX %]
- [% PROCESS show_tab_html tab_id="tab4XX" tab_data=tab4XX %]
+ [% PROCESS show_tab_html tab_id="tab4XX" tab_data=tab4XX %]
- [% PROCESS show_tab_html tab_id="tab5XX" tab_data=tab5XX %]
+ [% PROCESS show_tab_html tab_id="tab5XX" tab_data=tab5XX %]
- [% PROCESS show_tab_html tab_id="tab6XX" tab_data=tab6XX %]
+ [% PROCESS show_tab_html tab_id="tab6XX" tab_data=tab6XX %]
- [% PROCESS show_tab_html tab_id="tab7XX" tab_data=tab7XX %]
+ [% PROCESS show_tab_html tab_id="tab7XX" tab_data=tab7XX %]
- [% PROCESS show_tab_html tab_id="tab8XX" tab_data=tab8XX %]
+ [% PROCESS show_tab_html tab_id="tab8XX" tab_data=tab8XX %]
- [% PROCESS show_tab_html tab_id="tab9XX" tab_data=tab9XX %]
+ [% PROCESS show_tab_html tab_id="tab9XX" tab_data=tab9XX %]
+
+ [% IF ( tab10XX ) %]
+ <div role="tabpanel" class="tab-pane" id="tab10XX">
+ <table>
+ <tr>
+ [% FOREACH header IN item_header_loop %]
+ <th>[% header | html %]</th>
+ [% END %]
+ </tr>
+ [% FOREACH item IN item_loop %]
+ <tr>
+ [% FOREACH sf_code IN item_subfield_codes %]
+ <td>[% item.$sf_code | $raw %]</td>
+ [% END %]
+ </tr>
+ [% END %]
+ </table>
+ </div>
+ [% END %]
+ </div> <!-- /.tab-content -->
+ </div> <!-- /#bibliotabs -->
+
+ </main>
+ </div> <!-- /.col-sm-10.col-sm-push-2 -->
+
+ <div class="col-sm-2 col-sm-pull-10">
+ <aside>
+ [% INCLUDE 'biblio-view-menu.inc' %]
+ </aside>
+ </div> <!-- /.col-sm-2.col-sm-pull-10 -->
+ </div> <!-- /.row -->
- [% IF ( tab10XX ) %]
- <div id="tab10XX">
- <table>
- <tr>
- [% FOREACH header IN item_header_loop %]
- <th>[% header %]</th>
- [% END %]
- </tr>
- [% FOREACH item IN item_loop %]
- <tr>
- [% FOREACH sf_code IN item_subfield_codes %]
- <td>[% item.$sf_code %]</td>
- [% END %]
- </tr>
- [% END %]
- </table>
- </div>
- [% END %]
-
-</div>
-</div>
-</div>
-<div class="yui-b">
-[% INCLUDE 'biblio-view-menu.inc' %]
-</div>
[% END %]
-</div>
+
+
[% MACRO jsinclude BLOCK %]
[% INCLUDE 'catalog-strings.inc' %]
- <script type="text/javascript" src="[% interface %]/[% theme %]/js/catalog_[% KOHA_VERSION %].js"></script>
- [% INCLUDE 'browser-strings.inc' %]
- <script type="text/javascript" src="[% interface %]/js/browser_[% KOHA_VERSION %].js"></script>
- <script type="text/javascript">
- var browser = KOHA.browser('[% searchid %]', parseInt('[% biblionumber %]', 10));
+ [% Asset.js("js/catalog.js") | $raw %]
+ [% Asset.js("js/browser.js") | $raw %]
+ <script>
+ var browser = KOHA.browser('[% searchid | html %]', parseInt('[% biblionumber | html %]', 10));
browser.show();
$(document).ready(function() {
- $('#bibliotabs').tabs();
$("#Frameworks").on("change",function(){
Changefwk(this);
});
- });
+ if( $(".tab-pane.active").length < 1 ){
+ $("#bibliotabs a:first").tab("show");
+ }
+ });
function Changefwk(FwkList) {
var fwk = FwkList.options[FwkList.selectedIndex].value;
- window.location = "MARCdetail.pl?biblionumber=[% biblionumber %]&frameworkcode="+fwk;
+ window.location = "MARCdetail.pl?biblionumber=[% biblionumber | html %]&frameworkcode="+fwk;
}
</script>
[% END %]