header.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
  6. <title>Vesta - <?="$TAB"?> </title>
  7. <link rel="stylesheet" href="/css/styles.min.css">
  8. <link type="text/css" href="/css/jquery-custom-dialogs.css" rel="stylesheet" />
  9. <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
  10. <script type="text/javascript" src="/js/jquery.cookie.js"></script>
  11. <script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"></script>
  12. <script type="text/javascript" src="/js/events.js"></script>
  13. <script type="text/javascript">
  14. var checked=false;
  15. var frmname='';
  16. function checkedAll(frmname) {
  17. if ($('.l-unit.selected').length > 0) {
  18. $('.l-unit').removeClass("selected");
  19. $('.ch-toggle').attr("checked", false);
  20. $('.toggle-all').removeClass('clicked-on');
  21. }
  22. else {
  23. $('.l-unit').addClass("selected");
  24. $('.ch-toggle').attr("checked", true);
  25. $('.toggle-all').addClass('clicked-on');
  26. }
  27. }
  28. function doSearch(url) {
  29. var url = url || '/search/';
  30. var loc = url + '?q=' + $('.search-input').val();
  31. location.href = loc;
  32. return false;
  33. }
  34. </script>
  35. <script type="text/javascript">
  36. var search_activated = 0;
  37. var search_display_interval = 0;
  38. var search_hover_interval = 0;
  39. $(document).ready(function() {
  40. $('.l-sort__create-btn').hover(function(){
  41. $(".l-sort__create-btn").append("<div id='add-icon'></div>");
  42. $(".l-sort__create-btn").append("<div id='tooltip'>"+$('.l-sort__create-btn').attr('title').replace(' ','&nbsp;')+"</div>");
  43. }, function(){
  44. $("#add-icon").remove();
  45. $("#tooltip").remove();
  46. });
  47. $('.l-sort-toolbar__search').hover(function(){
  48. clearTimeout(search_display_interval);
  49. clearTimeout(search_hover_interval);
  50. search_display_interval = setTimeout(function(){$('.search-input').addClass('activated');}, 150);
  51. }, function(){
  52. clearTimeout(search_display_interval);
  53. clearTimeout(search_hover_interval);
  54. search_hover_interval = setTimeout(function(){
  55. if(!search_activated && !$(".search-input").val().length){
  56. $(".search-input").removeClass('activated');
  57. }
  58. }, 600);
  59. });
  60. $('.search-input').focus(function(){
  61. search_activated = 1;
  62. clearTimeout(search_hover_interval);
  63. });
  64. $('.search-input').blur(function(){
  65. search_activated = 0;
  66. clearTimeout(search_hover_interval);
  67. search_hover_interval = setTimeout(function(){
  68. if(!$(".search-input").val().length){
  69. $(".search-input").removeClass('activated');
  70. }
  71. }, 600);
  72. });
  73. if($('.movement.left').length){
  74. refresh_timer.right = $('.movement.right');
  75. refresh_timer.left = $('.movement.left');
  76. refresh_timer.start();
  77. $('.pause').click(function(){
  78. refresh_timer.stop();
  79. $('.pause').addClass('hidden');
  80. $('.play').removeClass('hidden');
  81. $('.refresh-timer').addClass('paused');
  82. });
  83. $('.play').click(function(){
  84. refresh_timer.start();
  85. $('.pause').removeClass('hidden');
  86. $('.play').addClass('hidden');
  87. $('.refresh-timer').removeClass('paused');
  88. });
  89. }
  90. });
  91. refresh_timer = {
  92. speed: 50,
  93. degr: 180,
  94. right: 0,
  95. left: 0,
  96. periodical: 0,
  97. first: 1,
  98. start: function(){
  99. this.periodical = setInterval(function(){refresh_timer.turn()}, this.speed);
  100. },
  101. stop: function(){
  102. clearTimeout(this.periodical);
  103. },
  104. turn: function(){
  105. this.degr += 1;
  106. if (this.first && this.degr >= 361){
  107. this.first = 0;
  108. this.degr = 180;
  109. this.left.css({'-webkit-transform': 'rotate(180deg)'});
  110. this.left.css({'transform': 'rotate(180deg)'});
  111. this.left.children('.loader-half').addClass('dark');
  112. }
  113. if (!this.first && this.degr >= 360){
  114. this.first = 1;
  115. this.degr = 180;
  116. this.left.css({'-webkit-transform': 'rotate(0deg)'});
  117. this.right.css({'-webkit-transform': 'rotate(180deg)'});
  118. this.left.css({'transform': 'rotate(0deg)'});
  119. this.right.css({'transform': 'rotate(180deg)'});
  120. this.left.children('.loader-half').removeClass('dark');
  121. this.stop();
  122. location.reload();
  123. }
  124. if (this.first){
  125. this.right.css({'-webkit-transform': 'rotate('+this.degr+'deg)'});
  126. this.right.css({'transform': 'rotate('+this.degr+'deg)'});
  127. }
  128. else{
  129. this.left.css({'-webkit-transform': 'rotate('+this.degr+'deg)'});
  130. this.left.css({'transform': 'rotate('+this.degr+'deg)'});
  131. }
  132. }
  133. }
  134. </script>
  135. <script language="text/javascript">
  136. $(document).ready(function(){
  137. $(".submenu-select-dropdown").each(function(){
  138. $(this).wrap( "<span class='submenu-select-wrapper'></span>" );
  139. $(this).after("<span class='holder'></span>");
  140. });
  141. $(".submenu-select-dropdown").change(function(){
  142. var selectedOption = $(this).find(":selected").text();
  143. $(this).next(".holder").text(selectedOption);
  144. }).trigger('change');
  145. $('.to-top').bind('click', function(evt) {
  146. $("html, body").animate({ scrollTop: 0 }, "normal");
  147. });
  148. })
  149. </script>
  150. <script type="text/javascript" src="/js/app.js"></script>
  151. <script type="text/javascript" src="/js/templates.js"></script>
  152. <script type="text/javascript" src="/js/i18n.js.php"></script>
  153. </head>
  154. <body class="body-<?=strtolower($TAB)?> lang-<?=$_SESSION['language']?>">