Bug 21304: Update two-column templates with Bootstrap grid: Catalog
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / catalogue / MARCdetail.tt
index 3fac577..7034199 100644 (file)
@@ -1,28 +1,18 @@
+[% USE raw %]
+[% USE Asset %]
+[% SET footerjs = 1 %]
 [% INCLUDE 'doc-head-open.inc' %]
 <title>Koha &rsaquo; Catalog &rsaquo;
   [% IF ( unknownbiblionumber ) %]
     Unknown record
   [% ELSE %]
-    MARC Details for [% bibliotitle %]
+    MARC details for [% bibliotitle | html %]
   [% END %]
 </title>
 [% INCLUDE 'doc-head-close.inc' %]
-<script type="text/javascript">
-//<![CDATA[
-
-        $(document).ready(function() {
-               $('#bibliotabs > ul').tabs();
-        });
-
-function Changefwk(FwkList) {
-       var fwk = FwkList.options[FwkList.selectedIndex].value;
-       window.location = "MARCdetail.pl?biblionumber=[% biblionumber %]&frameworkcode="+fwk;
-}
-
-//]]>
-</script>
 </head>
-<body>
+
+<body id="catalog_MARCdetail" class="catalog">
 
 [% INCLUDE 'header.inc' %]
 [% INCLUDE 'cat-search.inc' %]
@@ -31,382 +21,147 @@ function Changefwk(FwkList) {
   [% IF ( unknownbiblionumber ) %]
     Unknown record
   [% ELSE %]
-    MARC Details for <i>[% bibliotitle |html %]</i>
+    MARC details for <i>[% bibliotitle | html %]</i>
   [% END %]
 </div>
 
-<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>
+  <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" onchange="Changefwk(this);">
+    <p><b>With framework : <select name="Frameworks" id="Frameworks">
                             <option value="">Default</option>
-                            [% FOREACH frameworkcodeloo IN frameworkcodeloop %]
-                            [% IF ( frameworkcodeloo.selected ) %]<option value="[% frameworkcodeloo.value %]" selected="selected">[% frameworkcodeloo.frameworktext %]</option>[% ELSE %]<option value="[% frameworkcodeloo.value %]">[% frameworkcodeloo.frameworktext %]</option>[% END %]
+                            [% FOREACH framework IN frameworks %]
+                                [% IF framework.frameworkcode == frameworkcode %]
+                                    <option value="[% framework.frameworkcode | html %]" selected="selected">[% framework.frameworktext | html %]</option>
+                                [% ELSE %]
+                                    <option value="[% framework.frameworkcode | html %]">[% framework.frameworktext | html %]</option>
+                                [% END %]
                             [% END %]
             </select> </b></p>
+[% IF ( ocoins ) %]
+<!-- COinS / OpenURL -->
+<span class="Z3988" title="[% ocoins | html %]"></span>
+[% END %]
+
+
+[% BLOCK show_tab_html %]
+    <div 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 | html %]</span>
+            [% IF ( tab0X.tag_ind ) %]
+                <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 | html %]</span>[% END %]
+                </div>
+            [% ELSE %]
+                <div class="tag">
+            [% END %]
+            [% FOREACH subfiel IN tab0X.subfield %]
+                <p class="subfield_line">
+                    <span class="subfield-label">&nbsp;
+                    [% 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&amp;idx=[% subfiel.link | uri %],phr&amp;type=intranet&amp;q=[% subfiel.marc_value |url %]">
+                            <img src="[% interface | html %]/[% theme | html %]/img/filefind.png" height="15" title="Search on [% subfiel.marc_value | html %]" alt="Search on [% subfiel.marc_value | html %]" />
+                        </a>
+                    [% END %]
+                    [% IF ( subfiel.authority ) %]
+                        <a href="/cgi-bin/koha/authorities/detail.pl?authid=[% subfiel.authority | uri %]" class="button">Auth</a>
+                    [% END %]
+                </p>
+            [% END %]
+            </div> <!-- class='tag' -->
+        [% END %]
+    </div>
+[% END %]
+
 
 <div id="bibliotabs" class="toptabs numbered">
        <ul>
             [% IF ( tab0XX ) %]
-                <li><a href="/cgi-bin/koha/catalogue/MARCdetail.pl#tab0XX">0</a></li>
+                <li><a href="#tab0XX">&#48;</a></li>
             [% END %]
             [% IF ( tab1XX ) %]
-                <li><a href="/cgi-bin/koha/catalogue/MARCdetail.pl#tab1XX">1</a></li>
+                <li><a href="#tab1XX">1</a></li>
             [% END %]
             [% IF ( tab2XX ) %]
-                <li><a href="/cgi-bin/koha/catalogue/MARCdetail.pl#tab2XX">2</a></li>
+                <li><a href="#tab2XX">2</a></li>
             [% END %]
             [% IF ( tab3XX ) %]
-                <li><a href="/cgi-bin/koha/catalogue/MARCdetail.pl#tab3XX">3</a></li>
+                <li><a href="#tab3XX">3</a></li>
             [% END %]
             [% IF ( tab4XX ) %]
-                <li><a href="/cgi-bin/koha/catalogue/MARCdetail.pl#tab4XX">4</a></li>
+                <li><a href="#tab4XX">4</a></li>
             [% END %]
             [% IF ( tab5XX ) %]
-                <li><a href="/cgi-bin/koha/catalogue/MARCdetail.pl#tab5XX">5</a></li>
+                <li><a href="#tab5XX">5</a></li>
             [% END %]
             [% IF ( tab6XX ) %]
-                <li><a href="/cgi-bin/koha/catalogue/MARCdetail.pl#tab6XX">6</a></li>
+                <li><a href="#tab6XX">6</a></li>
             [% END %]
             [% IF ( tab7XX ) %]
-                <li><a href="/cgi-bin/koha/catalogue/MARCdetail.pl#tab7XX">7</a></li>
+                <li><a href="#tab7XX">7</a></li>
             [% END %]
             [% IF ( tab8XX ) %]
-                <li><a href="/cgi-bin/koha/catalogue/MARCdetail.pl#tab8XX">8</a></li>
+                <li><a href="#tab8XX">8</a></li>
             [% END %]
             [% IF ( tab9XX ) %]
-                <li><a href="/cgi-bin/koha/catalogue/MARCdetail.pl#tab9XX">9</a></li>
+                <li><a href="#tab9XX">9</a></li>
             [% END %]
             [% IF ( tab10XX ) %]
-                <li><a href="/cgi-bin/koha/catalogue/MARCdetail.pl#tab10XX">Item(s)</a></li>
+                <li><a href="#tab10XX">Item(s)</a></li>
             [% END %]
         </ul>
-    <div id="tab0XX">
-        [% FOREACH tab0X IN tab0XX %]
-            [% IF ( tab0X.tag ) %]
-                <div class="tag">
-                <div class="tag_title">
-                    [% tab0X.tag %]
-                </div>
-            [% ELSE %]
-                <div class="tag">
-            [% END %]
-            [% FOREACH subfiel IN tab0X.subfield %]
-                <p class="subfield_line">
-                    <span class="subfield-label">&nbsp;
-                    [% UNLESS ( subfiel.hide_marc ) %][% subfiel.marc_subfield %][% END %]
-                    <span 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 %]
-                    [% IF ( subfiel.link ) %]
-                        <a href="/cgi-bin/koha/catalogue/search.pl?op=do_search&amp;idx=[% subfiel.link %],phr&amp;type=intranet&amp;q=[% subfiel.marc_value |url %]">
-                            <img border="0" src="[% interface %]/[% theme %]/img/filefind.png" height="15" title="Search on [% subfiel.marc_value |html %]" alt="Search on [% subfiel.marc_value |html %]" />
-                        </a>
-                    [% END %]
-                    [% IF ( subfiel.authority ) %]
-                        <a href="/cgi-bin/koha/authorities/detail.pl?authid=[% subfiel.authority %]" class="button">Auth</a>
-                    [% END %]
-                </p>
-            [% END %]
-            </div> <!-- class='tag' -->
-        [% END %]
-    </div>
+    [% PROCESS show_tab_html tab_id="tab0XX" tab_data=tab0XX %]
 
-    <div id="tab1XX">
-        [% FOREACH tab1X IN tab1XX %]
-                [% IF ( tab1X.tag ) %]
-                    <div class="tag">
-                    <div class="tag_title">
-                        [% tab1X.tag %]
-                    </div>
-                [% ELSE %]
-                    <div class="tag">
-                [% END %]
-            [% FOREACH subfiel IN tab1X.subfield %]
-                <p>
-                    <span class="subfield-label">&nbsp;
-                    [% UNLESS ( subfiel.hide_marc ) %]<b>[% subfiel.marc_subfield %]</b>[% END %]
-                    <span 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 %]
-                    [% IF ( subfiel.link ) %]
-                        <a href="/cgi-bin/koha/catalogue/search.pl?op=do_search&amp;idx=[% subfiel.link %],phr&amp;type=intranet&amp;q=[% subfiel.marc_value |url %]">
-                            <img border="0" src="[% interface %]/[% theme %]/img/filefind.png" height="15" title="Search on [% subfiel.marc_value |html %]" alt="Search on [% subfiel.marc_value |html %]" />
-                        </a>
-                    [% END %]
-                    [% IF ( subfiel.authority ) %]
-                        <a href="/cgi-bin/koha/authorities/detail.pl?authid=[% subfiel.authority %]" class="button">Auth</a>
-                    [% END %]
-                </p>
-            [% END %]
-            </div>
-        [% END %]
-    </div>
+    [% PROCESS show_tab_html tab_id="tab1XX" tab_data=tab1XX %]
 
-    <div id="tab2XX">
-        [% FOREACH tab2X IN tab2XX %]
-                [% IF ( tab2X.tag ) %]
-                    <div class="tag">
-                    <div class="tag_title">
-                        [% tab2X.tag %]
-                    </div>
-                [% ELSE %]
-                    <div class="tag">
-                [% END %]
-            [% FOREACH subfiel IN tab2X.subfield %]
-                <p>
-                    <span class="subfield-label">&nbsp;
-                    [% UNLESS ( subfiel.hide_marc ) %]<b>[% subfiel.marc_subfield %]</b>[% END %]
-                    <span 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 %]
-                    [% IF ( subfiel.link ) %]
-                        <a href="/cgi-bin/koha/catalogue/search.pl?op=do_search&amp;idx=[% subfiel.link %],phr&amp;type=intranet&amp;q=[% subfiel.marc_value |url %]">
-                            <img border="0" src="[% interface %]/[% theme %]/img/filefind.png" height="15" title="Search on [% subfiel.marc_value |html %]" alt="Search on [% subfiel.marc_value |html %]" />
-                        </a>
-                    [% END %]
-                    [% IF ( subfiel.authority ) %]
-                        <a href="/cgi-bin/koha/authorities/detail.pl?authid=[% subfiel.authority %]" class="button">Auth</a>
-                    [% END %]
-                </p>
-            [% END %]
-            </div>
-        [% END %]
-    </div>
+    [% PROCESS show_tab_html tab_id="tab2XX" tab_data=tab2XX %]
 
-    <div id="tab3XX">
-        [% FOREACH tab3X IN tab3XX %]
-                [% IF ( tab3X.tag ) %]
-                    <div class="tag">
-                    <div class="tag_title">
-                        [% tab3X.tag %]
-                    </div>
-                [% ELSE %]
-                    <div class="tag">
-                [% END %]
-            [% FOREACH subfiel IN tab3X.subfield %]
-                <p>
-                    <span class="subfield-label">&nbsp;
-                    [% UNLESS ( subfiel.hide_marc ) %]<b>[% subfiel.marc_subfield %]</b>[% END %]
-                    <span 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 %]
-                    [% IF ( subfiel.link ) %]
-                        <a href="/cgi-bin/koha/catalogue/search.pl?op=do_search&amp;idx=[% subfiel.link %],phr&amp;type=intranet&amp;q=[% subfiel.marc_value |url %]">
-                            <img border="0" src="[% interface %]/[% theme %]/img/filefind.png" height="15" title="Search on [% subfiel.marc_value |html %]" alt="Search on [% subfiel.marc_value |html %]" />
-                        </a>
-                    [% END %]
-                    [% IF ( subfiel.authority ) %]
-                        <a href="/cgi-bin/koha/authorities/detail.pl?authid=[% subfiel.authority %]" class="button">Auth</a>
-                    [% END %]
-                </p>
-            [% END %]
-            </div>
-        [% END %]
-    </div>
+    [% PROCESS show_tab_html tab_id="tab3XX" tab_data=tab3XX %]
 
-    <div id="tab4XX">
-        [% FOREACH tab4X IN tab4XX %]
-                [% IF ( tab4X.tag ) %]
-                    <div class="tag">
-                    <div class="tag_title">
-                        [% tab4X.tag %]
-                    </div>
-                [% ELSE %]
-                    <div class="tag">
-                [% END %]
-            [% FOREACH subfiel IN tab4X.subfield %]
-                <p>
-                    <span class="subfield-label">&nbsp;
-                    [% UNLESS ( subfiel.hide_marc ) %]<b>[% subfiel.marc_subfield %]</b>[% END %]
-                    <span 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 %]
-                    [% IF ( subfiel.link ) %]
-                        <a href="/cgi-bin/koha/catalogue/search.pl?op=do_search&amp;idx=[% subfiel.link %],phr&amp;type=intranet&amp;q=[% subfiel.marc_value |url %]">
-                            <img border="0" src="[% interface %]/[% theme %]/img/filefind.png" height="15" title="Search on [% subfiel.marc_value |html %]" alt="Search on [% subfiel.marc_value |html %]" />
-                        </a>
-                    [% END %]
-                    [% IF ( subfiel.authority ) %]
-                        <a href="/cgi-bin/koha/authorities/detail.pl?authid=[% subfiel.authority %]" class="button">Auth</a>
-                    [% END %]
-                </p>
-            [% END %]
-            </div>
-        [% END %]
-    </div>
+    [% PROCESS show_tab_html tab_id="tab4XX" tab_data=tab4XX %]
 
-    <div  id="tab5XX">
-        [% FOREACH tab5X IN tab5XX %]
-                [% IF ( tab5X.tag ) %]
-                    <div class="tag">
-                    <div class="tag_title">
-                        [% tab5X.tag %]
-                    </div>
-                [% ELSE %]
-                    <div class="tag">
-                [% END %]
-            [% FOREACH subfiel IN tab5X.subfield %]
-                <p>
-                    <span class="subfield-label">&nbsp;
-                    [% UNLESS ( subfiel.hide_marc ) %]<b>[% subfiel.marc_subfield %]</b>[% END %]
-                    <span 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 %]
-                    [% IF ( subfiel.link ) %]
-                        <a href="/cgi-bin/koha/catalogue/search.pl?op=do_search&amp;idx=[% subfiel.link %],phr&amp;type=intranet&amp;q=[% subfiel.marc_value |url %]">
-                            <img border="0" src="[% interface %]/[% theme %]/img/filefind.png" height="15" title="Search on [% subfiel.marc_value |html %]" alt="Search on [% subfiel.marc_value |html %]" />
-                        </a>
-                    [% END %]
-                    [% IF ( subfiel.authority ) %]
-                        <a href="/cgi-bin/koha/authorities/detail.pl?authid=[% subfiel.authority %]" class="button">Auth</a>
-                    [% END %]
-                </p>
-            [% END %]
-            </div>
-        [% END %]
-    </div>
+    [% PROCESS show_tab_html tab_id="tab5XX" tab_data=tab5XX %]
 
-    <div id="tab6XX">
-        [% FOREACH tab6X IN tab6XX %]
-                [% IF ( tab6X.tag ) %]
-                    <div class="tag">
-                    <div class="tag_title">
-                        [% tab6X.tag %]
-                    </div>
-                [% ELSE %]
-                    <div class="tag">
-                [% END %]
-            [% FOREACH subfiel IN tab6X.subfield %]
-                <p>
-                    <span class="subfield-label">&nbsp;
-                    [% UNLESS ( subfiel.hide_marc ) %]<b>[% subfiel.marc_subfield %]</b>[% END %]
-                    <span 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 %]
-                    [% IF ( subfiel.link ) %]
-                        <a href="/cgi-bin/koha/catalogue/search.pl?op=do_search&amp;idx=[% subfiel.link %],phr&amp;type=intranet&amp;q=[% subfiel.marc_value |url %]">
-                            <img border="0" src="[% interface %]/[% theme %]/img/filefind.png" height="15" title="Search on [% subfiel.marc_value |html %]" alt="Search on [% subfiel.marc_value |html %]" />
-                        </a>
-                    [% END %]
-                    [% IF ( subfiel.authority ) %]
-                        <a href="/cgi-bin/koha/authorities/detail.pl?authid=[% subfiel.authority %]" class="button">Auth</a>
-                    [% END %]
-                </p>
-            [% END %]
-            </div>
-        [% END %]
-    </div>
+    [% PROCESS show_tab_html tab_id="tab6XX" tab_data=tab6XX %]
 
-    <div  id="tab7XX">
-        [% FOREACH tab7X IN tab7XX %]
-                [% IF ( tab7X.tag ) %]
-                    <div class="tag">
-                    <div class="tag_title">
-                        [% tab7X.tag %]
-                    </div>
-                [% ELSE %]
-                    <div class="tag">
-                [% END %]
-            [% FOREACH subfiel IN tab7X.subfield %]
-                <p>
-                    <span class="subfield-label">&nbsp;
-                    [% UNLESS ( subfiel.hide_marc ) %]<b>[% subfiel.marc_subfield %]</b>[% END %]
-                    <span 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 %]
-                    [% IF ( subfiel.link ) %]
-                        <a href="/cgi-bin/koha/catalogue/search.pl?op=do_search&amp;idx=[% subfiel.link %],phr&amp;type=intranet&amp;q=[% subfiel.marc_value |url %]">
-                            <img border="0" src="[% interface %]/[% theme %]/img/filefind.png" height="15" title="Search on [% subfiel.marc_value |html %]" alt="Search on [% subfiel.marc_value |html %]" />
-                        </a>
-                    [% END %]
-                    [% IF ( subfiel.authority ) %]
-                        <a href="/cgi-bin/koha/authorities/detail.pl?authid=[% subfiel.authority %]" class="button">Auth</a>
-                    [% END %]
-                </p>
-            [% END %]
-            </div>
-        [% END %]
-    </div>
+    [% PROCESS show_tab_html tab_id="tab7XX" tab_data=tab7XX %]
 
-    <div id="tab8XX">
-        [% FOREACH tab8X IN tab8XX %]
-                [% IF ( tab8X.tag ) %]
-                    <div class="tag">
-                    <div class="tag_title">
-                        [% tab8X.tag %]
-                    </div>
-                [% ELSE %]
-                    <div class="tag">
-                [% END %]
-            [% FOREACH subfiel IN tab8X.subfield %]
-                <p>
-                    <span class="subfield-label">&nbsp;
-                    [% UNLESS ( subfiel.hide_marc ) %]<b>[% subfiel.marc_subfield %]</b>[% END %]
-                    <span 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 %]
-                    [% IF ( subfiel.link ) %]
-                        <a href="/cgi-bin/koha/catalogue/search.pl?op=do_search&amp;idx=[% subfiel.link %],phr&amp;type=intranet&amp;q=[% subfiel.marc_value |url %]">
-                            <img border="0" src="[% interface %]/[% theme %]/img/filefind.png" height="15" title="Search on [% subfiel.marc_value |html %]" alt="Search on [% subfiel.marc_value |html %]" />
-                        </a>
-                    [% END %]
-                    [% IF ( subfiel.authority ) %]
-                        <a href="/cgi-bin/koha/authorities/detail.pl?authid=[% subfiel.authority %]" class="button">Auth</a>
-                    [% END %]
-                </p>
-            [% END %]
-            </div>
-        [% END %]
-    </div>
+    [% PROCESS show_tab_html tab_id="tab8XX" tab_data=tab8XX %]
 
-    <div id="tab9XX">
-        [% FOREACH tab9X IN tab9XX %]
-                [% IF ( tab9X.tag ) %]
-                    <div class="tag">
-                    <div class="tag_title">
-                        [% tab9X.tag %]
-                    </div>
-                [% ELSE %]
-                    <div class="tag">
-                [% END %]
-            [% FOREACH subfiel IN tab9X.subfield %]
-                <p>
-                    <span class="subfield-label">&nbsp;
-                    [% UNLESS ( subfiel.hide_marc ) %]<b>[% subfiel.marc_subfield %]</b>[% END %]
-                    <span 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 %]
-                    [% IF ( subfiel.link ) %]
-                        <a href="/cgi-bin/koha/catalogue/search.pl?op=do_search&amp;idx=[% subfiel.link %],phr&amp;type=intranet&amp;q=[% subfiel.marc_value |url %]">
-                            <img border="0" src="[% interface %]/[% theme %]/img/filefind.png" height="15" title="Search on [% subfiel.marc_value |html %]" alt="Search on [% subfiel.marc_value |html %]" />
-                        </a>
-                    [% END %]
-                    [% IF ( subfiel.authority ) %]
-                        <a href="/cgi-bin/koha/authorities/detail.pl?authid=[% subfiel.authority %]" class="button">Auth</a>
-                    [% END %]
-                </p>
-            [% END %]
-            </div>
-        [% END %]
-    </div>
+    [% PROCESS show_tab_html tab_id="tab9XX" tab_data=tab9XX %]
 
      [% IF ( tab10XX ) %]
     <div id="tab10XX">
         <table>
                 <tr>
-                    [% FOREACH item_header_loo IN item_header_loop %]
-                        <th>
-                            [% item_header_loo.header_value %]
-                        </th>
+                    [% FOREACH header IN item_header_loop %]
+                        <th>[% header | html %]</th>
                     [% END %]
                 </tr>
-                [% FOREACH item_loo IN item_loop %]
+                [% FOREACH item IN item_loop %]
                     <tr>
-                        [% item_loo.item_value %]
+                        [% FOREACH sf_code IN item_subfield_codes %]
+                            <td>[% item.$sf_code | $raw %]</td>
+                        [% END %]
                     </tr>
                 [% END %]
         </table>
@@ -414,11 +169,40 @@ function Changefwk(FwkList) {
     [% END %]
 
 </div>
-</div>
-</div>
-<div class="yui-b">
-[% INCLUDE 'biblio-view-menu.inc' %]
-</div>
+
+            </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 -->
+
+[% END %]
+
+
+[% MACRO jsinclude BLOCK %]
+    [% INCLUDE 'catalog-strings.inc' %]
+    [% Asset.js("js/catalog.js") | $raw %]
+    [% INCLUDE 'browser-strings.inc' %]
+    [% 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);
+            });
+         });
+
+        function Changefwk(FwkList) {
+            var fwk = FwkList.options[FwkList.selectedIndex].value;
+            window.location = "MARCdetail.pl?biblionumber=[% biblionumber | html %]&frameworkcode="+fwk;
+        }
+    </script>
 [% END %]
-</div>
 [% INCLUDE 'intranet-bottom.inc' %]