https://icheckgate.ai/public/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").removeClass("open");
9    });
10
11    $("#settings-trigger").on("click" , function(){
12      $("#theme-settings").toggleClass("open");
13    });
14
15
16    //background constants
17    var navbar_classes = "navbar-danger navbar-success navbar-warning navbar-dark navbar-light navbar-primary navbar-info navbar-pink";
18    var sidebar_classes = "sidebar-light sidebar-dark";
19    var $body = $("body");
20
21    //sidebar backgrounds
22    $("#sidebar-light-theme").on("click" , function(){
23      $body.removeClass(sidebar_classes);
24      $body.addClass("sidebar-light");
25      $(".sidebar-bg-options").removeClass("selected");
26      $(this).addClass("selected");
27    });
28    $("#sidebar-dark-theme").on("click" , function(){
29      $body.removeClass(sidebar_classes);
30      $body.addClass("sidebar-dark");
31      $(".sidebar-bg-options").removeClass("selected");
32      $(this).addClass("selected");
33    });
34
35

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