jquery-ui: replace tabs by own implementation

This commit is contained in:
Milan
2021-03-13 16:49:20 +01:00
parent eeb9e6272f
commit 56e4dc91de
7 changed files with 104 additions and 51 deletions

View File

@@ -353,6 +353,52 @@ function copyToClipboard(text){
document.execCommand("copy");
}
function setTabs(id, callback) {
var key = id + ' ul li';
var i = 0;
// preselect by URL hash
var pos=0;
$(key).each( function() {
if ( window.location.hash == "#"+$(this).children(":first").attr("href").substr(1) )
pos=i;
i++
})
var i = 0;
$(key).each( function() {
var elem = $(this);
var id = elem.children(":first").attr("href").substr(1);
if ( i==pos ) {
elem.addClass("active");
$('#'+id).show();
} else {
$('#'+id).hide();
elem.removeClass("active");
}
i++;
});
$( key ).on( "click", function(){
var id2 = $(this).children(":first").attr("href").substr(1);
$(key).each( function(){
var elem = $(this);
var id = elem.children(":first").attr("href").substr(1);
if (id==id2){
$('#'+id).show();
elem.addClass("active");
} else {
$('#'+id).hide();
elem.removeClass("active");
}
});
if (callback) callback();
return false;
});
$( id+' ul' ).addClass("tabContainer");
return false;
}
$(document).ready(
function(){
setupMenu();

View File

@@ -247,8 +247,7 @@ $(document).ready(
initCheckBoxes();
addCheckBoxHandler();
$("#tabs").tabs();
$('#tabs').removeClass('ui-widget ui-widget-content ui-corner-all');
setTabs('#tabs');
updateScheduleButtonName();
initScheduleFields();

View File

@@ -204,8 +204,7 @@ $(document).ready(
initCheckBoxes();
addCheckBoxHandler();
$("#tabs").tabs();
$('#tabs').removeClass('ui-widget ui-widget-content ui-corner-all');
setTabs('#tabs');
updateScheduleButtonName();
initScheduleFields();

View File

@@ -1,7 +1,7 @@
// get current selected tab by tabs-id
function getSelectedTab(id){
var selector = '#'+id+" li.ui-tabs-active a";
var selector = '#'+id+" li.active a";
var tabValue = $(selector).attr("value");
return tabValue;
}

View File

@@ -68,16 +68,7 @@ $(document).ready(
updateWeekdays();
});
$("#tabs").tabs({
activate: function(){
console.log("set style");
$('.tablesorter-scroller-header').css('width','95%');
$('.tablesorter-scroller-table').css('width','95%');
$('.tablesorter-scroller-header table').css('width','95%');
$('.tablesorter-scroller-table table').css('width','95%');
}
});
$('#tabs').removeClass('ui-widget ui-widget-content ui-corner-all');
setTabs('#tabs');
initTextWidth();