Koha-community/Koha
13
7
Fork 0
Code Issues Releases Wiki Activity

Bug 30419: Convert authority detail page tabs to Bootstrap

Browse source 
This patch updates the authority detail page to use Bootstrap tabs
instead of jQueryUI.

The patch also removes some broken JavaScript. It will be re-implemented
in Bug 30422.

To test, apply the patch search for an authority record in the
authorities module.

View the detail page for the authority and test that the tabs look
correct and work correctly.

Signed-off-by: Séverine Queune <severine.queune@bulac.fr>

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Fridolin Somers <fridolin.somers@biblibre.com>
This commit is contained in:
Owen Leonard 2022-03-31 13:43:41 +00:00 committed by Fridolin Somers
parent 084168d1b8
commit 8340956a9b
1 changed files with 10 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
koha-tmpl/intranet-tmpl/prog/en/modules/authorities/detail.tt
View file

@ -68,16 +68,16 @@
</div> </div>
<div id="authoritiestabs" class="toptabs numbered"> <div id="authoritiestabs" class="toptabs numbered">
<ul> <ul class="nav nav-tabs" role="tablist">
[% FOREACH BIG_LOO IN BIG_LOOP %] [% FOREACH BIG_LOO IN BIG_LOOP %]
<li> <li role="presentation">
<a href="#tab[% BIG_LOO.number | uri %]XX">[% BIG_LOO.number | html %]</a> <a href="#tab[% BIG_LOO.number | uri %]XX" aria-controls="tab[% BIG_LOO.number | uri %]XX" role="tab" data-toggle="tab">[% BIG_LOO.number | html %]</a>
</li> </li>
[% END %] [% END %]
</ul> </ul>
<div class="tab-content">
[% FOREACH BIG_LOO IN BIG_LOOP %] [% FOREACH BIG_LOO IN BIG_LOOP %]
<div id="tab[% BIG_LOO.number | html %]XX"> <div id="tab[% BIG_LOO.number | html %]XX" role="tabpanel" class="tab-pane">
[% FOREACH innerloo IN BIG_LOO.innerloop %] [% FOREACH innerloo IN BIG_LOO.innerloop %]
[% IF ( innerloo.tag_number ) %] [% IF ( innerloo.tag_number ) %]
<div class="tag"> <div class="tag">
@ -116,6 +116,7 @@
[% END %] [% END %]
</div> </div>
[% END %] [% END %]
</div> <!-- /.tab-content -->
</div> </div>
</div> </div>
</div> </div>
@ -128,13 +129,10 @@
[% END %] [% END %]
<script> <script>
$(document).ready(function() { $(document).ready(function() {
var editAuth = $("#editAuth"); if( $(".tab-pane.active").length < 1 ){
var editAuthLink = editAuth.attr("href"); $("#authoritiestabs a:first").tab("show");
$('#authoritiestabs').tabs({ }
activate: function( event, ui ){
editAuth.attr("href", editAuthLink + "#" + ui.newPanel.attr('id') );
}
});
[% IF ( displayhierarchy ) %] [% IF ( displayhierarchy ) %]
$('#hierarchies').jstree({ $('#hierarchies').jstree({
"types" : { "types" : {