| 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>
|
|
|