https://facturacion-electronica.contamatic.ec/factumatic/vistas/dist/js/app-style-switcher.js

1$(function() {
2    "use strict";
3    //****************************
4    /* Left header Theme Change function Start */
5    //****************************
6    function handlelogobg() {
7        $('.theme-color .theme-item .theme-link').on("click", function() {
8            var logobgskin = $(this).attr("data-logobg");
9            $('.topbar .top-navbar .navbar-header').attr("data-logobg", logobgskin);
10        });
11    };
12    handlelogobg();
13    //****************************
14    /* Top navbar Theme Change function Start */
15    //****************************
16    function handlenavbarbg() {
17        if ( $('#main-wrapper').attr('data-navbarbg') == 'skin6' ) {
18                    // do this
19                    $(".topbar .navbar").addClass('navbar-light');
20                    $(".topbar .navbar").removeClass('navbar-dark');
21                } else {
22                    // do that
23                    
24                }
25        $('.theme-color .theme-item .theme-link').on("click", function() {
26            var navbarbgskin = $(this).attr("data-navbarbg");
27            $('#main-wrapper').attr("data-navbarbg", navbarbgskin);
28            $('.topbar .navbar-collapse').attr("data-navbarbg", navbarbgskin);
29            if ( $('#main-wrapper').attr('data-navbarbg') == 'skin6' ) {
30                    // do this
31                    $(".topbar .navbar").addClass('navbar-light');
32                    $(".topbar .navbar").removeClass('navbar-dark');
33                } else {
34                    // do that
35                    $(".topbar .navbar").removeClass('navbar-light');
36                    $(".topbar .navbar").addClass('navbar-dark');
37                }
38        });
39        
40    };
41
42    handlenavbarbg();
43    
44    //****************************
45    // ManageSidebar Type
46    //****************************
47    function handlesidebartype() {
48        
49    };
50    handlesidebartype();
51     
52    
53    //****************************
54    /* Manage sidebar bg color */
55    //****************************
56    function handlesidebarbg() {
57        $('.theme-color .theme-item .theme-link').on("click", function() {
58            var sidebarbgskin = $(this).attr("data-sidebarbg");
59            $('.left-sidebar').attr("data-sidebarbg", sidebarbgskin);
60        });
61    };
62    handlesidebarbg();
63    //****************************
64    /* sidebar position */
65    //****************************
66    function handlesidebarposition() {
67		$('#sidebar-position').change(function() {
68            if( $(this).is(":checked")) {
69                $('#main-wrapper').attr("data-sidebar-position", 'fixed' );
70                $('.topbar .top-navbar .navbar-header').attr("data-navheader", 'fixed' );
71            }else {
72                $('#main-wrapper').attr("data-sidebar-position", 'absolute' ); 
73                $('.topbar .top-navbar .navbar-header').attr("data-navheader", 'relative' );
74            }
75        });
76        
77	};
78    handlesidebarposition ();
79    //****************************
80    /* Header position */
81    //****************************
82    function handleheaderposition() {
83		$('#header-position').change(function() {
84            if( $(this).is(":checked")) {
85                $('#main-wrapper').attr("data-header-position", 'fixed' );
86            }else {
87                $('#main-wrapper').attr("data-header-position", 'relative' ); 
88            }      
89        });
90	};
91    handleheaderposition ();
92    //****************************
93    /* sidebar position */
94    //****************************
95    function handleboxedlayout() {
96		$('#boxed-layout').change(function() {
97            if( $(this).is(":checked")) {
98                $('#main-wrapper').attr("data-boxed-layout", 'boxed' );
99            }else {
100                $('#main-wrapper').attr("data-boxed-layout", 'full' ); 
101            }
102        });
103        
104	};
105    handleboxedlayout ();
106    //****************************
107    /* Header position */
108    //****************************
109    function handlethemeview() {
110		$('#theme-view').change(function() {
111            if( $(this).is(":checked")) {
112                $('body').attr("data-theme", 'dark' );
113            }else {
114                $('body').attr("data-theme", 'light' ); 
115            }      
116        });
117	};
118    handlethemeview ();
119});