Bug 30316: Replace the use of jQueryUI tabs on MARC detail page
[koha-ffzg.git] / koha-tmpl / intranet-tmpl / prog / en / modules / catalogue / MARCdetail.tt
1 [% USE raw %]
2 [% USE Koha %]
3 [% USE Asset %]
4 [% SET footerjs = 1 %]
5 [% INCLUDE 'doc-head-open.inc' %]
6 <title>
7   [% IF ( unknownbiblionumber ) %]
8     Unknown record
9   [% ELSE %]
10     MARC details for [% INCLUDE 'biblio-title-head.inc' %]
11   [% END %] &rsaquo; Catalog &rsaquo; Koha
12 </title>
13 [% INCLUDE 'doc-head-close.inc' %]
14 </head>
15
16 <body id="catalog_MARCdetail" class="catalog">
17
18 [% INCLUDE 'header.inc' %]
19 [% INCLUDE 'cat-search.inc' %]
20
21 <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
22     <ol>
23         <li>
24             <a href="/cgi-bin/koha/mainpage.pl">Home</a>
25         </li>
26         <li>
27             <a href="/cgi-bin/koha/catalogue/search.pl">Catalog</a>
28         </li>
29
30         [% IF ( unknownbiblionumber ) %]
31             <li>
32                 <a href="#" aria-current="page">
33                     Unknown record
34                 </a>
35             </li>
36         [% ELSE %]
37             <li>
38                 [% INCLUDE 'biblio-title.inc' link = 1 %]
39             </li>
40             <li>
41                 <a href="#" aria-current="page">
42                     MARC details
43                 </a>
44             </li>
45         [% END %]
46     </ol>
47 </nav>
48
49 <div class="main container-fluid">
50     <div class="row">
51         <div class="col-sm-10 col-sm-push-2">
52             <main>
53
54 [% IF ( unknownbiblionumber ) %]
55   <div class="dialog message">The record you requested does not exist ([% biblionumber | html %]).</div>
56 [% ELSE %]
57
58 [% INCLUDE 'cat-toolbar.inc' %]
59
60 [% UNLESS ( popup ) %]
61     <h1>MARC record: [% biblionumber | html %]  ( [% bibliotitle | html %] )</h1>
62 [% END %]
63
64     <p><strong>With framework : <select name="Frameworks" id="Frameworks">
65                             <option value="">Default</option>
66                             [% FOREACH framework IN frameworks %]
67                                 [% IF framework.frameworkcode == frameworkcode %]
68                                     <option value="[% framework.frameworkcode | html %]" selected="selected">[% framework.frameworktext | html %]</option>
69                                 [% ELSE %]
70                                     <option value="[% framework.frameworkcode | html %]">[% framework.frameworktext | html %]</option>
71                                 [% END %]
72                             [% END %]
73             </select> </strong></p>
74 [% IF ( ocoins ) %]
75 <!-- COinS / OpenURL -->
76 <span class="Z3988" title="[% ocoins | html %]"></span>
77 [% END %]
78
79
80 [% BLOCK show_tab_html %]
81     <div role="tabpanel" class="tab-pane" id="[% tab_id | html %]">
82         [% FOREACH tab0X IN tab_data %]
83             [% IF ( tab0X.tag ) %]
84                 <div class="tag">
85                 <div class="tag_title">
86                     <span class="tag_num">[% tab0X.tag | html %]</span>
87             [% IF ( tab0X.tag_ind ) %]
88                 <span class="tag_ind1">[% tab0X.tag_ind.substr(0, 1) | html %]</span><span class="tag_ind2">[% tab0X.tag_ind.substr(1, 1) | html %]</span>
89             [% END %]
90                     [% IF (tab0X.tag_desc) %]<span class="dashwrapper"> -</span> <span class="tag_desc">[% tab0X.tag_desc | html %]</span>[% END %]
91                 </div>
92             [% ELSE %]
93                 <div class="tag">
94             [% END %]
95             [% FOREACH subfiel IN tab0X.subfield %]
96                 <p class="subfield_line">
97                     <span class="subfield-label">&nbsp;
98                     [% UNLESS ( subfiel.hide_marc ) %]<span class="subfield-code">[% subfiel.marc_subfield | html %]</span>[% END %]
99                     <span class="desc" title="[% subfiel.long_desc | html %]">[% subfiel.short_desc | html %]</span></span>
100                     [% IF ( subfiel.is_url ) %]<a href="[% subfiel.marc_value | url %]">[% subfiel.marc_value | html %]</a>[% ELSE %][% subfiel.marc_value | html %][% END %]
101                     [% IF ( subfiel.link ) %]
102                         <a class="authlink" href="/cgi-bin/koha/catalogue/search.pl?op=do_search&amp;idx=[% subfiel.link | uri %],phr&amp;type=intranet&amp;q=[% subfiel.link | uri %],phr:[% subfiel.marc_value |uri %]">
103                             <i class="fa fa-link" aria-label="Search on [% subfiel.marc_value | html %]" title="Search on [% subfiel.marc_value | html %]"></i>
104                         </a>
105                     [% END %]
106                     [% IF ( subfiel.authority ) %]
107                         <a class="authlink" href="/cgi-bin/koha/authorities/detail.pl?authid=[% subfiel.authority | uri %]">
108                             <i class="fa fa-search" area-label="View authority record" title="View authority record"></i>
109                         </a>
110                     [% END %]
111                 </p>
112             [% END %]
113             </div> <!-- class='tag' -->
114         [% END %]
115     </div>
116 [% END %]
117
118     <div id="bibliotabs" class="toptabs">
119         <ul class="nav nav-tabs" role="tablist">
120             [% IF ( tab0XX ) %]
121                 <li role="presentation"><a href="#tab0XX" aria-controls="tab0XX" role="tab" data-toggle="tab">&#48;</a></li>
122             [% END %]
123             [% IF ( tab1XX ) %]
124                 <li role="presentation"><a href="#tab1XX" aria-controls="tab1XX" role="tab" data-toggle="tab">1</a></li>
125             [% END %]
126             [% IF ( tab2XX ) %]
127                 <li role="presentation"><a href="#tab2XX" aria-controls="tab2XX" role="tab" data-toggle="tab">2</a></li>
128             [% END %]
129             [% IF ( tab3XX ) %]
130                 <li role="presentation"><a href="#tab3XX" aria-controls="tab3XX" role="tab" data-toggle="tab">3</a></li>
131             [% END %]
132             [% IF ( tab4XX ) %]
133                 <li role="presentation"><a href="#tab4XX" aria-controls="tab4XX" role="tab" data-toggle="tab">4</a></li>
134             [% END %]
135             [% IF ( tab5XX ) %]
136                 <li role="presentation"><a href="#tab5XX" aria-controls="tab5XX" role="tab" data-toggle="tab">5</a></li>
137             [% END %]
138             [% IF ( tab6XX ) %]
139                 <li role="presentation"><a href="#tab6XX" aria-controls="tab6XX" role="tab" data-toggle="tab">6</a></li>
140             [% END %]
141             [% IF ( tab7XX ) %]
142                 <li role="presentation"><a href="#tab7XX" aria-controls="tab7XX" role="tab" data-toggle="tab">7</a></li>
143             [% END %]
144             [% IF ( tab8XX ) %]
145                 <li role="presentation"><a href="#tab8XX" aria-controls="tab8XX" role="tab" data-toggle="tab">8</a></li>
146             [% END %]
147             [% IF ( tab9XX ) %]
148                 <li role="presentation"><a href="#tab9XX" aria-controls="tab9XX" role="tab" data-toggle="tab">9</a></li>
149             [% END %]
150             [% IF ( tab10XX ) %]
151                 <li role="presentation"><a href="#tab10XX" aria-controls="tab10XX" role="tab" data-toggle="tab">Item(s)</a></li>
152             [% END %]
153         </ul>
154         <div class="tab-content">
155             [% PROCESS show_tab_html tab_id="tab0XX" tab_data=tab0XX %]
156
157             [% PROCESS show_tab_html tab_id="tab1XX" tab_data=tab1XX %]
158
159             [% PROCESS show_tab_html tab_id="tab2XX" tab_data=tab2XX %]
160
161             [% PROCESS show_tab_html tab_id="tab3XX" tab_data=tab3XX %]
162
163             [% PROCESS show_tab_html tab_id="tab4XX" tab_data=tab4XX %]
164
165             [% PROCESS show_tab_html tab_id="tab5XX" tab_data=tab5XX %]
166
167             [% PROCESS show_tab_html tab_id="tab6XX" tab_data=tab6XX %]
168
169             [% PROCESS show_tab_html tab_id="tab7XX" tab_data=tab7XX %]
170
171             [% PROCESS show_tab_html tab_id="tab8XX" tab_data=tab8XX %]
172
173             [% PROCESS show_tab_html tab_id="tab9XX" tab_data=tab9XX %]
174
175             [% IF ( tab10XX ) %]
176                 <div role="tabpanel" class="tab-pane" id="tab10XX">
177                     <table>
178                             <tr>
179                                 [% FOREACH header IN item_header_loop %]
180                                     <th>[% header | html %]</th>
181                                 [% END %]
182                             </tr>
183                             [% FOREACH item IN item_loop %]
184                                 <tr>
185                                     [% FOREACH sf_code IN item_subfield_codes %]
186                                         <td>[% item.$sf_code | $raw %]</td>
187                                     [% END %]
188                                 </tr>
189                             [% END %]
190                     </table>
191                 </div>
192             [% END %]
193         </div> <!-- /.tab-content -->
194     </div> <!-- /#bibliotabs -->
195
196             </main>
197         </div> <!-- /.col-sm-10.col-sm-push-2 -->
198
199         <div class="col-sm-2 col-sm-pull-10">
200             <aside>
201                 [% INCLUDE 'biblio-view-menu.inc' %]
202             </aside>
203         </div> <!-- /.col-sm-2.col-sm-pull-10 -->
204      </div> <!-- /.row -->
205
206 [% END %]
207
208
209 [% MACRO jsinclude BLOCK %]
210     [% INCLUDE 'catalog-strings.inc' %]
211     [% Asset.js("js/catalog.js") | $raw %]
212     [% Asset.js("js/browser.js") | $raw %]
213     <script>
214         var browser = KOHA.browser('[% searchid | html %]', parseInt('[% biblionumber | html %]', 10));
215         browser.show();
216
217          $(document).ready(function() {
218             $("#Frameworks").on("change",function(){
219                 Changefwk(this);
220             });
221             if( $(".tab-pane.active").length < 1 ){
222                 $("#bibliotabs a:first").tab("show");
223             }
224         });
225
226         function Changefwk(FwkList) {
227             var fwk = FwkList.options[FwkList.selectedIndex].value;
228             window.location = "MARCdetail.pl?biblionumber=[% biblionumber | html %]&frameworkcode="+fwk;
229         }
230     </script>
231 [% END %]
232 [% INCLUDE 'intranet-bottom.inc' %]