header.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
  5. <title>Vesta - <?php echo "$TAB"; ?> </title>
  6. <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  7. <link type="text/css" href="/css/main.css?ver=1407230838" rel="stylesheet" />
  8. <!--[if IE 7]>
  9. <link rel="stylesheet" type="text/css" href="/css/ie.css" />
  10. <style type="text/css">
  11. .data-col1 a {
  12. white-space: nowrap;
  13. }
  14. .submenu-button-block {
  15. width: 120px;
  16. }
  17. .submenu-search-block {
  18. width:369px;
  19. }
  20. .submenu-select-block {
  21. width:239px;
  22. }
  23. .submenu-select-dropdown {
  24. position: relative;
  25. top: 2px;
  26. }
  27. </style>
  28. <![endif]-->
  29. <link type="text/css" href="/css/jquery-custom-dialogs.css" rel="stylesheet" />
  30. <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
  31. <script type="text/javascript" src="/js/jquery.cookie.js"></script>
  32. <script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"></script>
  33. <script type="text/javascript" src="/js/events.js"></script>
  34. <script type="text/javascript">
  35. var checked=false;
  36. var frmname='';
  37. function checkedAll(frmname) {
  38. if ($('.selected').length > 0) {
  39. $('.data-row').removeClass("selected");
  40. $('.ch-toggle').attr("checked", false);
  41. }
  42. else {
  43. $('.data-row').addClass("selected");
  44. $('.ch-toggle').attr("checked", true);
  45. }
  46. }
  47. </script>
  48. <script type="text/javascript">
  49. $(document).ready(function() {
  50. var nav = $('.top');
  51. var nav = $('.top');
  52. var lastScrollTop = 0;
  53. $(window).scroll(function () {
  54. var st = $(this).scrollTop();
  55. if (st > 27 ) {
  56. nav.addClass("small-logo");
  57. }
  58. else{
  59. nav.removeClass("small-logo");
  60. }
  61. if (st > lastScrollTop) {
  62. if ($(this).scrollTop() > 58) {
  63. nav.addClass("small");
  64. }
  65. }
  66. else {
  67. if ($(this).scrollTop() < 58) {
  68. nav.removeClass("small");
  69. }
  70. }
  71. lastScrollTop = st;
  72. });
  73. /*$('#vstobjects').bind('click', function(evt) { // observe change event on whole div#vstobjects
  74. console.log(evt);
  75. var elm = evt.target; // grab element on which user clicked
  76. document.getSelection().removeAllRanges();
  77. if($(elm).hasClass('data-controls') || $(elm).parents('.data-controls')[0]){
  78. return;
  79. }
  80. var parent = $(elm).hasClass('data-row') ? $(elm) : $(elm).parents('.data-row'); // check if outer element is row container and get it
  81. if (!$(parent).hasClass('selected')) {
  82. if (evt.shiftKey === false && evt.ctrlKey === false) {
  83. $('#vstobjects').find('.selected').each(function(i, o) {
  84. $(o).find('.ch-toggle').attr('checked', false);
  85. $(o).removeClass('selected');
  86. });
  87. }
  88. parent.addClass('selected'); // add class
  89. parent.find('.ch-toggle').attr('checked', true);
  90. parent.find('.ch-toggle').focus();
  91. // another actions on checked row
  92. }
  93. else {
  94. parent.removeClass('selected'); // remove class
  95. parent.find('.ch-toggle').attr('checked', false);
  96. parent.find('.ch-toggle').focus();
  97. // another actions on unchecked row
  98. }
  99. });*/
  100. if($('.movement.left').length){
  101. refresh_timer.right = $('.movement.right');
  102. refresh_timer.left = $('.movement.left');
  103. refresh_timer.start();
  104. $('.pause').click(function(){
  105. refresh_timer.stop();
  106. $('.pause').addClass('hidden');
  107. $('.play').removeClass('hidden');
  108. $('.refresh-timer').addClass('paused');
  109. });
  110. $('.play').click(function(){
  111. refresh_timer.start();
  112. $('.pause').removeClass('hidden');
  113. $('.play').addClass('hidden');
  114. $('.refresh-timer').removeClass('paused');
  115. });
  116. }
  117. });
  118. refresh_timer = {
  119. speed: 50,
  120. degr: 180,
  121. right: 0,
  122. left: 0,
  123. periodical: 0,
  124. first: 1,
  125. start: function(){
  126. this.periodical = setInterval(function(){refresh_timer.turn()}, this.speed);
  127. },
  128. stop: function(){
  129. clearTimeout(this.periodical);
  130. },
  131. turn: function(){
  132. this.degr += 1;
  133. if (this.first && this.degr >= 361){
  134. this.first = 0;
  135. this.degr = 180;
  136. this.left.css({'-webkit-transform': 'rotate(180deg)'});
  137. this.left.css({'transform': 'rotate(180deg)'});
  138. this.left.children('.loader-half').addClass('dark');
  139. }
  140. if (!this.first && this.degr >= 360){
  141. this.first = 1;
  142. this.degr = 180;
  143. this.left.css({'-webkit-transform': 'rotate(0deg)'});
  144. this.right.css({'-webkit-transform': 'rotate(180deg)'});
  145. this.left.css({'transform': 'rotate(0deg)'});
  146. this.right.css({'transform': 'rotate(180deg)'});
  147. this.left.children('.loader-half').removeClass('dark');
  148. this.stop();
  149. location.reload();
  150. }
  151. if (this.first){
  152. this.right.css({'-webkit-transform': 'rotate('+this.degr+'deg)'});
  153. this.right.css({'transform': 'rotate('+this.degr+'deg)'});
  154. }
  155. else{
  156. this.left.css({'-webkit-transform': 'rotate('+this.degr+'deg)'});
  157. this.left.css({'transform': 'rotate('+this.degr+'deg)'});
  158. }
  159. }
  160. }
  161. </script>
  162. <script language="JavaScript">
  163. $(document).ready(function(){
  164. $(".submenu-select-dropdown").each(function(){
  165. $(this).wrap( "<span class='submenu-select-wrapper'></span>" );
  166. $(this).after("<span class='holder'></span>");
  167. });
  168. $(".submenu-select-dropdown").change(function(){
  169. var selectedOption = $(this).find(":selected").text();
  170. $(this).next(".holder").text(selectedOption);
  171. }).trigger('change');
  172. })
  173. </script>
  174. <script type="text/javascript" src="/js/app.js"></script>
  175. <script type="text/javascript" src="/js/templates.js"></script>
  176. </head>
  177. <body>