@@ -, +, @@ - Confirm that the tabs look correct, with the same style they had before the template change. - The first tab ("0") should be selected by default. - Confirm that tab-switching works correctly: The tab color should change and the list of numbered tags in the menu just below should change to match the section. - Confirm that these tag number links still work correctly to jump you down the page to the corresponding tag. - Without filling in any mandatory fields, click the "Save" button. - You should get an error message about missing mandatory fields. - Clicking the "Go to field" link should take you to the correct tab and the correct tag. - Append a hash to the URL to pre-select a tab other than the first one, e.g. "/cgi-bin/koha/cataloguing/addbiblio.pl#tab5XX_panel" The correct tab should be selected upon page load. --- .../intranet-tmpl/prog/css/addbiblio.css | 18 ++++++--- .../prog/en/modules/cataloguing/addbiblio.tt | 40 ++++++++++--------- 2 files changed, 34 insertions(+), 24 deletions(-) --- a/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css +++ a/koha-tmpl/intranet-tmpl/prog/css/addbiblio.css @@ -321,12 +321,16 @@ tbody tr.active td { width: 15em; } +#toolbar { + padding: 5px 0; +} + .toolbar-tabs-container { flex-basis: 100%; margin-top: .5em; } -.toolbar-tabs { +.toolbar-tabs-container .nav-tabs { background-color: #FFF; clear: both; display: flex; @@ -336,7 +340,7 @@ tbody tr.active td { padding-left: 0; } -.toolbar-tabs li { +.toolbar-tabs-container .nav-tabs li { background-color: #FFF; display: flex; flex-grow: 1; @@ -345,7 +349,7 @@ tbody tr.active td { text-align: center; } -.toolbar-tabs li a { +.toolbar-tabs-container .nav-tabs li a { background-color: #71B443; border: 1px solid #71B443; border-left: 0; @@ -359,7 +363,7 @@ tbody tr.active td { width: 100%; } -.toolbar-tabs li.selected a { +.toolbar-tabs-container .nav-tabs li.selected a { background-color: #418940; border-bottom: 1px solid #418940; border-right: 1px solid #418940; @@ -372,11 +376,13 @@ tbody tr.active td { width: 100%; } -.toolbar-tabs li.selected a:hover { +.toolbar-tabs-container .nav-tabs li.selected a:hover { background-color: #418940; + border: 1px solid #418940; + border-left: 0; } -.toolbar-tabs li a:hover { +.toolbar-tabs-container .nav-tabs li a:hover { background-color: #418940; border-bottom: 1px solid #418940; border-right: 1px solid #418940; --- a/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/addbiblio.tt +++ a/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/addbiblio.tt @@ -44,6 +44,8 @@ if( hashPieces[0] !== "" ){ selectTab( hashPieces[0] ); window.scrollTo( 0, 0 ); + } else { + selectTab( "#tab0XX_panel" ); } $( "ul.sortable_field", "#addbibliotabs" ).sortable({ @@ -159,7 +161,7 @@ Changefwk(); }); - $(".toolbar-tabs a").on("click",function(e){ + $(".toolbar-tabs-container .nav-tabs a").on("click",function(e){ e.preventDefault(); selectTab( this.hash ); }); @@ -177,7 +179,7 @@ e.preventDefault(); var tab = $(this).data("tab"); var field = $(this).data("field"); - var tablink = $("a[data-tabid='" + tab + "']" ).get(0).hash; + var tablink = $("a[data-tabname='tab" + tab + "XX']" ).get(0).hash; selectTab( tablink ); window.scrollTo( 0, getScrollto( field, "toolbar" ) ); }); @@ -190,9 +192,10 @@ function selectTab( tablink ){ let a = $("a[href='" + tablink + "']"); - $(".toolbar-tabs li").removeClass("selected"); + $(".toolbar-tabs-container .nav-tabs li").removeClass("selected"); a.tab("show").parent().addClass("selected"); - var tabid = a.data("tabid"); + /* Get number from string like "tab9XX" */ + var tabid = a.data("tabname").substring(3, 4); $(".tag_anchors").removeClass("tab_selected").hide(); $(".tag_anchors_" + tabid ).addClass("tab_selected").show(); } @@ -951,17 +954,18 @@ function PopupMARCFieldDoc(field) { [% END # /UNLESS circborrowernumber %]
[% IF ( BIG_LOOP && BIG_LOOP.size > 1 ) %] - + [% END # /WRAPPER tabs_nav %] [% END %] -
+ [% END # /tab_panel#tabXXX %] [% END # /FOREACH BIG_LOOP %] - - + [% END # /WRAPPER tab_panels %] + [% END # /WRAPPER tabs %] [%# Fields for fast cataloging %] --