header.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  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=1413983264" 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/events.js"></script>
  31. <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
  32. <script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"></script>
  33. <script language="JavaScript">
  34. var checked=false;
  35. var frmname='';
  36. function checkedAll(frmname) {
  37. var valus= document.getElementById(frmname);
  38. if (checked==false) {
  39. checked=true;
  40. $('.data-row').addClass("selected");
  41. } else {
  42. checked = false;
  43. $('.data-row').removeClass("selected");
  44. }
  45. for (var i =0; i < valus.elements.length; i++) {
  46. valus.elements[i].checked=checked;
  47. }
  48. }
  49. </script>
  50. <script language="JavaScript">
  51. $('document').ready(function() {
  52. var nav = $('.top');
  53. var nav = $('.top');
  54. var lastScrollTop = 0;
  55. $(window).scroll(function () {
  56. var st = $(this).scrollTop();
  57. if(st > 27 ){
  58. nav.addClass("small-logo");
  59. }else{
  60. nav.removeClass("small-logo");
  61. }
  62. if (st > lastScrollTop){
  63. if ($(this).scrollTop() > 58) {
  64. nav.addClass("small");
  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. var elm = evt.target; // grab element on which user clicked
  75. if($(elm).hasClass('data-controls') || $(elm).parents('.data-controls')[0]){
  76. return;
  77. }
  78. var parent = $(elm).hasClass('data-row') ? $(elm) : $(elm).parents('.data-row'); // check if outer element is row container and get it
  79. if (!$(parent).hasClass('selected')) {
  80. parent.addClass('selected'); // add class
  81. parent.find('.ch-toggle').attr('checked', true);
  82. // another actions on checked row
  83. }
  84. else {
  85. parent.removeClass('selected'); // remove class
  86. parent.find('.ch-toggle').attr('checked', false);
  87. // another actions on unchecked row
  88. }
  89. });
  90. if($('.movement.left').length){
  91. refresh_timer.right = $('.movement.right');
  92. refresh_timer.left = $('.movement.left');
  93. refresh_timer.start();
  94. $('.pause').click(function(){
  95. refresh_timer.stop();
  96. $('.pause').addClass('hidden');
  97. $('.play').removeClass('hidden');
  98. $('.refresh-timer').addClass('paused');
  99. });
  100. $('.play').click(function(){
  101. refresh_timer.start();
  102. $('.pause').removeClass('hidden');
  103. $('.play').addClass('hidden');
  104. $('.refresh-timer').removeClass('paused');
  105. });
  106. }
  107. });
  108. refresh_timer = {
  109. speed: 50,
  110. degr: 180,
  111. right: 0,
  112. left: 0,
  113. periodical: 0,
  114. first: 1,
  115. start: function(){
  116. this.periodical = setInterval(function(){refresh_timer.turn()}, this.speed);
  117. },
  118. stop: function(){
  119. clearTimeout(this.periodical);
  120. },
  121. turn: function(){
  122. this.degr += 1;
  123. /// console.log(this.first + " - " + this.degr);
  124. if(this.first && this.degr >= 361){
  125. this.first = 0;
  126. this.degr = 180;
  127. this.left.css({'-webkit-transform': 'rotate(180deg)'});
  128. this.left.css({'transform': 'rotate(180deg)'});
  129. this.left.children('.loader-half').addClass('dark');
  130. }
  131. if(!this.first && this.degr >= 360){
  132. this.first = 1;
  133. this.degr = 180;
  134. this.left.css({'-webkit-transform': 'rotate(0deg)'});
  135. this.right.css({'-webkit-transform': 'rotate(180deg)'});
  136. this.left.css({'transform': 'rotate(0deg)'});
  137. this.right.css({'transform': 'rotate(180deg)'});
  138. this.left.children('.loader-half').removeClass('dark');
  139. this.stop();
  140. location.reload();
  141. }
  142. if(this.first){
  143. this.right.css({'-webkit-transform': 'rotate('+this.degr+'deg)'});
  144. this.right.css({'transform': 'rotate('+this.degr+'deg)'});
  145. }else{
  146. this.left.css({'-webkit-transform': 'rotate('+this.degr+'deg)'});
  147. this.left.css({'transform': 'rotate('+this.degr+'deg)'});
  148. }
  149. }
  150. }
  151. </script>
  152. <script type="text/javascript" src="/js/app.js"></script>
  153. <script type="text/javascript" src="/js/templates.js"></script>
  154. </head>
  155. <body>