78 lines
2.3 KiB
JavaScript
78 lines
2.3 KiB
JavaScript
|
// Demo Theme Options
|
||
|
|
|
||
|
|
$(document).ready(() => {
|
||
|
|
|
||
|
|
$('.btn-open-options').click(function () {
|
||
|
|
$('.ui-theme-settings').toggleClass('settings-open');
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.close-sidebar-btn').click(function () {
|
||
|
|
|
||
|
|
var classToSwitch = $(this).attr('data-class');
|
||
|
|
var containerElement = '.app-container';
|
||
|
|
$(containerElement).toggleClass(classToSwitch);
|
||
|
|
|
||
|
|
var closeBtn = $(this);
|
||
|
|
|
||
|
|
if (closeBtn.hasClass('is-active')) {
|
||
|
|
closeBtn.removeClass('is-active');
|
||
|
|
|
||
|
|
} else {
|
||
|
|
closeBtn.addClass('is-active');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
$('.switch-container-class').on('click', function () {
|
||
|
|
|
||
|
|
var classToSwitch = $(this).attr('data-class');
|
||
|
|
var containerElement = '.app-container';
|
||
|
|
$(containerElement).toggleClass(classToSwitch);
|
||
|
|
|
||
|
|
$(this).parent().find('.switch-container-class').removeClass('active');
|
||
|
|
$(this).addClass('active');
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.switch-theme-class').on('click', function () {
|
||
|
|
|
||
|
|
var classToSwitch = $(this).attr('data-class');
|
||
|
|
var containerElement = '.app-container';
|
||
|
|
|
||
|
|
if (classToSwitch == 'body-tabs-line') {
|
||
|
|
$(containerElement).removeClass('body-tabs-shadow');
|
||
|
|
$(containerElement).addClass(classToSwitch);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (classToSwitch == 'body-tabs-shadow') {
|
||
|
|
$(containerElement).removeClass('body-tabs-line');
|
||
|
|
$(containerElement).addClass(classToSwitch);
|
||
|
|
}
|
||
|
|
|
||
|
|
$(this).parent().find('.switch-theme-class').removeClass('active');
|
||
|
|
$(this).addClass('active');
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.switch-header-cs-class').on('click', function () {
|
||
|
|
var classToSwitch = $(this).attr('data-class');
|
||
|
|
var containerElement = '.app-header';
|
||
|
|
|
||
|
|
$('.switch-header-cs-class').removeClass('active');
|
||
|
|
$(this).addClass('active');
|
||
|
|
|
||
|
|
$(containerElement).attr('class', 'app-header');
|
||
|
|
$(containerElement).addClass('header-shadow ' + classToSwitch);
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.switch-sidebar-cs-class').on('click', function () {
|
||
|
|
var classToSwitch = $(this).attr('data-class');
|
||
|
|
var containerElement = '.app-sidebar';
|
||
|
|
|
||
|
|
$('.switch-sidebar-cs-class').removeClass('active');
|
||
|
|
$(this).addClass('active');
|
||
|
|
|
||
|
|
$(containerElement).attr('class', 'app-sidebar');
|
||
|
|
$(containerElement).addClass('sidebar-shadow ' + classToSwitch);
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|