You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
107 lines
2.9 KiB
107 lines
2.9 KiB
"use strict"; |
|
|
|
// Setting Color |
|
|
|
$(window).resize(function() { |
|
$(window).width(); |
|
}); |
|
|
|
getCheckmark(); |
|
|
|
$('.changeBodyBackgroundFullColor').on('click', function(){ |
|
if($(this).attr('data-color') == 'default'){ |
|
$('body').removeAttr('data-background-full'); |
|
} else { |
|
$('body').attr('data-background-full', $(this).attr('data-color')); |
|
} |
|
|
|
$(this).parent().find('.changeBodyBackgroundFullColor').removeClass("selected"); |
|
$(this).addClass("selected"); |
|
layoutsColors(); |
|
getCheckmark(); |
|
}); |
|
|
|
$('.changeLogoHeaderColor').on('click', function(){ |
|
if($(this).attr('data-color') == 'default'){ |
|
$('.logo-header').removeAttr('data-background-color'); |
|
} else { |
|
$('.logo-header').attr('data-background-color', $(this).attr('data-color')); |
|
} |
|
|
|
$(this).parent().find('.changeLogoHeaderColor').removeClass("selected"); |
|
$(this).addClass("selected"); |
|
customCheckColor(); |
|
layoutsColors(); |
|
getCheckmark(); |
|
}); |
|
|
|
$('.changeTopBarColor').on('click', function(){ |
|
if($(this).attr('data-color') == 'default'){ |
|
$('.main-header .navbar-header').removeAttr('data-background-color'); |
|
} else { |
|
$('.main-header .navbar-header').attr('data-background-color', $(this).attr('data-color')); |
|
} |
|
|
|
$(this).parent().find('.changeTopBarColor').removeClass("selected"); |
|
$(this).addClass("selected"); |
|
layoutsColors(); |
|
getCheckmark(); |
|
}); |
|
|
|
$('.changeSideBarColor').on('click', function(){ |
|
if($(this).attr('data-color') == 'default'){ |
|
$('.sidebar').removeAttr('data-background-color'); |
|
} else { |
|
$('.sidebar').attr('data-background-color', $(this).attr('data-color')); |
|
} |
|
|
|
$(this).parent().find('.changeSideBarColor').removeClass("selected"); |
|
$(this).addClass("selected"); |
|
layoutsColors(); |
|
getCheckmark(); |
|
}); |
|
|
|
$('.changeBackgroundColor').on('click', function(){ |
|
$('body').removeAttr('data-background-color'); |
|
$('body').attr('data-background-color', $(this).attr('data-color')); |
|
$(this).parent().find('.changeBackgroundColor').removeClass("selected"); |
|
$(this).addClass("selected"); |
|
getCheckmark(); |
|
}); |
|
|
|
function customCheckColor(){ |
|
var logoHeader = $('.logo-header').attr('data-background-color'); |
|
if (logoHeader !== "white") { |
|
$('.logo-header .navbar-brand').attr('src', '../assets/img/kaiadmin/logo_light.svg'); |
|
} else { |
|
$('.logo-header .navbar-brand').attr('src', '../assets/img/kaiadmin/logo_dark.svg'); |
|
} |
|
} |
|
|
|
|
|
var toggle_customSidebar = false, |
|
custom_open = 0; |
|
|
|
if(!toggle_customSidebar) { |
|
var toggle = $('.custom-template .custom-toggle'); |
|
|
|
toggle.on('click', (function(){ |
|
if (custom_open == 1){ |
|
$('.custom-template').removeClass('open'); |
|
toggle.removeClass('toggled'); |
|
custom_open = 0; |
|
} else { |
|
$('.custom-template').addClass('open'); |
|
toggle.addClass('toggled'); |
|
custom_open = 1; |
|
} |
|
}) |
|
); |
|
toggle_customSidebar = true; |
|
} |
|
|
|
function getCheckmark() { |
|
var checkmark = `<i class="gg-check"></i>`; |
|
$('.btnSwitch').find('button').empty(); |
|
$('.btnSwitch').find('button.selected').append(checkmark); |
|
} |