added admin interface
This commit is contained in:
kicap1992
321
admin/assets/js/common.js
Normal file
321
admin/assets/js/common.js
Normal file
@ -0,0 +1,321 @@
|
||||
$(function() {
|
||||
"use strict";
|
||||
skinChanger();
|
||||
initSparkline();
|
||||
CustomJs();
|
||||
|
||||
setTimeout(function() {
|
||||
$('.page-loader-wrapper').fadeOut();
|
||||
}, 50);
|
||||
|
||||
});
|
||||
|
||||
// Sparkline
|
||||
function initSparkline() {
|
||||
$(".sparkline").each(function() {
|
||||
var $this = $(this);
|
||||
$this.sparkline('html', $this.data());
|
||||
});
|
||||
}
|
||||
//Skin changer
|
||||
function skinChanger() {
|
||||
$('.choose-skin li').on('click', function() {
|
||||
var $body = $('body');
|
||||
var $this = $(this);
|
||||
|
||||
var existTheme = $('.choose-skin li.active').data('theme');
|
||||
|
||||
$('.choose-skin li').removeClass('active');
|
||||
$body.removeClass('theme-' + existTheme);
|
||||
$this.addClass('active');
|
||||
var newTheme = $('.choose-skin li.active').data('theme');
|
||||
$body.addClass('theme-' + $this.data('theme'));
|
||||
var darkLogo = "../assets/images/icon-dark.svg";
|
||||
var lightLogo = "../assets/images/icon-light.svg";
|
||||
if(newTheme == 'orange' || newTheme == 'purple' || newTheme == 'green'){
|
||||
$('#left-sidebar .navbar-brand .logo').attr('src', darkLogo);
|
||||
}
|
||||
else{
|
||||
$('#left-sidebar .navbar-brand .logo').attr('src', lightLogo);
|
||||
}
|
||||
});
|
||||
}
|
||||
// All custom js
|
||||
function CustomJs() {
|
||||
|
||||
// sidebar navigation
|
||||
$('#main-menu').metisMenu();
|
||||
|
||||
// sidebar nav scrolling
|
||||
// $('#left-sidebar .sidebar-scroll').slimScroll({
|
||||
// height: 'calc(100vh - 65px)',
|
||||
// wheelStep: 10,
|
||||
// touchScrollStep: 50,
|
||||
// color: '#efefef',
|
||||
// size: '2px',
|
||||
// borderRadius: '3px',
|
||||
// alwaysVisible: false,
|
||||
// position: 'right',
|
||||
// });
|
||||
|
||||
// cwidget scroll
|
||||
$('.cwidget-scroll').slimScroll({
|
||||
height: '320px',
|
||||
wheelStep: 10,
|
||||
touchScrollStep: 50,
|
||||
color: '#efefef',
|
||||
size: '2px',
|
||||
borderRadius: '3px',
|
||||
alwaysVisible: false,
|
||||
position: 'right',
|
||||
});
|
||||
|
||||
// toggle fullwidth layout
|
||||
$('.btn-toggle-fullwidth').on('click', function() {
|
||||
if(!$('body').hasClass('layout-fullwidth')) {
|
||||
$('body').addClass('layout-fullwidth');
|
||||
$(this).find(".fa").toggleClass('fa-arrow-left fa-arrow-right');
|
||||
|
||||
} else {
|
||||
$('body').removeClass('layout-fullwidth');
|
||||
$(this).find(".fa").toggleClass('fa-arrow-left fa-arrow-right');
|
||||
}
|
||||
});
|
||||
|
||||
// off-canvas menu toggle
|
||||
$('.btn-toggle-offcanvas').on('click', function() {
|
||||
$('body').toggleClass('offcanvas-active');
|
||||
});
|
||||
|
||||
$('#main-content').on('click', function() {
|
||||
$('body').removeClass('offcanvas-active');
|
||||
});
|
||||
|
||||
$('.right_toggle, .overlay').on('click', function() {
|
||||
$('#rightbar').toggleClass('open');
|
||||
$('.overlay').toggleClass('open');
|
||||
});
|
||||
|
||||
// adding effect dropdown menu
|
||||
$('.dropdown').on('show.bs.dropdown', function() {
|
||||
$(this).find('.dropdown-menu').first().stop(true, true).animate({
|
||||
top: '100%'
|
||||
}, 200);
|
||||
});
|
||||
|
||||
$('.dropdown').on('hide.bs.dropdown', function() {
|
||||
$(this).find('.dropdown-menu').first().stop(true, true).animate({
|
||||
top: '80%'
|
||||
}, 200);
|
||||
});
|
||||
|
||||
// navbar search form
|
||||
$('.navbar-form.search-form input[type="text"]')
|
||||
.on('focus', function() {
|
||||
$(this).animate({
|
||||
width: '+=50px'
|
||||
}, 300);
|
||||
})
|
||||
.on('focusout', function() {
|
||||
$(this).animate({
|
||||
width: '-=50px'
|
||||
}, 300);
|
||||
});
|
||||
|
||||
// Bootstrap tooltip init
|
||||
if($('[data-toggle="tooltip"]').length > 0) {
|
||||
$('[data-toggle="tooltip"]').tooltip();
|
||||
}
|
||||
|
||||
if($('[data-toggle="popover"]').length > 0) {
|
||||
$('[data-toggle="popover"]').popover();
|
||||
}
|
||||
|
||||
$(window).on('load', function() {
|
||||
// for shorter main content
|
||||
if($('#main-content').height() < $('#left-sidebar').height()) {
|
||||
$('#main-content').css('min-height', $('#left-sidebar').innerHeight() - $('footer').innerHeight());
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('load resize', function() {
|
||||
if($(window).innerWidth() < 420) {
|
||||
$('.navbar-brand logo.svg').attr('src', '../assets/images/icon-light.svg');
|
||||
} else {
|
||||
$('.navbar-brand icon-light.svg').attr('src', '../assets/images/logo.svg');
|
||||
}
|
||||
});
|
||||
|
||||
// Wait card Js
|
||||
$('[data-toggle="cardloading"]').on('click', function () {
|
||||
var effect = $(this).data('loadingEffect');
|
||||
var $loading = $(this).parents('.card').waitMe({
|
||||
effect: effect,
|
||||
text: 'Loading...',
|
||||
bg: 'rgba(255,255,255,0.90)',
|
||||
color: '#555'
|
||||
});
|
||||
|
||||
setTimeout(function () {
|
||||
//Loading hide
|
||||
$loading.waitMe('hide');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
// Full screen class
|
||||
$('.full-screen').on('click', function() {
|
||||
$(this).parents('.card').toggleClass('fullscreen');
|
||||
});
|
||||
|
||||
// Select all checkbox
|
||||
$('.check-all').on('click',function(){
|
||||
|
||||
if(this.checked){
|
||||
$(this).parents('.check-all-parent').find('.checkbox-tick').each(function(){
|
||||
this.checked = true;
|
||||
});
|
||||
}else{
|
||||
$(this).parents('.check-all-parent').find('.checkbox-tick').each(function(){
|
||||
this.checked = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$('.checkbox-tick').on('click',function(){
|
||||
if($(this).parents('.check-all-parent').find('.checkbox-tick:checked').length == $(this).parents('.check-all-parent').find('.checkbox-tick').length){
|
||||
$(this).parents('.check-all-parent').find('.check-all').prop('checked',true);
|
||||
}else{
|
||||
$(this).parents('.check-all-parent').find('.check-all').prop('checked',false);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
// toggle function
|
||||
$.fn.clickToggle = function( f1, f2 ) {
|
||||
return this.each( function() {
|
||||
var clicked = false;
|
||||
$(this).bind('click', function() {
|
||||
if(clicked) {
|
||||
clicked = false;
|
||||
return f2.apply(this, arguments);
|
||||
}
|
||||
|
||||
clicked = true;
|
||||
return f1.apply(this, arguments);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
window.hexabit= {
|
||||
colors: {
|
||||
'blue': '#467fcf',
|
||||
'blue-darkest': '#0e1929',
|
||||
'blue-darker': '#1c3353',
|
||||
'blue-dark': '#3866a6',
|
||||
'blue-light': '#7ea5dd',
|
||||
'blue-lighter': '#c8d9f1',
|
||||
'blue-lightest': '#edf2fa',
|
||||
'azure': '#45aaf2',
|
||||
'azure-darkest': '#0e2230',
|
||||
'azure-darker': '#1c4461',
|
||||
'azure-dark': '#3788c2',
|
||||
'azure-light': '#7dc4f6',
|
||||
'azure-lighter': '#c7e6fb',
|
||||
'azure-lightest': '#ecf7fe',
|
||||
'indigo': '#6574cd',
|
||||
'indigo-darkest': '#141729',
|
||||
'indigo-darker': '#282e52',
|
||||
'indigo-dark': '#515da4',
|
||||
'indigo-light': '#939edc',
|
||||
'indigo-lighter': '#d1d5f0',
|
||||
'indigo-lightest': '#f0f1fa',
|
||||
'purple': '#a55eea',
|
||||
'purple-darkest': '#21132f',
|
||||
'purple-darker': '#42265e',
|
||||
'purple-dark': '#844bbb',
|
||||
'purple-light': '#c08ef0',
|
||||
'purple-lighter': '#e4cff9',
|
||||
'purple-lightest': '#f6effd',
|
||||
'pink': '#f66d9b',
|
||||
'pink-darkest': '#31161f',
|
||||
'pink-darker': '#622c3e',
|
||||
'pink-dark': '#c5577c',
|
||||
'pink-light': '#f999b9',
|
||||
'pink-lighter': '#fcd3e1',
|
||||
'pink-lightest': '#fef0f5',
|
||||
'red': '#e74c3c',
|
||||
'red-darkest': '#2e0f0c',
|
||||
'red-darker': '#5c1e18',
|
||||
'red-dark': '#b93d30',
|
||||
'red-light': '#ee8277',
|
||||
'red-lighter': '#f8c9c5',
|
||||
'red-lightest': '#fdedec',
|
||||
'orange': '#fd9644',
|
||||
'orange-darkest': '#331e0e',
|
||||
'orange-darker': '#653c1b',
|
||||
'orange-dark': '#ca7836',
|
||||
'orange-light': '#feb67c',
|
||||
'orange-lighter': '#fee0c7',
|
||||
'orange-lightest': '#fff5ec',
|
||||
'yellow': '#f1c40f',
|
||||
'yellow-darkest': '#302703',
|
||||
'yellow-darker': '#604e06',
|
||||
'yellow-dark': '#c19d0c',
|
||||
'yellow-light': '#f5d657',
|
||||
'yellow-lighter': '#fbedb7',
|
||||
'yellow-lightest': '#fef9e7',
|
||||
'lime': '#7bd235',
|
||||
'lime-darkest': '#192a0b',
|
||||
'lime-darker': '#315415',
|
||||
'lime-dark': '#62a82a',
|
||||
'lime-light': '#a3e072',
|
||||
'lime-lighter': '#d7f2c2',
|
||||
'lime-lightest': '#f2fbeb',
|
||||
'green': '#5eba00',
|
||||
'green-darkest': '#132500',
|
||||
'green-darker': '#264a00',
|
||||
'green-dark': '#4b9500',
|
||||
'green-light': '#8ecf4d',
|
||||
'green-lighter': '#cfeab3',
|
||||
'green-lightest': '#eff8e6',
|
||||
'teal': '#2bcbba',
|
||||
'teal-darkest': '#092925',
|
||||
'teal-darker': '#11514a',
|
||||
'teal-dark': '#22a295',
|
||||
'teal-light': '#6bdbcf',
|
||||
'teal-lighter': '#bfefea',
|
||||
'teal-lightest': '#eafaf8',
|
||||
'cyan': '#17a2b8',
|
||||
'cyan-darkest': '#052025',
|
||||
'cyan-darker': '#09414a',
|
||||
'cyan-dark': '#128293',
|
||||
'cyan-light': '#5dbecd',
|
||||
'cyan-lighter': '#b9e3ea',
|
||||
'cyan-lightest': '#e8f6f8',
|
||||
'gray': '#868e96',
|
||||
'gray-darkest': '#1b1c1e',
|
||||
'gray-darker': '#36393c',
|
||||
'gray-dark': '#6b7278',
|
||||
'gray-light': '#aab0b6',
|
||||
'gray-lighter': '#dbdde0',
|
||||
'gray-lightest': '#f3f4f5',
|
||||
'gray-dark': '#343a40',
|
||||
'gray-dark-darkest': '#0a0c0d',
|
||||
'gray-dark-darker': '#15171a',
|
||||
'gray-dark-dark': '#2a2e33',
|
||||
'gray-dark-light': '#717579',
|
||||
'gray-dark-lighter': '#c2c4c6',
|
||||
'gray-dark-lightest': '#ebebec'
|
||||
}
|
||||
};
|
||||
|
||||
// Wraptheme Website live chat widget js please remove on your project
|
||||
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
|
||||
(function(){
|
||||
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
|
||||
s1.async=true;
|
||||
s1.src='https://embed.tawk.to/5c6d4867f324050cfe342c69/default';
|
||||
s1.charset='UTF-8';
|
||||
s1.setAttribute('crossorigin','*');
|
||||
s0.parentNode.insertBefore(s1,s0);
|
||||
})();
|
||||
Reference in New Issue
Block a user