update tv guide

This commit is contained in:
Luke Pulverenti 2015-07-23 10:58:27 -04:00
parent 86dea1fa4c
commit 7a39655dca
12 changed files with 81 additions and 30 deletions

View file

@ -585,9 +585,10 @@ Apply `circle` class to make the rippling effect within a circle.
}
},
get shouldKeepAnimating () {
for (var index = 0; index < this.ripples.length; ++index) {
if (!this.ripples[index].isAnimationComplete) {
get shouldKeepAnimating() {
var ripples = this.ripples || [];
for (var index = 0; index < ripples.length; ++index) {
if (!ripples[index].isAnimationComplete) {
return true;
}
}
@ -625,9 +626,11 @@ Apply `circle` class to make the rippling effect within a circle.
return;
}
this.ripples.forEach(function(ripple) {
ripple.upAction(event);
});
if (this.ripples) {
this.ripples.forEach(function (ripple) {
ripple.upAction(event);
});
}
this.animate();
},
@ -643,7 +646,10 @@ Apply `circle` class to make the rippling effect within a circle.
Polymer.dom(this.$.waves).appendChild(ripple.waveContainer);
this.$.background.style.backgroundColor = ripple.color;
this.ripples.push(ripple);
if (this.ripples) {
this.ripples.push(ripple);
}
this._setAnimating(true);
@ -672,8 +678,9 @@ Apply `circle` class to make the rippling effect within a circle.
this._animating = true;
for (index = 0; index < this.ripples.length; ++index) {
ripple = this.ripples[index];
var ripples = this.ripples || [];
for (index = 0; index < ripples.length; ++index) {
ripple = ripples[index];
ripple.draw();
@ -684,7 +691,7 @@ Apply `circle` class to make the rippling effect within a circle.
}
}
if (!this.shouldKeepAnimating && this.ripples.length === 0) {
if (!this.shouldKeepAnimating && ripples.length === 0) {
this.onAnimationComplete();
} else {
window.requestAnimationFrame(this._boundAnimate);