common.js 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. /*
  2. *
  3. * ADVANTAGE - Responsive Admin Theme
  4. * version 1.1
  5. *
  6. */
  7. var datetime = null,
  8. date = null;
  9. var update = function () {
  10. date = moment(new Date())
  11. datetime.html(date.format('h:mm A'));
  12. };
  13. $(window).on('load', function(){
  14. //Preloader
  15. setTimeout(function(){
  16. $('.preloader').fadeOut(400);
  17. }, 600);
  18. //Scroll for menu
  19. $(".gn-scroller").mCustomScrollbar({
  20. theme:"minimal",
  21. scrollInertia: 300
  22. });
  23. });
  24. $(function () {
  25. //Menu
  26. new gnMenu( document.getElementById( 'gn-menu' ) );
  27. //Choose Language
  28. [].slice.call( document.querySelectorAll( 'select.cs-select' ) ).forEach( function(el) {
  29. new SelectFx(el);
  30. } );
  31. //Refresh button
  32. $('.repeat-btn').click(function(e){
  33. var refreshBox = $(this).closest('div.content-box');
  34. $("<div class='refresh-preloader'><div class='la-timer la-dark'><div></div></div></div>").appendTo(refreshBox).fadeIn(300);
  35. setTimeout(function(){
  36. var refreshPreloader = refreshBox.find('.refresh-preloader'),
  37. deletedRefreshBox = refreshPreloader.fadeOut(300, function(){
  38. refreshPreloader.remove();
  39. });
  40. },1500);
  41. e.preventDefault();
  42. });
  43. //MetisMenu
  44. $('.metismenu').metisMenu();
  45. //Menu width on mobile devices
  46. function mobileMenuWidth() {
  47. $(".gn-menu-main ul.gn-menu").css("width", $(window).width() + "px");
  48. }
  49. if($(window).width() <= 422) {
  50. mobileMenuWidth();
  51. }
  52. //Smooth scrolling for body
  53. /*$("body").niceScroll({
  54. railpadding: {top:56,right:0,left:0,bottom:0},
  55. scrollspeed: 30,
  56. mousescrollstep: 60
  57. });*/
  58. //Waves effect on buttons
  59. Waves.attach('.waves', ['waves-float']);
  60. Waves.init();
  61. //Current Date
  62. var dt = new Date(),
  63. year = dt.getFullYear(),
  64. months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
  65. month = dt.getMonth(),
  66. days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
  67. day = dt.getDay(),
  68. date = dt.getDate();
  69. $('.year').append(year);
  70. $('.month').append(months[month]);
  71. $('.weekday').append(days[day]);
  72. $('.date').append(date);
  73. //Current Time
  74. datetime = $('.current-time')
  75. update();
  76. setInterval(update, 60000);
  77. //Close Content Box
  78. $('.close-btn').click(function(e){
  79. var closedBox = $(this).closest('div.content-box').remove();
  80. e.preventDefault();
  81. });
  82. //Fullscreen mode
  83. function toggleFullScreen() {
  84. if (!document.fullscreenElement && // alternative standard method
  85. !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) { // current working methods
  86. if (document.documentElement.requestFullscreen) {
  87. document.documentElement.requestFullscreen();
  88. } else if (document.documentElement.msRequestFullscreen) {
  89. document.documentElement.msRequestFullscreen();
  90. } else if (document.documentElement.mozRequestFullScreen) {
  91. document.documentElement.mozRequestFullScreen();
  92. } else if (document.documentElement.webkitRequestFullscreen) {
  93. document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
  94. }
  95. } else {
  96. if (document.exitFullscreen) {
  97. document.exitFullscreen();
  98. } else if (document.msExitFullscreen) {
  99. document.msExitFullscreen();
  100. } else if (document.mozCancelFullScreen) {
  101. document.mozCancelFullScreen();
  102. } else if (document.webkitExitFullscreen) {
  103. document.webkitExitFullscreen();
  104. }
  105. }
  106. }
  107. $('.fullscreen').click(function(e){
  108. toggleFullScreen();
  109. $('.fullscreen i').toggleClass("mdi-fullscreen mdi-fullscreen-exit");
  110. e.preventDefault();
  111. });
  112. // Full height of content
  113. //$('#content').css("height", $(window).height() - 56 + "px" );
  114. //$("div").find(".iframe").css("height", $(window).height() - 56 + "px" );
  115. //Fixed gn-menu
  116. $('.fix-nav').click(function(e){
  117. if($(window).width() > 422) {
  118. if($(this).hasClass("selected")){
  119. $('.gn-menu-wrapper').removeClass("gn-open-fixed");
  120. $('.gn-menu-wrapper .fix-nav i').removeClass("mdi-pin-off").addClass("mdi-pin");
  121. $('.gn-menu-wrapper .fix-nav').removeClass("selected");
  122. $('body').removeClass("mini-nav");
  123. if (localStorageSupport) {
  124. localStorage.setItem("fixNav",'off');
  125. }
  126. } else{
  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. if (localStorageSupport) {
  132. localStorage.setItem("fixNav",'on');
  133. }
  134. }
  135. }
  136. e.preventDefault();
  137. });
  138. $(window).resize(function () {
  139. if($(window).width() <= 422) {
  140. mobileMenuWidth();
  141. $('.gn-menu-wrapper').removeClass("gn-open-fixed");
  142. $('body').removeClass("mini-nav");
  143. if (localStorageSupport) {
  144. localStorage.setItem("fixNav",'off');
  145. }
  146. }
  147. else{
  148. $(".gn-menu-main ul.gn-menu").css("width", 270 + "px");
  149. if($(".fix-nav").hasClass("selected")){
  150. $('.gn-menu-wrapper').addClass("gn-open-fixed");
  151. $('body').addClass("mini-nav");
  152. if (localStorageSupport) {
  153. localStorage.setItem("fixNav",'on');
  154. }
  155. }
  156. }
  157. });
  158. if($(window).width() > 422) {
  159. if (localStorageSupport) {
  160. var fixNav = localStorage.getItem("fixNav");
  161. if (fixNav == 'on') {
  162. $('.gn-menu-wrapper').addClass("gn-open-fixed");
  163. $('.gn-menu-wrapper .fix-nav i').removeClass("mdi-pin").addClass("mdi-pin-off");
  164. $('.gn-menu-wrapper .fix-nav').addClass("selected");
  165. $('body').addClass("mini-nav");
  166. }
  167. if (fixNav == 'off') {
  168. $('.gn-menu-wrapper').removeClass("gn-open-fixed");
  169. $('.gn-menu-wrapper .fix-nav i').removeClass("mdi-pin-off").addClass("mdi-pin");
  170. $('.gn-menu-wrapper .fix-nav').removeClass("selected");
  171. $('body').removeClass("mini-nav");
  172. }
  173. }
  174. }
  175. });
  176. // check if browser support HTML5 local storage
  177. function localStorageSupport() {
  178. return (('localStorage' in window) && window['localStorage'] !== null)
  179. }