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.
65 lines
2.6 KiB
65 lines
2.6 KiB
var StyleSwitcher = function () {
|
|
|
|
return {
|
|
|
|
//Style Switcher
|
|
initStyleSwitcher: function() {
|
|
var panel = jQuery('.style-switcher');
|
|
|
|
jQuery('.style-switcher-btn').click(function () {
|
|
jQuery('.style-switcher').show();
|
|
});
|
|
|
|
jQuery('.theme-close').click(function () {
|
|
jQuery('.style-switcher').hide();
|
|
});
|
|
|
|
jQuery('li', panel).click(function () {
|
|
var color = jQuery(this).attr("data-style");
|
|
var data_header = jQuery(this).attr("data-header");
|
|
setColor(color, data_header);
|
|
jQuery('.list-unstyled li', panel).removeClass("theme-active");
|
|
jQuery(this).addClass("theme-active");
|
|
});
|
|
|
|
var setColor = function (color, data_header) {
|
|
jQuery('#style_color').attr("href", "assets/css/theme-colors/" + color + ".css");
|
|
if(data_header == 'light'){
|
|
jQuery('.logo img').attr("src", "assets/img/themes/logo1-" + color + ".png");
|
|
jQuery('#logo-footer').attr("src", "assets/img/themes/logo2-" + color + ".png");
|
|
} else if(data_header == 'dark'){
|
|
jQuery('.logo img').attr("src", "assets/img/themes/logo1-" + color + ".png");
|
|
jQuery('#logo-footer').attr("src", "assets/img/themes/logo2-" + color + ".png");
|
|
}
|
|
}
|
|
|
|
//Boxed Layout
|
|
jQuery('.skins-btn').click(function(){
|
|
jQuery(this).addClass("active-switcher-btn");
|
|
jQuery(".handle-skins-btn").removeClass("active-switcher-btn");
|
|
jQuery("body").addClass("dark");
|
|
});
|
|
jQuery('.handle-skins-btn').click(function(){
|
|
jQuery(this).addClass("active-switcher-btn");
|
|
jQuery(".skins-btn").removeClass("active-switcher-btn");
|
|
jQuery("body").removeClass("dark");
|
|
});
|
|
|
|
|
|
//Boxed Layout
|
|
jQuery('.boxed-layout-btn').click(function(){
|
|
jQuery(this).addClass("active-switcher-btn");
|
|
jQuery(".wide-layout-btn").removeClass("active-switcher-btn");
|
|
jQuery("body").addClass("boxed-layout container");
|
|
});
|
|
jQuery('.wide-layout-btn').click(function(){
|
|
jQuery(this).addClass("active-switcher-btn");
|
|
jQuery(".boxed-layout-btn").removeClass("active-switcher-btn");
|
|
jQuery("body").removeClass("boxed-layout container");
|
|
});
|
|
|
|
}
|
|
|
|
};
|
|
|
|
}(); |