mirror of
https://github.com/usmannasir/cyberpanel.git
synced 2025-11-07 22:06:05 +01:00
142 lines
4.4 KiB
JavaScript
Executable File
142 lines
4.4 KiB
JavaScript
Executable File
$(document).ready(function() {
|
|
|
|
body_sizer();
|
|
|
|
$("div[id='#fixed-sidebar']").on('click', function() {
|
|
|
|
if ($(this).hasClass("switch-on")) {
|
|
var windowHeight = $(window).height();
|
|
var headerHeight = $('#page-header').height();
|
|
var contentHeight = windowHeight - headerHeight;
|
|
|
|
$('#page-sidebar').css('height', contentHeight);
|
|
$('.scroll-sidebar').css('height', contentHeight);
|
|
|
|
$('.scroll-sidebar').slimscroll({
|
|
height: '100%',
|
|
color: 'rgba(155, 164, 169, 0.68)',
|
|
size: '6px'
|
|
});
|
|
|
|
var headerBg = $('#page-header').attr('class');
|
|
$('#header-logo').addClass(headerBg);
|
|
|
|
} else {
|
|
var windowHeight = $(document).height();
|
|
var headerHeight = $('#page-header').height();
|
|
var contentHeight = windowHeight - headerHeight;
|
|
|
|
$('#page-sidebar').css('height', contentHeight);
|
|
$('.scroll-sidebar').css('height', contentHeight);
|
|
|
|
$(".scroll-sidebar").slimScroll({
|
|
destroy: true
|
|
});
|
|
|
|
$('#header-logo').removeClass('bg-gradient-9');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
$(window).on('resize', function() {
|
|
body_sizer();
|
|
});
|
|
|
|
function body_sizer() {
|
|
|
|
if ($('body').hasClass('fixed-sidebar')) {
|
|
|
|
var windowHeight = $(window).height();
|
|
var headerHeight = $('#page-header').height();
|
|
var contentHeight = windowHeight - headerHeight;
|
|
|
|
$('#page-sidebar').css('height', contentHeight);
|
|
$('.scroll-sidebar').css('height', contentHeight);
|
|
$('#page-content').css('min-height', contentHeight);
|
|
|
|
} else {
|
|
|
|
var windowHeight = $(document).height();
|
|
var headerHeight = $('#page-header').height();
|
|
var contentHeight = windowHeight - headerHeight;
|
|
|
|
$('#page-sidebar').css('height', contentHeight);
|
|
$('.scroll-sidebar').css('height', contentHeight);
|
|
$('#page-content').css('min-height', contentHeight);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
function pageTransitions() {
|
|
|
|
var transitions = ['.pt-page-moveFromLeft', 'pt-page-moveFromRight', 'pt-page-moveFromTop', 'pt-page-moveFromBottom', 'pt-page-fade', 'pt-page-moveFromLeftFade', 'pt-page-moveFromRightFade', 'pt-page-moveFromTopFade', 'pt-page-moveFromBottomFade', 'pt-page-scaleUp', 'pt-page-scaleUpCenter', 'pt-page-flipInLeft', 'pt-page-flipInRight', 'pt-page-flipInBottom', 'pt-page-flipInTop', 'pt-page-rotatePullRight', 'pt-page-rotatePullLeft', 'pt-page-rotatePullTop', 'pt-page-rotatePullBottom', 'pt-page-rotateUnfoldLeft', 'pt-page-rotateUnfoldRight', 'pt-page-rotateUnfoldTop', 'pt-page-rotateUnfoldBottom'];
|
|
for (var i in transitions) {
|
|
var transition_name = transitions[i];
|
|
if ($('.add-transition').hasClass(transition_name)) {
|
|
|
|
$('.add-transition').addClass(transition_name + '-init page-transition');
|
|
|
|
setTimeout(function() {
|
|
$('.add-transition').removeClass(transition_name + ' ' + transition_name + '-init page-transition');
|
|
}, 1200);
|
|
return;
|
|
}
|
|
}
|
|
|
|
};
|
|
|
|
$(document).ready(function() {
|
|
|
|
pageTransitions();
|
|
|
|
// ADD SLIDEDOWN ANIMATION TO DROPDOWN //
|
|
$('.dropdown').on('show.bs.dropdown', function(e){
|
|
$(this).find('.dropdown-menu').first().stop(true, true).slideDown();
|
|
});
|
|
|
|
// ADD SLIDEUP ANIMATION TO DROPDOWN //
|
|
$('.dropdown').on('hide.bs.dropdown', function(e){
|
|
$(this).find('.dropdown-menu').first().stop(true, true).slideUp();
|
|
});
|
|
|
|
/* Sidebar menu */
|
|
$(function() {
|
|
|
|
$('#sidebar-menu').superclick({
|
|
animation: {
|
|
height: 'show'
|
|
},
|
|
animationOut: {
|
|
height: 'hide'
|
|
}
|
|
});
|
|
|
|
//automatically open the current path
|
|
var path = window.location.pathname.split('/');
|
|
path = path[path.length-1];
|
|
if (path !== undefined) {
|
|
$("#sidebar-menu").find("a[href$='" + path + "']").addClass('sfActive');
|
|
$("#sidebar-menu").find("a[href$='" + path + "']").parents().eq(3).superclick('show');
|
|
}
|
|
|
|
});
|
|
|
|
/* Colapse sidebar */
|
|
$(function() {
|
|
|
|
$('#close-sidebar').click(function() {
|
|
$('body').toggleClass('closed-sidebar');
|
|
$('.glyph-icon', this).toggleClass('icon-angle-right').toggleClass('icon-angle-left');
|
|
});
|
|
|
|
});
|
|
|
|
/* Sidebar scroll */
|
|
|
|
|
|
|
|
}); |