Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
revealability
/
panel
/
assets
/
js
:
app.js
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/* Template Name: Zoter - Bootstrap 4 Admin Dashboard Author: Mannatthemes Website: www.mannatthemes.com File: Main js */ !function ($) { "use strict"; var MainApp = function () { this.$body = $("body"), this.$wrapper = $("#wrapper"), this.$btnFullScreen = $("#btn-fullscreen"), this.$leftMenuButton = $('.button-menu-mobile'), this.$menuItem = $('.has_sub > a') }; //scroll MainApp.prototype.initNicescroll = function () { $('.niceScrollleft').niceScroll({ height: 'auto', position: 'right', scrollspeed: 40, cursorcolor:'#ddd', cursorwidth:'8px', }); }, //left menu MainApp.prototype.initLeftMenuCollapse = function () { var $this = this; this.$leftMenuButton.on('click', function (event) { event.preventDefault(); $this.$body.toggleClass("fixed-left-void"); $this.$wrapper.toggleClass("enlarged"); }); }, //left menu MainApp.prototype.initComponents = function () { $('[data-toggle="tooltip"]').tooltip(); $('[data-toggle="popover"]').popover(); }, //full screen MainApp.prototype.initFullScreen = function () { var $this = this; $this.$btnFullScreen.on("click", function (e) { e.preventDefault(); if (!document.fullscreenElement && /* alternative standard method */ !document.mozFullScreenElement && !document.webkitFullscreenElement) { // current working methods if (document.documentElement.requestFullscreen) { document.documentElement.requestFullscreen(); } else if (document.documentElement.mozRequestFullScreen) { document.documentElement.mozRequestFullScreen(); } else if (document.documentElement.webkitRequestFullscreen) { document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); } } else { if (document.cancelFullScreen) { document.cancelFullScreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } } }); }, //full screen MainApp.prototype.initMenu = function () { var $this = this; $this.$menuItem.on('click', function () { var parent = $(this).parent(); var sub = parent.find('> ul'); if (!$this.$body.hasClass('sidebar-collapsed')) { if (sub.is(':visible')) { sub.slideUp(300, function () { parent.removeClass('nav-active'); $('.body-content').css({height: ''}); adjustMainContentHeight(); }); } else { visibleSubMenuClose(); parent.addClass('nav-active'); sub.slideDown(300, function () { adjustMainContentHeight(); }); } } return false; }); //inner functions function visibleSubMenuClose() { $('.has_sub').each(function () { var t = $(this); if (t.hasClass('nav-active')) { t.find('> ul').slideUp(300, function () { t.removeClass('nav-active'); }); } }); } function adjustMainContentHeight() { // Adjust main content height var docHeight = $(document).height(); if (docHeight > $('.body-content').height()) $('.body-content').height(docHeight); } }, MainApp.prototype.activateMenuItem = function () { // === following js will activate the menu in left side bar based on url ==== $("#sidebar-menu a").each(function () { if (this.href == window.location.href) { $(this).addClass("active"); $(this).parent().addClass("active"); // add active to li of the current link $(this).parent().parent().prev().addClass("active"); // add active class to an anchor $(this).parent().parent().parent().addClass("active"); // add active class to an anchor $(this).parent().parent().prev().click(); // click the item to make it drop } }); }, MainApp.prototype.Preloader = function () { $(window).load(function() { $('#status').fadeOut(); $('#preloader').delay(350).fadeOut('slow'); $('body').delay(350).css({ 'overflow': 'visible' }); }); }, MainApp.prototype.init = function () { this.initNicescroll(); this.initLeftMenuCollapse(); this.initComponents(); this.initFullScreen(); this.initMenu(); this.activateMenuItem(); this.Preloader(); }, //init $.MainApp = new MainApp, $.MainApp.Constructor = MainApp }(window.jQuery), //initializing function ($) { "use strict"; $.MainApp.init(); }(window.jQuery);