107 lines
2.9 KiB
JavaScript
107 lines
2.9 KiB
JavaScript
|
"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);
|
||
|
|
}
|