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.
106 lines
3.0 KiB
106 lines
3.0 KiB
3 months ago
|
"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);
|
||
|
|
}
|