data/js/custom.js

0001 $(function() {
0002     "use strict";
0003
0004     $(".preloader").fadeOut();
0005     // this is for close icon when navigation open in mobile view

0006     $(".nav-toggler").on('click', function() {
0007         $("#main-wrapper").toggleClass("show-sidebar");
0008         $(".nav-toggler i").toggleClass("ti-menu");
0009     });
0010     $(".search-box a, .search-box .app-search .srh-btn").on('click', function() {
0011         $(".app-search").toggle(200);
0012         $(".app-search input").focus();
0013     });
0014
0015     // ==============================================================

0016     // Resize all elements

0017     // ==============================================================

0018     $("body, .page-wrapper").trigger("resize");
0019     $(".page-wrapper").delay(20).show();
0020
0021     //****************************

0022     /* This is for the mini-sidebar if width is less then 1170*/
0023     //****************************

0024     var setsidebartype = function() {
0025         var width = (window.innerWidth > 0) ? window.innerWidth : this.screen.width;
0026         if (width < 1170) {
0027             $("#main-wrapper").attr("data-sidebartype", "mini-sidebar");
0028         } else {
0029             $("#main-wrapper").attr("data-sidebartype", "full");
0030         }
0031     };
0032     $(window).ready(setsidebartype);
0033     $(window).on("resize", setsidebartype);
0034
0035 });