header.html 6.1 KB

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