common.js 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. /*
  2. *
  3. * ADVANTAGE - Responsive Admin Theme
  4. * version 1.1
  5. *
  6. */
  7. $(window).on('load', function(){
  8. //Preloader
  9. setTimeout(function(){
  10. $('.preloader').fadeOut(400);
  11. }, 600);
  12. //Scroll for menu
  13. $(".gn-scroller").mCustomScrollbar({
  14. theme:"minimal",
  15. scrollInertia: 300
  16. });
  17. });
  18. $(function () {
  19. //Menu
  20. new gnMenu( document.getElementById( 'gn-menu' ) );
  21. //Refresh button
  22. $('.repeat-btn').click(function(e){
  23. var refreshBox = $(this).closest('div.content-box');
  24. $("<div class='refresh-preloader'><div class='la-timer la-dark'><div></div></div></div>").appendTo(refreshBox).fadeIn(300);
  25. setTimeout(function(){
  26. var refreshPreloader = refreshBox.find('.refresh-preloader'),
  27. deletedRefreshBox = refreshPreloader.fadeOut(300, function(){
  28. refreshPreloader.remove();
  29. });
  30. },1500);
  31. e.preventDefault();
  32. });
  33. //MetisMenu
  34. $('.metismenu').metisMenu();
  35. //Menu width on mobile devices
  36. function mobileMenuWidth() {
  37. $(".gn-menu-main ul.gn-menu").css("width", $(window).width() + "px");
  38. }
  39. if($(window).width() <= 422) {
  40. mobileMenuWidth();
  41. }
  42. //Waves effect on buttons
  43. Waves.attach('.waves', ['waves-float']);
  44. Waves.init();
  45. //Close Content Box
  46. $('.close-btn').click(function(e){
  47. var closedBox = $(this).closest('div.content-box').remove();
  48. e.preventDefault();
  49. });
  50. //Fullscreen mode
  51. function toggleFullScreen() {
  52. if (!document.fullscreenElement && // alternative standard method
  53. !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) { // current working methods
  54. if (document.documentElement.requestFullscreen) {
  55. document.documentElement.requestFullscreen();
  56. } else if (document.documentElement.msRequestFullscreen) {
  57. document.documentElement.msRequestFullscreen();
  58. } else if (document.documentElement.mozRequestFullScreen) {
  59. document.documentElement.mozRequestFullScreen();
  60. } else if (document.documentElement.webkitRequestFullscreen) {
  61. document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
  62. }
  63. } else {
  64. if (document.exitFullscreen) {
  65. document.exitFullscreen();
  66. } else if (document.msExitFullscreen) {
  67. document.msExitFullscreen();
  68. } else if (document.mozCancelFullScreen) {
  69. document.mozCancelFullScreen();
  70. } else if (document.webkitExitFullscreen) {
  71. document.webkitExitFullscreen();
  72. }
  73. }
  74. }
  75. $('.fullscreen').click(function(e){
  76. toggleFullScreen();
  77. $('.fullscreen i').toggleClass("mdi-fullscreen mdi-fullscreen-exit");
  78. e.preventDefault();
  79. });
  80. //Fixed gn-menu
  81. $('.fix-nav').click(function(e){
  82. if($(window).width() > 422) {
  83. if($(this).hasClass("selected")){
  84. $('.gn-menu-wrapper').removeClass("gn-open-fixed");
  85. $('.gn-menu-wrapper .fix-nav i').removeClass("mdi-pin-off").addClass("mdi-pin");
  86. $('.gn-menu-wrapper .fix-nav').removeClass("selected");
  87. $('body').removeClass("mini-nav");
  88. if (localStorageSupport) {
  89. localStorage.setItem("fixNav",'off');
  90. }
  91. } else{
  92. $('.gn-menu-wrapper').addClass("gn-open-fixed");
  93. $('.gn-menu-wrapper .fix-nav i').removeClass("mdi-pin").addClass("mdi-pin-off");
  94. $('.gn-menu-wrapper .fix-nav').addClass("selected");
  95. $('body').addClass("mini-nav");
  96. if (localStorageSupport) {
  97. localStorage.setItem("fixNav",'on');
  98. }
  99. }
  100. }
  101. e.preventDefault();
  102. });
  103. $(window).resize(function () {
  104. if($(window).width() <= 422) {
  105. mobileMenuWidth();
  106. $('.gn-menu-wrapper').removeClass("gn-open-fixed");
  107. $('body').removeClass("mini-nav");
  108. if (localStorageSupport) {
  109. localStorage.setItem("fixNav",'off');
  110. }
  111. }
  112. else{
  113. $(".gn-menu-main ul.gn-menu").css("width", 270 + "px");
  114. if($(".fix-nav").hasClass("selected")){
  115. $('.gn-menu-wrapper').addClass("gn-open-fixed");
  116. $('body').addClass("mini-nav");
  117. if (localStorageSupport) {
  118. localStorage.setItem("fixNav",'on');
  119. }
  120. }
  121. }
  122. });
  123. if($(window).width() > 422) {
  124. if (localStorageSupport) {
  125. var fixNav = localStorage.getItem("fixNav");
  126. if (fixNav == 'on') {
  127. $('.gn-menu-wrapper').addClass("gn-open-fixed");
  128. $('.gn-menu-wrapper .fix-nav i').removeClass("mdi-pin").addClass("mdi-pin-off");
  129. $('.gn-menu-wrapper .fix-nav').addClass("selected");
  130. $('body').addClass("mini-nav");
  131. }
  132. if (fixNav == 'off') {
  133. $('.gn-menu-wrapper').removeClass("gn-open-fixed");
  134. $('.gn-menu-wrapper .fix-nav i').removeClass("mdi-pin-off").addClass("mdi-pin");
  135. $('.gn-menu-wrapper .fix-nav').removeClass("selected");
  136. $('body').removeClass("mini-nav");
  137. }
  138. }
  139. }
  140. });
  141. // check if browser support HTML5 local storage
  142. function localStorageSupport() {
  143. return (('localStorage' in window) && window['localStorage'] !== null)
  144. }