github/myvesta
1
0
Fork 0
mirror of https://github.com/myvesta/vesta synced 2025-08-14 18:49:21 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

scrollable top panel

Browse source
This commit is contained in:
Serghey Rodin 2014-07-30 15:51:22 +03:00
commit ff9cb08425
3 changed files with 137 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

114
web/templates/header.html
View file

@ -41,8 +41,10 @@
var valus= document.getElementById(frmname);
if (checked==false) {
checked=true;
$('.data-row').addClass("selected");
} else {
checked = false;
$('.data-row').removeClass("selected");
}
for (var i =0; i < valus.elements.length; i++) {
valus.elements[i].checked=checked;
@ -51,8 +53,40 @@
</script>
<script language="JavaScript">
$('document').ready(function() {
var nav = $('.top');
var nav = $('.top');
var lastScrollTop = 0;
$(window).scroll(function () {
var st = $(this).scrollTop();
if(st > 27 ){
nav.addClass("small-logo");
}else{
nav.removeClass("small-logo");
}
if (st > lastScrollTop){
if ($(this).scrollTop() > 58) {
nav.addClass("small");
}
} else {
if ($(this).scrollTop() < 58) {
nav.removeClass("small");
}
}
lastScrollTop = st;
});
$('#vstobjects').bind('click', function(evt) { // observe change event on whole div#vstobjects
var elm = evt.target; // grab element on which user clicked
if($(elm).hasClass('data-controls') || $(elm).parents('.data-controls')[0]){
return;
}
var parent = $(elm).hasClass('data-row') ? $(elm) : $(elm).parents('.data-row'); // check if outer element is row container and get it
if (!$(parent).hasClass('selected')) {
parent.addClass('selected'); // add class
@ -65,9 +99,87 @@
// another actions on unchecked row
}
});
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;
/// console.log(this.first + " - " + this.degr);
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 type="text/javascript" src="/js/app.js"></script>
<script type="text/javascript" src="/js/templates.js"></script>
</head>
<body>
<body>