v1.2 initial commit

pub/src/js/kaiadmin.dark.js

@@ -0,0 +1,420 @@
+"use strict";
+
+var logoHeaderContent = $('.sidebar .logo-header').html();
+$('.main-header .logo-header').html(logoHeaderContent);
+
+$(".nav-search .input-group > input").focus(function (e) {
+    $(this).parents().eq(2).addClass("focus");
+}).blur(function (e) {
+    $(this).parents().eq(2).removeClass("focus");
+});
+
+$(function () {
+    // Show Tooltip
+    const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
+    const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
+    // Show Popover
+    const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]');
+    const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl));
+    layoutsColors();
+    customBackgroundColor();
+});
+
+function layoutsColors() {
+    if ($('.sidebar').is('[data-background-color]')) {
+        $('html').addClass('sidebar-color');
+    } else {
+        $('html').removeClass('sidebar-color');
+    }
+}
+
+function customBackgroundColor() {
+    $('*[data-background-color="custom"]').each(function () {
+        if ($(this).is('[custom-color]')) {
+            $(this).css('background', $(this).attr('custom-color'));
+        } else if ($(this).is('[custom-background]')) {
+            $(this).css('background-image', 'url(' + $(this).attr('custom-background') + ')');
+        }
+    });
+}
+
+function legendClickCallback(event) {
+    event = event || window.event;
+
+    var target = event.target || event.srcElement;
+    while (target.nodeName !== 'LI') {
+        target = target.parentElement;
+    }
+    var parent = target.parentElement;
+    var chartId = parseInt(parent.classList[0].split("-")[0], 10);
+    var chart = Chart.instances[chartId];
+    var index = Array.prototype.slice.call(parent.children).indexOf(target);
+
+    chart.legend.options.onClick.call(chart, event, chart.legend.legendItems[index]);
+    if (chart.isDatasetVisible(index)) {
+        target.classList.remove('hidden');
+    } else {
+        target.classList.add('hidden');
+    }
+}
+
+$(document).ready(function () {
+
+
+    $('.btn-refresh-card').on('click', function () {
+        var e = $(this).parents(".card");
+        e.length && (e.addClass("is-loading"), setTimeout(function () {
+            e.removeClass("is-loading")
+        }, 3e3))
+    })
+
+    var scrollbarDashboard = $('.sidebar .scrollbar');
+    if (scrollbarDashboard.length > 0) {
+        scrollbarDashboard.scrollbar();
+    }
+
+    var contentScrollbar = $('.main-panel .content-scroll');
+    if (contentScrollbar.length > 0) {
+        contentScrollbar.scrollbar();
+    }
+
+    var messagesScrollbar = $('.messages-scroll');
+    if (messagesScrollbar.length > 0) {
+        messagesScrollbar.scrollbar();
+    }
+
+    var tasksScrollbar = $('.tasks-scroll');
+    if (tasksScrollbar.length > 0) {
+        tasksScrollbar.scrollbar();
+    }
+
+    var quickScrollbar = $('.quick-scroll');
+    if (quickScrollbar.length > 0) {
+        quickScrollbar.scrollbar();
+    }
+
+    var messageNotifScrollbar = $('.message-notif-scroll');
+    if (messageNotifScrollbar.length > 0) {
+        messageNotifScrollbar.scrollbar();
+    }
+
+    var notifScrollbar = $('.notif-scroll');
+    if (notifScrollbar.length > 0) {
+        notifScrollbar.scrollbar();
+    }
+
+    var quickActionsScrollbar = $('.quick-actions-scroll');
+    if (quickActionsScrollbar.length > 0) {
+        quickActionsScrollbar.scrollbar();
+    }
+
+    var userScrollbar = $('.dropdown-user-scroll');
+    if (userScrollbar.length > 0) {
+        userScrollbar.scrollbar();
+    }
+
+    $('#search-nav').on('shown.bs.collapse', function () {
+        $('.nav-search .form-control').focus();
+    });
+
+    var toggle_sidebar = false,
+        toggle_quick_sidebar = false,
+        toggle_topbar = false,
+        minimize_sidebar = false,
+        first_toggle_sidebar = false,
+        toggle_page_sidebar = false,
+        toggle_overlay_sidebar = false,
+        nav_open = 0,
+        quick_sidebar_open = 0,
+        topbar_open = 0,
+        mini_sidebar = 0,
+        page_sidebar_open = 0,
+        overlay_sidebar_open = 0;
+
+
+    if (!toggle_sidebar) {
+        var toggle = $('.sidenav-toggler');
+
+        toggle.on('click', function () {
+            if (nav_open == 1) {
+                $('html').removeClass('nav_open');
+                toggle.removeClass('toggled');
+                nav_open = 0;
+            } else {
+                $('html').addClass('nav_open');
+                toggle.addClass('toggled');
+                nav_open = 1;
+            }
+        });
+        toggle_sidebar = true;
+    }
+
+    if (!quick_sidebar_open) {
+        var toggle = $('.quick-sidebar-toggler');
+
+        toggle.on('click', function () {
+            if (nav_open == 1) {
+                $('html').removeClass('quick_sidebar_open');
+                $('.quick-sidebar-overlay').remove();
+                toggle.removeClass('toggled');
+                quick_sidebar_open = 0;
+            } else {
+                $('html').addClass('quick_sidebar_open');
+                toggle.addClass('toggled');
+                $('<div class="quick-sidebar-overlay"></div>').insertAfter('.quick-sidebar');
+                quick_sidebar_open = 1;
+            }
+        });
+
+        $('.wrapper').mouseup(function (e) {
+            var subject = $('.quick-sidebar');
+
+            if (e.target.className != subject.attr('class') && !subject.has(e.target).length) {
+                $('html').removeClass('quick_sidebar_open');
+                $('.quick-sidebar-toggler').removeClass('toggled');
+                $('.quick-sidebar-overlay').remove();
+                quick_sidebar_open = 0;
+            }
+        });
+
+        $(".close-quick-sidebar").on('click', function () {
+            $('html').removeClass('quick_sidebar_open');
+            $('.quick-sidebar-toggler').removeClass('toggled');
+            $('.quick-sidebar-overlay').remove();
+            quick_sidebar_open = 0;
+        });
+
+        quick_sidebar_open = true;
+    }
+
+    if (!toggle_topbar) {
+        var topbar = $('.topbar-toggler');
+
+        topbar.on('click', function () {
+            if (topbar_open == 1) {
+                $('html').removeClass('topbar_open');
+                topbar.removeClass('toggled');
+                topbar_open = 0;
+            } else {
+                $('html').addClass('topbar_open');
+                topbar.addClass('toggled');
+                topbar_open = 1;
+            }
+        });
+        toggle_topbar = true;
+    }
+
+    if (!minimize_sidebar) {
+        var minibutton = $('.toggle-sidebar');
+        if ($('.wrapper').hasClass('sidebar_minimize')) {
+            minibutton.addClass('toggled');
+            minibutton.html('<i class="gg-more-vertical-alt"></i>');
+            mini_sidebar = 1;
+        }
+
+        minibutton.on('click', function () {
+            if (mini_sidebar == 1) {
+                $('.wrapper').removeClass('sidebar_minimize')
+                minibutton.removeClass('toggled');
+                minibutton.html('<i class="gg-menu-right"></i>');
+                mini_sidebar = 0;
+                localStorage.setItem('sidebarMinimized', 'false');
+                document.cookie = 'sidebarMinimized=false; path=/';
+            } else {
+                $('.wrapper').addClass('sidebar_minimize');
+                minibutton.addClass('toggled');
+                minibutton.html('<i class="gg-more-vertical-alt"></i>');
+                mini_sidebar = 1;
+                localStorage.setItem('sidebarMinimized', 'true');
+                document.cookie = 'sidebarMinimized=true; path=/';
+            }
+            $(window).resize();
+        });
+        minimize_sidebar = true;
+        first_toggle_sidebar = true;
+    }
+
+    if (!toggle_page_sidebar) {
+        var pageSidebarToggler = $('.page-sidebar-toggler');
+
+        pageSidebarToggler.on('click', function () {
+            if (page_sidebar_open == 1) {
+                $('html').removeClass('pagesidebar_open');
+                pageSidebarToggler.removeClass('toggled');
+                page_sidebar_open = 0;
+            } else {
+                $('html').addClass('pagesidebar_open');
+                pageSidebarToggler.addClass('toggled');
+                page_sidebar_open = 1;
+            }
+        });
+
+        var pageSidebarClose = $('.page-sidebar .back');
+
+        pageSidebarClose.on('click', function () {
+            $('html').removeClass('pagesidebar_open');
+            pageSidebarToggler.removeClass('toggled');
+            page_sidebar_open = 0;
+        });
+
+        toggle_page_sidebar = true;
+    }
+
+    if (!toggle_overlay_sidebar) {
+        var overlaybutton = $('.sidenav-overlay-toggler');
+        if ($('.wrapper').hasClass('is-show')) {
+            overlay_sidebar_open = 1;
+            overlaybutton.addClass('toggled');
+            overlaybutton.html('<i class="icon-options-vertical"></i>');
+        }
+
+        overlaybutton.on('click', function () {
+            if (overlay_sidebar_open == 1) {
+                $('.wrapper').removeClass('is-show');
+                overlaybutton.removeClass('toggled');
+                overlaybutton.html('<i class="icon-menu"></i>');
+                overlay_sidebar_open = 0;
+            } else {
+                $('.wrapper').addClass('is-show');
+                overlaybutton.addClass('toggled');
+                overlaybutton.html('<i class="icon-options-vertical"></i>');
+                overlay_sidebar_open = 1;
+            }
+            $(window).resize();
+        });
+        minimize_sidebar = true;
+    }
+
+
+    $('.sidebar').mouseenter(function () {
+        if (mini_sidebar == 1 && !first_toggle_sidebar) {
+            $('.wrapper').addClass('sidebar_minimize_hover');
+            first_toggle_sidebar = true;
+            localStorage.setItem('sidebarHovered', 'true');
+            document.cookie = 'sidebarHovered=true; path=/';
+        } else {
+            $('.wrapper').addClass('sidebar_minimize_hover');
+            localStorage.setItem('sidebarHovered', 'false');
+            document.cookie = 'sidebarHovered=false; path=/';
+        }
+    }).mouseleave(function () {
+        if (mini_sidebar == 1 && first_toggle_sidebar) {
+            $('.wrapper').removeClass('sidebar_minimize_hover');
+            first_toggle_sidebar = false;
+            localStorage.setItem('sidebarHovered', 'false');
+            document.cookie = 'sidebarHovered=false; path=/';
+        }
+    });
+
+    // addClass if nav-item click and has subnav
+
+    $(".nav-item a").on('click', (function () {
+        if ($(this).parent().find('.collapse').hasClass("show")) {
+            $(this).parent().removeClass('submenu');
+        } else {
+            $(this).parent().addClass('submenu');
+        }
+    }));
+
+
+    //Chat Open
+    $('.messages-contact .user a').on('click', function () {
+        $('.tab-chat').addClass('show-chat')
+    });
+
+    $('.messages-wrapper .return').on('click', function () {
+        $('.tab-chat').removeClass('show-chat')
+    });
+
+    //select all
+    $('[data-select="checkbox"]').change(function () {
+        var target = $(this).attr('data-target');
+        $(target).prop('checked', $(this).prop("checked"));
+    })
+
+    //form-group-default active if input focus
+    $(".form-group-default .form-control").focus(function () {
+        $(this).parent().addClass("active");
+    }).blur(function () {
+        $(this).parent().removeClass("active");
+    })
+
+});
+
+// Input File Image
+
+function readURL(input) {
+    if (input.files && input.files[0]) {
+        var reader = new FileReader();
+
+        reader.onload = function (e) {
+            $(input).parent('.input-file-image').find('.img-upload-preview').attr('src', e.target.result);
+        }
+
+        reader.readAsDataURL(input.files[0]);
+    }
+}
+
+$('.input-file-image input[type="file"').change(function () {
+    readURL(this);
+});
+
+// Show Password
+
+function showPassword(button) {
+    var inputPassword = $(button).parent().find('input');
+    if (inputPassword.attr('type') === "password") {
+        inputPassword.attr('type', 'text');
+    } else {
+        inputPassword.attr('type', 'password');
+    }
+}
+
+$('.show-password').on('click', function () {
+    showPassword(this);
+})
+
+// Sign In & Sign Up
+var containerSignIn = $('.container-login'),
+    containerSignUp = $('.container-signup'),
+    showSignIn = true,
+    showSignUp = false;
+
+function changeContainer() {
+    if (showSignIn == true) {
+        containerSignIn.css('display', 'block')
+    } else {
+        containerSignIn.css('display', 'none')
+    }
+
+    if (showSignUp == true) {
+        containerSignUp.css('display', 'block')
+    } else {
+        containerSignUp.css('display', 'none')
+    }
+}
+
+$('#show-signup').on('click', function () {
+    showSignUp = true;
+    showSignIn = false;
+    changeContainer();
+})
+
+$('#show-signin').on('click', function () {
+    showSignUp = false;
+    showSignIn = true;
+    changeContainer();
+})
+
+changeContainer();
+
+//Input with Floating Label
+
+$('.form-floating-label .form-control').keyup(function () {
+    if ($(this).val() !== '') {
+        $(this).addClass('filled');
+    } else {
+        $(this).removeClass('filled');
+    }
+})
+

pub/src/js/kaiadmin.dark.min.js

@@ -0,0 +1,420 @@
+"use strict";
+
+var logoHeaderContent = $('.sidebar .logo-header').html();
+$('.main-header .logo-header').html(logoHeaderContent);
+
+$(".nav-search .input-group > input").focus(function (e) {
+    $(this).parents().eq(2).addClass("focus");
+}).blur(function (e) {
+    $(this).parents().eq(2).removeClass("focus");
+});
+
+$(function () {
+    // Show Tooltip
+    const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
+    const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
+    // Show Popover
+    const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]');
+    const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl));
+    layoutsColors();
+    customBackgroundColor();
+});
+
+function layoutsColors() {
+    if ($('.sidebar').is('[data-background-color]')) {
+        $('html').addClass('sidebar-color');
+    } else {
+        $('html').removeClass('sidebar-color');
+    }
+}
+
+function customBackgroundColor() {
+    $('*[data-background-color="custom"]').each(function () {
+        if ($(this).is('[custom-color]')) {
+            $(this).css('background', $(this).attr('custom-color'));
+        } else if ($(this).is('[custom-background]')) {
+            $(this).css('background-image', 'url(' + $(this).attr('custom-background') + ')');
+        }
+    });
+}
+
+function legendClickCallback(event) {
+    event = event || window.event;
+
+    var target = event.target || event.srcElement;
+    while (target.nodeName !== 'LI') {
+        target = target.parentElement;
+    }
+    var parent = target.parentElement;
+    var chartId = parseInt(parent.classList[0].split("-")[0], 10);
+    var chart = Chart.instances[chartId];
+    var index = Array.prototype.slice.call(parent.children).indexOf(target);
+
+    chart.legend.options.onClick.call(chart, event, chart.legend.legendItems[index]);
+    if (chart.isDatasetVisible(index)) {
+        target.classList.remove('hidden');
+    } else {
+        target.classList.add('hidden');
+    }
+}
+
+$(document).ready(function () {
+
+
+    $('.btn-refresh-card').on('click', function () {
+        var e = $(this).parents(".card");
+        e.length && (e.addClass("is-loading"), setTimeout(function () {
+            e.removeClass("is-loading")
+        }, 3e3))
+    })
+
+    var scrollbarDashboard = $('.sidebar .scrollbar');
+    if (scrollbarDashboard.length > 0) {
+        scrollbarDashboard.scrollbar();
+    }
+
+    var contentScrollbar = $('.main-panel .content-scroll');
+    if (contentScrollbar.length > 0) {
+        contentScrollbar.scrollbar();
+    }
+
+    var messagesScrollbar = $('.messages-scroll');
+    if (messagesScrollbar.length > 0) {
+        messagesScrollbar.scrollbar();
+    }
+
+    var tasksScrollbar = $('.tasks-scroll');
+    if (tasksScrollbar.length > 0) {
+        tasksScrollbar.scrollbar();
+    }
+
+    var quickScrollbar = $('.quick-scroll');
+    if (quickScrollbar.length > 0) {
+        quickScrollbar.scrollbar();
+    }
+
+    var messageNotifScrollbar = $('.message-notif-scroll');
+    if (messageNotifScrollbar.length > 0) {
+        messageNotifScrollbar.scrollbar();
+    }
+
+    var notifScrollbar = $('.notif-scroll');
+    if (notifScrollbar.length > 0) {
+        notifScrollbar.scrollbar();
+    }
+
+    var quickActionsScrollbar = $('.quick-actions-scroll');
+    if (quickActionsScrollbar.length > 0) {
+        quickActionsScrollbar.scrollbar();
+    }
+
+    var userScrollbar = $('.dropdown-user-scroll');
+    if (userScrollbar.length > 0) {
+        userScrollbar.scrollbar();
+    }
+
+    $('#search-nav').on('shown.bs.collapse', function () {
+        $('.nav-search .form-control').focus();
+    });
+
+    var toggle_sidebar = false,
+        toggle_quick_sidebar = false,
+        toggle_topbar = false,
+        minimize_sidebar = false,
+        first_toggle_sidebar = false,
+        toggle_page_sidebar = false,
+        toggle_overlay_sidebar = false,
+        nav_open = 0,
+        quick_sidebar_open = 0,
+        topbar_open = 0,
+        mini_sidebar = 0,
+        page_sidebar_open = 0,
+        overlay_sidebar_open = 0;
+
+
+    if (!toggle_sidebar) {
+        var toggle = $('.sidenav-toggler');
+
+        toggle.on('click', function () {
+            if (nav_open == 1) {
+                $('html').removeClass('nav_open');
+                toggle.removeClass('toggled');
+                nav_open = 0;
+            } else {
+                $('html').addClass('nav_open');
+                toggle.addClass('toggled');
+                nav_open = 1;
+            }
+        });
+        toggle_sidebar = true;
+    }
+
+    if (!quick_sidebar_open) {
+        var toggle = $('.quick-sidebar-toggler');
+
+        toggle.on('click', function () {
+            if (nav_open == 1) {
+                $('html').removeClass('quick_sidebar_open');
+                $('.quick-sidebar-overlay').remove();
+                toggle.removeClass('toggled');
+                quick_sidebar_open = 0;
+            } else {
+                $('html').addClass('quick_sidebar_open');
+                toggle.addClass('toggled');
+                $('<div class="quick-sidebar-overlay"></div>').insertAfter('.quick-sidebar');
+                quick_sidebar_open = 1;
+            }
+        });
+
+        $('.wrapper').mouseup(function (e) {
+            var subject = $('.quick-sidebar');
+
+            if (e.target.className != subject.attr('class') && !subject.has(e.target).length) {
+                $('html').removeClass('quick_sidebar_open');
+                $('.quick-sidebar-toggler').removeClass('toggled');
+                $('.quick-sidebar-overlay').remove();
+                quick_sidebar_open = 0;
+            }
+        });
+
+        $(".close-quick-sidebar").on('click', function () {
+            $('html').removeClass('quick_sidebar_open');
+            $('.quick-sidebar-toggler').removeClass('toggled');
+            $('.quick-sidebar-overlay').remove();
+            quick_sidebar_open = 0;
+        });
+
+        quick_sidebar_open = true;
+    }
+
+    if (!toggle_topbar) {
+        var topbar = $('.topbar-toggler');
+
+        topbar.on('click', function () {
+            if (topbar_open == 1) {
+                $('html').removeClass('topbar_open');
+                topbar.removeClass('toggled');
+                topbar_open = 0;
+            } else {
+                $('html').addClass('topbar_open');
+                topbar.addClass('toggled');
+                topbar_open = 1;
+            }
+        });
+        toggle_topbar = true;
+    }
+
+    if (!minimize_sidebar) {
+        var minibutton = $('.toggle-sidebar');
+        if ($('.wrapper').hasClass('sidebar_minimize')) {
+            minibutton.addClass('toggled');
+            minibutton.html('<i class="gg-more-vertical-alt"></i>');
+            mini_sidebar = 1;
+        }
+
+        minibutton.on('click', function () {
+            if (mini_sidebar == 1) {
+                $('.wrapper').removeClass('sidebar_minimize')
+                minibutton.removeClass('toggled');
+                minibutton.html('<i class="gg-menu-right"></i>');
+                mini_sidebar = 0;
+                localStorage.setItem('sidebarMinimized', 'false');
+                document.cookie = 'sidebarMinimized=false; path=/';
+            } else {
+                $('.wrapper').addClass('sidebar_minimize');
+                minibutton.addClass('toggled');
+                minibutton.html('<i class="gg-more-vertical-alt"></i>');
+                mini_sidebar = 1;
+                localStorage.setItem('sidebarMinimized', 'true');
+                document.cookie = 'sidebarMinimized=true; path=/';
+            }
+            $(window).resize();
+        });
+        minimize_sidebar = true;
+        first_toggle_sidebar = true;
+    }
+
+    if (!toggle_page_sidebar) {
+        var pageSidebarToggler = $('.page-sidebar-toggler');
+
+        pageSidebarToggler.on('click', function () {
+            if (page_sidebar_open == 1) {
+                $('html').removeClass('pagesidebar_open');
+                pageSidebarToggler.removeClass('toggled');
+                page_sidebar_open = 0;
+            } else {
+                $('html').addClass('pagesidebar_open');
+                pageSidebarToggler.addClass('toggled');
+                page_sidebar_open = 1;
+            }
+        });
+
+        var pageSidebarClose = $('.page-sidebar .back');
+
+        pageSidebarClose.on('click', function () {
+            $('html').removeClass('pagesidebar_open');
+            pageSidebarToggler.removeClass('toggled');
+            page_sidebar_open = 0;
+        });
+
+        toggle_page_sidebar = true;
+    }
+
+    if (!toggle_overlay_sidebar) {
+        var overlaybutton = $('.sidenav-overlay-toggler');
+        if ($('.wrapper').hasClass('is-show')) {
+            overlay_sidebar_open = 1;
+            overlaybutton.addClass('toggled');
+            overlaybutton.html('<i class="icon-options-vertical"></i>');
+        }
+
+        overlaybutton.on('click', function () {
+            if (overlay_sidebar_open == 1) {
+                $('.wrapper').removeClass('is-show');
+                overlaybutton.removeClass('toggled');
+                overlaybutton.html('<i class="icon-menu"></i>');
+                overlay_sidebar_open = 0;
+            } else {
+                $('.wrapper').addClass('is-show');
+                overlaybutton.addClass('toggled');
+                overlaybutton.html('<i class="icon-options-vertical"></i>');
+                overlay_sidebar_open = 1;
+            }
+            $(window).resize();
+        });
+        minimize_sidebar = true;
+    }
+
+
+    $('.sidebar').mouseenter(function () {
+        if (mini_sidebar == 1 && !first_toggle_sidebar) {
+            $('.wrapper').addClass('sidebar_minimize_hover');
+            first_toggle_sidebar = true;
+            localStorage.setItem('sidebarHovered', 'true');
+            document.cookie = 'sidebarHovered=true; path=/';
+        } else {
+            $('.wrapper').addClass('sidebar_minimize_hover');
+            localStorage.setItem('sidebarHovered', 'true');
+            document.cookie = 'sidebarHovered=false; path=/';
+        }
+    }).mouseleave(function () {
+        if (mini_sidebar == 1 && first_toggle_sidebar) {
+            $('.wrapper').removeClass('sidebar_minimize_hover');
+            first_toggle_sidebar = false;
+            localStorage.setItem('sidebarHovered', 'false');
+            document.cookie = 'sidebarHovered=false; path=/';
+        }
+    });
+
+    // addClass if nav-item click and has subnav
+
+    $(".nav-item a").on('click', (function () {
+        if ($(this).parent().find('.collapse').hasClass("show")) {
+            $(this).parent().removeClass('submenu');
+        } else {
+            $(this).parent().addClass('submenu');
+        }
+    }));
+
+
+    //Chat Open
+    $('.messages-contact .user a').on('click', function () {
+        $('.tab-chat').addClass('show-chat')
+    });
+
+    $('.messages-wrapper .return').on('click', function () {
+        $('.tab-chat').removeClass('show-chat')
+    });
+
+    //select all
+    $('[data-select="checkbox"]').change(function () {
+        var target = $(this).attr('data-target');
+        $(target).prop('checked', $(this).prop("checked"));
+    })
+
+    //form-group-default active if input focus
+    $(".form-group-default .form-control").focus(function () {
+        $(this).parent().addClass("active");
+    }).blur(function () {
+        $(this).parent().removeClass("active");
+    })
+
+});
+
+// Input File Image
+
+function readURL(input) {
+    if (input.files && input.files[0]) {
+        var reader = new FileReader();
+
+        reader.onload = function (e) {
+            $(input).parent('.input-file-image').find('.img-upload-preview').attr('src', e.target.result);
+        }
+
+        reader.readAsDataURL(input.files[0]);
+    }
+}
+
+$('.input-file-image input[type="file"').change(function () {
+    readURL(this);
+});
+
+// Show Password
+
+function showPassword(button) {
+    var inputPassword = $(button).parent().find('input');
+    if (inputPassword.attr('type') === "password") {
+        inputPassword.attr('type', 'text');
+    } else {
+        inputPassword.attr('type', 'password');
+    }
+}
+
+$('.show-password').on('click', function () {
+    showPassword(this);
+})
+
+// Sign In & Sign Up
+var containerSignIn = $('.container-login'),
+    containerSignUp = $('.container-signup'),
+    showSignIn = true,
+    showSignUp = false;
+
+function changeContainer() {
+    if (showSignIn == true) {
+        containerSignIn.css('display', 'block')
+    } else {
+        containerSignIn.css('display', 'none')
+    }
+
+    if (showSignUp == true) {
+        containerSignUp.css('display', 'block')
+    } else {
+        containerSignUp.css('display', 'none')
+    }
+}
+
+$('#show-signup').on('click', function () {
+    showSignUp = true;
+    showSignIn = false;
+    changeContainer();
+})
+
+$('#show-signin').on('click', function () {
+    showSignUp = false;
+    showSignIn = true;
+    changeContainer();
+})
+
+changeContainer();
+
+//Input with Floating Label
+
+$('.form-floating-label .form-control').keyup(function () {
+    if ($(this).val() !== '') {
+        $(this).addClass('filled');
+    } else {
+        $(this).removeClass('filled');
+    }
+})
+

pub/src/js/kaiadmin.js

@@ -0,0 +1,406 @@
+"use strict";
+
+var logoHeaderContent = $('.sidebar .logo-header').html();
+$('.main-header .logo-header').html(logoHeaderContent);
+
+$(".nav-search .input-group > input").focus(function(e){
+	$(this).parents().eq(2).addClass("focus");
+}).blur(function(e){
+	$(this).parents().eq(2).removeClass("focus");
+});
+
+$(function () {
+// Show Tooltip
+	const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
+	const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
+	// Show Popover
+	const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]');
+	const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl));
+	layoutsColors();
+	customBackgroundColor();
+});
+
+function layoutsColors(){
+	if($('.sidebar').is('[data-background-color]')) { 
+		$('html').addClass('sidebar-color');
+	} else {
+		$('html').removeClass('sidebar-color');
+	}
+}
+
+function customBackgroundColor() {
+	$('*[data-background-color="custom"]').each(function(){
+		if($(this).is('[custom-color]')) {
+			$(this).css('background', $(this).attr('custom-color'));
+		} else if($(this).is('[custom-background]')) {
+			$(this).css('background-image', 'url(' + $(this).attr('custom-background') + ')');
+		}
+	});
+}
+
+function legendClickCallback(event) {
+	event = event || window.event;
+
+	var target = event.target || event.srcElement;
+	while (target.nodeName !== 'LI') {
+		target = target.parentElement;
+	}
+	var parent = target.parentElement;
+	var chartId = parseInt(parent.classList[0].split("-")[0], 10);
+	var chart = Chart.instances[chartId];
+	var index = Array.prototype.slice.call(parent.children).indexOf(target);
+
+	chart.legend.options.onClick.call(chart, event, chart.legend.legendItems[index]);
+	if (chart.isDatasetVisible(index)) {
+		target.classList.remove('hidden');
+	} else {
+		target.classList.add('hidden');
+	}
+}
+
+$(document).ready(function(){
+
+	$('.btn-refresh-card').on('click', function(){var e=$(this).parents(".card");e.length&&(e.addClass("is-loading"),setTimeout(function(){e.removeClass("is-loading")},3e3))})
+
+	var scrollbarDashboard = $('.sidebar .scrollbar');
+	if (scrollbarDashboard.length > 0) {
+		scrollbarDashboard.scrollbar();
+	}
+
+	var contentScrollbar = $('.main-panel .content-scroll');
+	if (contentScrollbar.length > 0) {
+		contentScrollbar.scrollbar();
+	}
+
+	var messagesScrollbar = $('.messages-scroll');
+	if (messagesScrollbar.length > 0) {
+		messagesScrollbar.scrollbar();
+	}
+
+	var tasksScrollbar = $('.tasks-scroll');
+	if (tasksScrollbar.length > 0) {
+		tasksScrollbar.scrollbar();
+	}
+
+	var quickScrollbar = $('.quick-scroll');
+	if (quickScrollbar.length > 0) {
+		quickScrollbar.scrollbar();
+	}
+
+	var messageNotifScrollbar = $('.message-notif-scroll');
+	if (messageNotifScrollbar.length > 0) {
+		messageNotifScrollbar.scrollbar();
+	}
+
+	var notifScrollbar = $('.notif-scroll');
+	if (notifScrollbar.length > 0) {
+		notifScrollbar.scrollbar();
+	}
+
+	var quickActionsScrollbar = $('.quick-actions-scroll');
+	if (quickActionsScrollbar.length > 0) {
+		quickActionsScrollbar.scrollbar();
+	}
+
+	var userScrollbar = $('.dropdown-user-scroll');
+	if (userScrollbar.length > 0) {
+		userScrollbar.scrollbar();
+	}
+
+	$('#search-nav').on('shown.bs.collapse', function () {
+		$('.nav-search .form-control').focus();
+	});
+
+	var toggle_sidebar = false,
+	toggle_quick_sidebar = false,
+	toggle_topbar = false,
+	minimize_sidebar = false,
+	first_toggle_sidebar = false,
+	toggle_page_sidebar = false,
+	toggle_overlay_sidebar = false,
+	nav_open = 0,
+	quick_sidebar_open = 0,
+	topbar_open = 0,
+	mini_sidebar = 0,
+	page_sidebar_open = 0,
+	overlay_sidebar_open = 0;
+
+
+	if(!toggle_sidebar) {
+		var toggle = $('.sidenav-toggler');
+
+		toggle.on('click', function(){
+			if (nav_open == 1){
+				$('html').removeClass('nav_open');
+				toggle.removeClass('toggled');
+				nav_open = 0;
+			}  else {
+				$('html').addClass('nav_open');
+				toggle.addClass('toggled');
+				nav_open = 1;
+			}
+		});
+		toggle_sidebar = true;
+	}
+
+	if(!quick_sidebar_open) {
+		var toggle = $('.quick-sidebar-toggler');
+
+		toggle.on('click', function(){
+			if (nav_open == 1){
+				$('html').removeClass('quick_sidebar_open');
+				$('.quick-sidebar-overlay').remove();
+				toggle.removeClass('toggled');
+				quick_sidebar_open = 0;
+			}  else {
+				$('html').addClass('quick_sidebar_open');
+				toggle.addClass('toggled');
+				$('<div class="quick-sidebar-overlay"></div>').insertAfter('.quick-sidebar');
+				quick_sidebar_open = 1;
+			}
+		});
+
+		$('.wrapper').mouseup(function(e)
+		{
+			var subject = $('.quick-sidebar'); 
+
+			if(e.target.className != subject.attr('class') && !subject.has(e.target).length)
+			{
+				$('html').removeClass('quick_sidebar_open');
+				$('.quick-sidebar-toggler').removeClass('toggled');
+				$('.quick-sidebar-overlay').remove();
+				quick_sidebar_open = 0;
+			}
+		});
+
+		$(".close-quick-sidebar").on('click', function(){
+			$('html').removeClass('quick_sidebar_open');
+			$('.quick-sidebar-toggler').removeClass('toggled');
+			$('.quick-sidebar-overlay').remove();
+			quick_sidebar_open = 0;
+		});
+
+		quick_sidebar_open = true;
+	}
+
+	if(!toggle_topbar) {
+		var topbar = $('.topbar-toggler');
+
+		topbar.on('click', function() {
+			if (topbar_open == 1) {
+				$('html').removeClass('topbar_open');
+				topbar.removeClass('toggled');
+				topbar_open = 0;
+			} else {
+				$('html').addClass('topbar_open');
+				topbar.addClass('toggled');
+				topbar_open = 1;
+			}
+		});
+		toggle_topbar = true;
+	}
+
+	if(!minimize_sidebar){
+		var minibutton = $('.toggle-sidebar');
+		if($('.wrapper').hasClass('sidebar_minimize')){
+			minibutton.addClass('toggled');
+			minibutton.html('<i class="gg-more-vertical-alt"></i>');
+			mini_sidebar = 1;
+		}
+
+		minibutton.on('click', function() {
+			if (mini_sidebar == 1) {
+				$('.wrapper').removeClass('sidebar_minimize')
+				minibutton.removeClass('toggled');
+				minibutton.html('<i class="gg-menu-right"></i>');
+				mini_sidebar = 0;
+			} else {
+				$('.wrapper').addClass('sidebar_minimize');
+				minibutton.addClass('toggled');
+				minibutton.html('<i class="gg-more-vertical-alt"></i>');
+				mini_sidebar = 1;
+			}
+			$(window).resize();
+		});
+		minimize_sidebar = true;
+		first_toggle_sidebar = true;
+	}
+
+	if(!toggle_page_sidebar) {
+		var pageSidebarToggler = $('.page-sidebar-toggler');
+
+		pageSidebarToggler.on('click', function() {
+			if (page_sidebar_open == 1) {
+				$('html').removeClass('pagesidebar_open');
+				pageSidebarToggler.removeClass('toggled');
+				page_sidebar_open = 0;
+			} else {
+				$('html').addClass('pagesidebar_open');
+				pageSidebarToggler.addClass('toggled');
+				page_sidebar_open = 1;
+			}
+		});
+
+		var pageSidebarClose = $('.page-sidebar .back');
+
+		pageSidebarClose.on('click', function() {
+			$('html').removeClass('pagesidebar_open');
+			pageSidebarToggler.removeClass('toggled');
+			page_sidebar_open = 0;
+		});
+		
+		toggle_page_sidebar = true;
+	}
+
+	if(!toggle_overlay_sidebar){
+		var overlaybutton = $('.sidenav-overlay-toggler');
+		if($('.wrapper').hasClass('is-show')){
+			overlay_sidebar_open = 1;
+			overlaybutton.addClass('toggled');
+			overlaybutton.html('<i class="icon-options-vertical"></i>');
+		}
+
+		overlaybutton.on('click', function() {
+			if (overlay_sidebar_open == 1) {
+				$('.wrapper').removeClass('is-show');
+				overlaybutton.removeClass('toggled');
+				overlaybutton.html('<i class="icon-menu"></i>');
+				overlay_sidebar_open = 0;
+			} else {
+				$('.wrapper').addClass('is-show');
+				overlaybutton.addClass('toggled');
+				overlaybutton.html('<i class="icon-options-vertical"></i>');
+				overlay_sidebar_open = 1;
+			}
+			$(window).resize();
+		});
+		minimize_sidebar = true;
+	}
+
+	
+	$('.sidebar').mouseenter(function() {
+		if (mini_sidebar == 1 && !first_toggle_sidebar){
+			$('.wrapper').addClass('sidebar_minimize_hover');
+			first_toggle_sidebar = true;
+		} else {
+			$('.wrapper').removeClass('sidebar_minimize_hover');
+		}
+	}).mouseleave(function(){
+		if (mini_sidebar == 1 && first_toggle_sidebar){
+			$('.wrapper').removeClass('sidebar_minimize_hover');
+			first_toggle_sidebar = false;
+		}
+	});
+
+	// addClass if nav-item click and has subnav
+
+	$(".nav-item a").on('click', (function(){
+		if ( $(this).parent().find('.collapse').hasClass("show") ) {
+			$(this).parent().removeClass('submenu');
+		} else {
+			$(this).parent().addClass('submenu');
+		}
+	}));
+
+
+	//Chat Open
+	$('.messages-contact .user a').on('click', function(){
+		$('.tab-chat').addClass('show-chat')
+	});
+
+	$('.messages-wrapper .return').on('click', function(){
+		$('.tab-chat').removeClass('show-chat')
+	});
+
+	//select all
+	$('[data-select="checkbox"]').change(function(){
+		var target = $(this).attr('data-target');
+		$(target).prop('checked', $(this).prop("checked"));
+	})
+
+	//form-group-default active if input focus
+	$(".form-group-default .form-control").focus(function(){
+		$(this).parent().addClass("active");
+	}).blur(function(){
+		$(this).parent().removeClass("active");
+	})
+
+});
+
+// Input File Image
+
+function readURL(input) {
+	if (input.files && input.files[0]) {
+		var reader = new FileReader();
+
+		reader.onload = function (e) {
+			$(input).parent('.input-file-image').find('.img-upload-preview').attr('src', e.target.result);
+		}
+
+		reader.readAsDataURL(input.files[0]);
+	}
+}
+
+$('.input-file-image input[type="file"').change(function () {
+	readURL(this);
+});
+
+// Show Password
+
+function showPassword(button) {
+	var inputPassword = $(button).parent().find('input');
+	if (inputPassword.attr('type') === "password") {
+		inputPassword.attr('type', 'text');
+	} else {
+		inputPassword.attr('type','password');
+	}
+}
+
+$('.show-password').on('click', function(){
+	showPassword(this);
+})
+
+// Sign In & Sign Up
+var containerSignIn = $('.container-login'),
+containerSignUp = $('.container-signup'),
+showSignIn = true,
+showSignUp = false;
+
+function changeContainer(){
+	if(showSignIn == true){
+		containerSignIn.css('display', 'block')
+	} else {
+		containerSignIn.css('display', 'none')
+	}
+
+	if(showSignUp == true){
+		containerSignUp.css('display', 'block')
+	} else {
+		containerSignUp.css('display', 'none')
+	}
+}
+
+$('#show-signup').on('click', function(){ 
+	showSignUp = true;
+	showSignIn = false;
+	changeContainer();
+})
+
+$('#show-signin').on('click', function(){ 
+	showSignUp = false;
+	showSignIn = true;
+	changeContainer();
+})
+
+changeContainer();
+
+//Input with Floating Label
+
+$('.form-floating-label .form-control').keyup(function(){
+	if($(this).val() !== '') {
+		$(this).addClass('filled');
+	} else {
+		$(this).removeClass('filled');
+	}
+})
+

pub/src/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js

@@ -0,0 +1,9 @@
+/*! ========================================================================
+ * Bootstrap Toggle: bootstrap-toggle.js v2.2.0
+ * http://www.bootstraptoggle.com
+ * ========================================================================
+ * Copyright 2014 Min Hur, The New York Times Company
+ * Licensed under MIT
+ * ======================================================================== */
++function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.toggle"),f="object"==typeof b&&b;e||d.data("bs.toggle",e=new c(this,f)),"string"==typeof b&&e[b]&&e[b]()})}var c=function(b,c){this.$element=a(b),this.options=a.extend({},this.defaults(),c),this.render()};c.VERSION="2.2.0",c.DEFAULTS={on:"On",off:"Off",onstyle:"primary",offstyle:"black",size:"normal",style:"",width:null,height:null},c.prototype.defaults=function(){return{on:this.$element.attr("data-on")||c.DEFAULTS.on,off:this.$element.attr("data-off")||c.DEFAULTS.off,onstyle:this.$element.attr("data-onstyle")||c.DEFAULTS.onstyle,offstyle:this.$element.attr("data-offstyle")||c.DEFAULTS.offstyle,size:this.$element.attr("data-size")||c.DEFAULTS.size,style:this.$element.attr("data-style")||c.DEFAULTS.style,width:this.$element.attr("data-width")||c.DEFAULTS.width,height:this.$element.attr("data-height")||c.DEFAULTS.height}},c.prototype.render=function(){this._onstyle="btn-"+this.options.onstyle,this._offstyle="btn-"+this.options.offstyle;var b="large"===this.options.size?"btn-lg":"small"===this.options.size?"btn-sm":"mini"===this.options.size?"btn-xs":"",c=a('<label class="btn">').html(this.options.on).addClass(this._onstyle+" "+b),d=a('<label class="btn">').html(this.options.off).addClass(this._offstyle+" "+b+" active"),e=a('<span class="toggle-handle btn btn-black">').addClass(b),f=a('<div class="toggle-group">').append(c,d,e),g=a('<div class="toggle btn" data-toggle="toggle">').addClass(this.$element.prop("checked")?this._onstyle:this._offstyle+" off").addClass(b).addClass(this.options.style);this.$element.wrap(g),a.extend(this,{$toggle:this.$element.parent(),$toggleOn:c,$toggleOff:d,$toggleGroup:f}),this.$toggle.append(f);var h=this.options.width||Math.max(c.outerWidth(),d.outerWidth())+e.outerWidth()/2,i=this.options.height||Math.max(c.outerHeight(),d.outerHeight());c.addClass("toggle-on"),d.addClass("toggle-off"),this.$toggle.css({width:h,height:i}),this.options.height&&(c.css("line-height",c.height()+"px"),d.css("line-height",d.height()+"px")),this.update(!0),this.trigger(!0)},c.prototype.toggle=function(){this.$element.prop("checked")?this.off():this.on()},c.prototype.on=function(a){return this.$element.prop("disabled")?!1:(this.$toggle.removeClass(this._offstyle+" off").addClass(this._onstyle),this.$element.prop("checked",!0),void(a||this.trigger()))},c.prototype.off=function(a){return this.$element.prop("disabled")?!1:(this.$toggle.removeClass(this._onstyle).addClass(this._offstyle+" off"),this.$element.prop("checked",!1),void(a||this.trigger()))},c.prototype.enable=function(){this.$toggle.removeAttr("disabled"),this.$element.prop("disabled",!1)},c.prototype.disable=function(){this.$toggle.attr("disabled","disabled"),this.$element.prop("disabled",!0)},c.prototype.update=function(a){this.$element.prop("disabled")?this.disable():this.enable(),this.$element.prop("checked")?this.on(a):this.off(a)},c.prototype.trigger=function(b){this.$element.off("change.bs.toggle"),b||this.$element.change(),this.$element.on("change.bs.toggle",a.proxy(function(){this.update()},this))},c.prototype.destroy=function(){this.$element.off("change.bs.toggle"),this.$toggleGroup.remove(),this.$element.removeData("bs.toggle"),this.$element.unwrap()};var d=a.fn.bootstrapToggle;a.fn.bootstrapToggle=b,a.fn.bootstrapToggle.Constructor=c,a.fn.toggle.noConflict=function(){return a.fn.bootstrapToggle=d,this},a(function(){a("input[type=checkbox][data-toggle^=toggle]").bootstrapToggle()}),a(document).on("click.bs.toggle","div[data-toggle^=toggle]",function(b){var c=a(this).find("input[type=checkbox]");c.bootstrapToggle("toggle"),b.preventDefault()})}(jQuery);
+//# sourceMappingURL=bootstrap-toggle.min.js.map