pushing dockerfile
This commit is contained in:
406
assets/js/kaiadmin.js
Normal file
406
assets/js/kaiadmin.js
Normal file
@@ -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');
|
||||
}
|
||||
})
|
||||
|
Reference in New Issue
Block a user