Index: elements/viewer-toolbar/viewer-toolbar.html |
diff --git a/elements/viewer-toolbar/viewer-toolbar.html b/elements/viewer-toolbar/viewer-toolbar.html |
index fcb2341916c4726df791c582a68bc15ae7dc1b3c..a22bf99741824993cdfc6b27f2b363426f74844a 100644 |
--- a/elements/viewer-toolbar/viewer-toolbar.html |
+++ b/elements/viewer-toolbar/viewer-toolbar.html |
@@ -5,59 +5,5 @@ |
<content></content> |
</div> |
</template> |
-<script> |
- Polymer('viewer-toolbar', { |
- fadingIn: false, |
- timerId_: undefined, |
- inInitialFadeIn_: false, |
- ready: function() { |
- this.mousemoveCallback = function(e) { |
- var rect = this.getBoundingClientRect(); |
- if (e.clientX >= rect.left && e.clientX <= rect.right && |
- e.clientY >= rect.top && e.clientY <= rect.bottom) { |
- this.fadingIn = true; |
- // If we hover over the toolbar, cancel the initial fade in. |
- if (this.inInitialFadeIn_) |
- this.inInitialFadeIn_ = false; |
- } else { |
- // Initially we want to keep the toolbar up for a longer period. |
- if (!this.inInitialFadeIn_) |
- this.fadingIn = false; |
- } |
- }.bind(this); |
- }, |
- attached: function() { |
- this.parentNode.addEventListener('mousemove', this.mousemoveCallback); |
- }, |
- detached: function() { |
- this.parentNode.removeEventListener('mousemove', this.mousemoveCallback); |
- }, |
- initialFadeIn: function() { |
- this.inInitialFadeIn_ = true; |
- this.fadeIn(); |
- this.fadeOutAfterDelay(6000); |
- }, |
- fadingInChanged: function() { |
- if (this.fadingIn) { |
- this.fadeIn(); |
- } else { |
- if (this.timerId_ === undefined) |
- this.fadeOutAfterDelay(3000); |
- } |
- }, |
- fadeIn: function() { |
- this.style.opacity = 1; |
- clearTimeout(this.timerId_); |
- this.timerId_ = undefined; |
- }, |
- fadeOutAfterDelay: function(delay) { |
- this.timerId_ = setTimeout( |
- function() { |
- this.style.opacity = 0; |
- this.timerId_ = undefined; |
- this.inInitialFadeIn_ = false; |
- }.bind(this), delay); |
- } |
- }); |
-</script> |
+<script src="viewer-toolbar.js"></script> |
</polymer-element> |