Adjusted uianimation.js to new html/css model

This commit is contained in:
2021-04-06 15:01:48 +02:00
parent 07146e3f2b
commit 3cba4988e1
3 changed files with 47 additions and 33 deletions

View File

@@ -6,50 +6,41 @@ var advancedID = $("#advancedItemData");
var focusedField = false;
function changeAdvancedVisibility(){
if(advancedVisibility){
selectMenu.css('display', 'none');
advancedTab.css('display', 'none');
advancedID.css('display', 'none');
basicID.css('display', 'block')
selectMenu.removeClass('active');
advancedTab.removeClass('active');
advancedID.removeClass('active');
basicID.addClass('active');
advancedVisibility = false;
}
else {
selectMenu.css('display', 'block');
advancedTab.css('display', 'block');
advancedID.css('display', 'block');
basicID.css('display', 'none');
selectMenu.addClass('active');
advancedTab.addClass('active');
advancedID.addClass('active');
basicID.removeClass('active');
advancedVisibility = true;
}
setCookie();
}
function createMessageTab() {
var items = document.getElementById("listItems");
items.innerHTML += '<div class="menuItem">Item</div>';
}
$("#optional").click(changeAdvancedVisibility);
$(".menuFactory").click(createMessageTab);
$('#historyTab').click(showHistory);
const tabitem = $('.tabitem');
function showHistory(){
$('#headers').css('display', 'none');
$('.advancedMenuTabSelected').addClass('advancedMenuTab');
$('.advancedMenuTabSelected').click(showHeaders);
$('.advancedMenuTabSelected').removeClass('advancedMenuTabSelected');
$('#history').css('display', 'block');
$('#historyTab').addClass('advancedMenuTabSelected');
$('#historyTab').removeClass('advancedMenuTab');
$('#headersTab').click(showHeaders);
tabitem.removeClass('active');
$('.tabcontent').removeClass('active');
$('#history').addClass('active');
$('#historyTab').addClass('active');
$('#historyTab').off('click');
}
function showHeaders(){
$('#history').css('display', 'none');
$('.advancedMenuTabSelected').addClass('advancedMenuTab');
$('.advancedMenuTabSelected').click(showHistory);
$('.advancedMenuTabSelected').removeClass('advancedMenuTabSelected');
$('#headers').css('display', 'block');
$('#headersTab').addClass('advancedMenuTabSelected');
$('#headersTab').removeClass('advancedMenuTab');
$('#historyTab').click(showHistory);
tabitem.removeClass('active');
$('.tabcontent').removeClass('active');
$('#headers').addClass('active');
$('#headersTab').addClass('active');
$('#headersTab').off('click');
}