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.
105 lines
3.0 KiB
105 lines
3.0 KiB
"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); |
|
}
|
|
|