myvesta/web/templates/header.html
Serghey Rodin 527e4a9a62 UI update
2015-06-03 02:31:03 +03:00

177 lines
6.1 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" href="/images/favicon.ico" type="image/x-icon">
<title>Vesta - <?="$TAB"?> </title>
<link rel="stylesheet" href="/css/styles.min.css">
<link type="text/css" href="/css/jquery-custom-dialogs.css" rel="stylesheet" />
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"></script>
<script type="text/javascript" src="/js/events.js"></script>
<script type="text/javascript">
var checked=false;
var frmname='';
function checkedAll(frmname) {
if ($('.l-unit.selected').length > 0) {
$('.l-unit').removeClass("selected");
$('.ch-toggle').attr("checked", false);
$('.toggle-all').removeClass('clicked-on');
}
else {
$('.l-unit').addClass("selected");
$('.ch-toggle').attr("checked", true);
$('.toggle-all').addClass('clicked-on');
}
}
function doSearch(url) {
var url = url || '/search/';
var loc = url + '?q=' + $('.search-input').val();
location.href = loc;
return false;
}
</script>
<script type="text/javascript">
var search_activated = 0;
var search_display_interval = 0;
var search_hover_interval = 0;
$(document).ready(function() {
$('.l-sort__create-btn').hover(function(){
$(".l-sort__create-btn").append("<div id='add-icon'></div>");
$(".l-sort__create-btn").append("<div id='tooltip'>"+$('.l-sort__create-btn').attr('title').replace(' ','&nbsp;')+"</div>");
}, function(){
$("#add-icon").remove();
$("#tooltip").remove();
});
$('.l-sort-toolbar__search').hover(function(){
clearTimeout(search_display_interval);
clearTimeout(search_hover_interval);
search_display_interval = setTimeout(function(){$('.search-input').addClass('activated');}, 150);
}, function(){
clearTimeout(search_display_interval);
clearTimeout(search_hover_interval);
search_hover_interval = setTimeout(function(){
if(!search_activated && !$(".search-input").val().length){
$(".search-input").removeClass('activated');
}
}, 600);
});
$('.search-input').focus(function(){
search_activated = 1;
clearTimeout(search_hover_interval);
});
$('.search-input').blur(function(){
search_activated = 0;
clearTimeout(search_hover_interval);
search_hover_interval = setTimeout(function(){
if(!$(".search-input").val().length){
$(".search-input").removeClass('activated');
}
}, 600);
});
if($('.movement.left').length){
refresh_timer.right = $('.movement.right');
refresh_timer.left = $('.movement.left');
refresh_timer.start();
$('.pause').click(function(){
refresh_timer.stop();
$('.pause').addClass('hidden');
$('.play').removeClass('hidden');
$('.refresh-timer').addClass('paused');
});
$('.play').click(function(){
refresh_timer.start();
$('.pause').removeClass('hidden');
$('.play').addClass('hidden');
$('.refresh-timer').removeClass('paused');
});
}
});
refresh_timer = {
speed: 50,
degr: 180,
right: 0,
left: 0,
periodical: 0,
first: 1,
start: function(){
this.periodical = setInterval(function(){refresh_timer.turn()}, this.speed);
},
stop: function(){
clearTimeout(this.periodical);
},
turn: function(){
this.degr += 1;
if (this.first && this.degr >= 361){
this.first = 0;
this.degr = 180;
this.left.css({'-webkit-transform': 'rotate(180deg)'});
this.left.css({'transform': 'rotate(180deg)'});
this.left.children('.loader-half').addClass('dark');
}
if (!this.first && this.degr >= 360){
this.first = 1;
this.degr = 180;
this.left.css({'-webkit-transform': 'rotate(0deg)'});
this.right.css({'-webkit-transform': 'rotate(180deg)'});
this.left.css({'transform': 'rotate(0deg)'});
this.right.css({'transform': 'rotate(180deg)'});
this.left.children('.loader-half').removeClass('dark');
this.stop();
location.reload();
}
if (this.first){
this.right.css({'-webkit-transform': 'rotate('+this.degr+'deg)'});
this.right.css({'transform': 'rotate('+this.degr+'deg)'});
}
else{
this.left.css({'-webkit-transform': 'rotate('+this.degr+'deg)'});
this.left.css({'transform': 'rotate('+this.degr+'deg)'});
}
}
}
</script>
<script language="text/javascript">
$(document).ready(function(){
$(".submenu-select-dropdown").each(function(){
$(this).wrap( "<span class='submenu-select-wrapper'></span>" );
$(this).after("<span class='holder'></span>");
});
$(".submenu-select-dropdown").change(function(){
var selectedOption = $(this).find(":selected").text();
$(this).next(".holder").text(selectedOption);
}).trigger('change');
$('.to-top').bind('click', function(evt) {
$("html, body").animate({ scrollTop: 0 }, "normal");
});
})
</script>
<script type="text/javascript" src="/js/app.js"></script>
<script type="text/javascript" src="/js/templates.js"></script>
<script type="text/javascript" src="/js/i18n.js.php"></script>
</head>
<body class="body-<?=strtolower($TAB)?> lang-<?=$_SESSION['language']?>">