https://jasaalipay.id/assets/js/settings.js

1(function($) {
2  'use strict';
3  $(function() {
4    $(".nav-settings").on("click", function() {
5      $("#right-sidebar").toggleClass("open");
6    });
7    $(".settings-close").on("click", function() {
8      $("#right-sidebar,#theme-settings,#layout-settings").removeClass("open");
9    });
10
11    $("#settings-trigger").on("click" , function(){
12      $("#theme-settings").toggleClass("open");
13    });
14
15    $("#layout-toggler").on("click", function () {
16      $("#layout-settings").addClass("open");
17    });
18    $("#chat-toggler").on("click", function () {
19      $("#right-sidebar").addClass("open");
20    });
21
22    //background constants
23    var navbar_classes = "navbar-danger navbar-success navbar-warning navbar-dark navbar-light navbar-primary navbar-info navbar-pink";
24    var sidebar_classes = "sidebar-light sidebar-dark";
25    var $body = $("body");
26
27    //sidebar backgrounds
28    $("#sidebar-light-theme").on("click" , function(){
29      $body.removeClass(sidebar_classes);
30      $body.addClass("sidebar-light");
31      $(".sidebar-bg-options").removeClass("selected");
32      $(this).addClass("selected");
33    });
34    $("#sidebar-dark-theme").on("click" , function(){
35      $body.removeClass(sidebar_classes);
36      $body.addClass("sidebar-dark");
37      $(".sidebar-bg-options").removeClass("selected");
38      $(this).addClass("selected");
39    });
40
41

42    //Navbar Backgrounds
43    $(".tiles.primary").on("click" , function(){
44      $(".navbar").removeClass(navbar_classes);
45      $(".navbar").addClass("navbar-primary");
46      $(".tiles").removeClass("selected");
47      $(this).addClass("selected");
48    });
49    $(".tiles.success").on("click" , function(){
50      $(".navbar").removeClass(navbar_classes);
51      $(".navbar").addClass("navbar-success");
52      $(".tiles").removeClass("selected");
53      $(this).addClass("selected");
54    });
55    $(".tiles.warning").on("click" , function(){
56      $(".navbar").removeClass(navbar_classes);
57      $(".navbar").addClass("navbar-warning");
58      $(".tiles").removeClass("selected");
59      $(this).addClass("selected");
60    });
61    $(".tiles.danger").on("click" , function(){
62      $(".navbar").removeClass(navbar_classes);
63      $(".navbar").addClass("navbar-danger");
64      $(".tiles").removeClass("selected");
65      $(this).addClass("selected");
66    });
67    $(".tiles.light").on("click" , function(){
68      $(".navbar").removeClass(navbar_classes);
69      $(".navbar").addClass("navbar-light");
70      $(".tiles").removeClass("selected");
71      $(this).addClass("selected");
72    });
73    $(".tiles.info").on("click" , function(){
74      $(".navbar").removeClass(navbar_classes);
75      $(".navbar").addClass("navbar-info");
76      $(".tiles").removeClass("selected");
77      $(this).addClass("selected");
78    });
79    $(".tiles.dark").on("click" , function(){
80      $(".navbar").removeClass(navbar_classes);
81      $(".navbar").addClass("navbar-dark");
82      $(".tiles").removeClass("selected");
83      $(this).addClass("selected");
84    });
85    $(".tiles.default").on("click" , function(){
86      $(".navbar").removeClass(navbar_classes);
87      $(".tiles").removeClass("selected");
88      $(this).addClass("selected");
89    });
90  });
91})(jQuery);