68 lines
1.8 KiB
JavaScript
68 lines
1.8 KiB
JavaScript
|
(function ($) {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
$('.color-trigger').on('click', function () {
|
||
|
|
$(this).parent().toggleClass('visible-palate');
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.color-palate .colors-list .palate').on('click', function() {
|
||
|
|
var newThemeColor = $(this).attr('data-theme-file');
|
||
|
|
var targetCSSFile = $('link[id="theme-color-file"]');
|
||
|
|
$(targetCSSFile).attr('href',newThemeColor);
|
||
|
|
$('.color-palate .colors-list .palate').removeClass('active');
|
||
|
|
$(this).addClass('active');
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
var layoutChangerBtn = $(".color-palate .header-version li");
|
||
|
|
var body = $("body");
|
||
|
|
layoutChangerBtn.on("click", function(e) {
|
||
|
|
var $this = $(this);
|
||
|
|
if ( $this.hasClass("box") ) {
|
||
|
|
body.addClass("want-sticky-header");
|
||
|
|
} else {
|
||
|
|
body.removeClass("want-sticky-header");
|
||
|
|
};
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var layoutChangerBtn = $(".color-palate .dark-version li");
|
||
|
|
var body = $("body");
|
||
|
|
layoutChangerBtn.on("click", function(e) {
|
||
|
|
var $this = $(this);
|
||
|
|
if ( $this.hasClass("box") ) {
|
||
|
|
body.addClass("dark-body");
|
||
|
|
} else {
|
||
|
|
body.removeClass("dark-body");
|
||
|
|
};
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
var layoutChangerBtn = $(".color-palate .box-version li");
|
||
|
|
var body = $("body");
|
||
|
|
layoutChangerBtn.on("click", function(e) {
|
||
|
|
var $this = $(this);
|
||
|
|
if ( $this.hasClass("box") ) {
|
||
|
|
body.addClass("box-layout");
|
||
|
|
} else {
|
||
|
|
body.removeClass("box-layout");
|
||
|
|
};
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
var directionChanger = $(".color-palate .rtl-version li");
|
||
|
|
var wrapper = $(".page-wrapper");
|
||
|
|
directionChanger.on("click", function(e) {
|
||
|
|
var $this = $(this);
|
||
|
|
if ( $this.hasClass("rtl") ) {
|
||
|
|
wrapper.addClass("rtl");
|
||
|
|
} else {
|
||
|
|
wrapper.removeClass("rtl");
|
||
|
|
};
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
}(jQuery));
|