common.js 5.0 KB

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