chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.js

   1 // Copyright 2015 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4 (function() {
   5   Polymer({
   6     is: 'viewer-pdf-toolbar',
   7
   8     behaviors: [
   9       Polymer.NeonAnimationRunnerBehavior
  10     ],
  11
  12     properties: {
  13       /**
  14        * The current loading progress of the PDF document (0 - 100).
  15        */
  16       loadProgress: {
  17         type: Number,
  18         observer: 'loadProgressChanged'
  19       },
  20
  21       /**
  22        * The title of the PDF document.
  23        */
  24       docTitle: String,
  25
  26       /**
  27        * The number of the page being viewed (1-based).
  28        */
  29       pageNo: Number,
  30
  31       /**
  32        * Tree of PDF bookmarks (or null if the document has no bookmarks).
  33        */
  34       bookmarks: {
  35         type: Object,
  36         value: null
  37       },
  38
  39       /**
  40        * The number of pages in the PDF document.
  41        */
  42       docLength: Number,
  43
  44       /**
  45        * Whether the toolbar is opened and visible.
  46        */
  47       opened: {
  48         type: Boolean,
  49         value: true
  50       },
  51
  52       animationConfig: {
  53         value: function() {
  54           return {
  55             'entry': {
  56               name: 'slide-down-animation',
  57               node: this,
  58               timing: {
  59                 easing: 'cubic-bezier(0, 0, 0.2, 1)',
  60                 duration: 250
  61               }
  62             },
  63             'exit': {
  64               name: 'slide-up-animation',
  65               node: this,
  66               timing: {
  67                 easing: 'cubic-bezier(0.4, 0, 1, 1)',
  68                 duration: 250
  69               }
  70             }
  71           };
  72         }
  73       }
  74     },
  75
  76     hostAttributes: {
  77       hidden: true  // Toolbars are explicitly shown once the plugin is ready.
  78     },
  79
  80     listeners: {
  81       'neon-animation-finish': '_onAnimationFinished'
  82     },
  83
  84     _onAnimationFinished: function() {
  85         this.style.transform = this.opened ? 'none' : 'translateY(-100%)';
  86     },
  87
  88     loadProgressChanged: function() {
  89       if (this.loadProgress >= 100) {
  90         this.$.title.classList.toggle('invisible', false);
  91         this.$.pageselector.classList.toggle('invisible', false);
  92         this.$.buttons.classList.toggle('invisible', false);
  93       }
  94     },
  95
  96     hide: function() {
  97       if (this.opened)
  98         this.toggleVisibility();
  99     },
 100
 101     show: function() {
 102       if (!this.opened) {
 103         this.toggleVisibility();
 104       }
 105     },
 106
 107     toggleVisibility: function() {
 108       this.opened = !this.opened;
 109       this.cancelAnimation();
 110       this.playAnimation(this.opened ? 'entry' : 'exit');
 111     },
 112
 113     selectPageNumber: function() {
 114       this.$.pageselector.select();
 115     },
 116
 117     shouldKeepOpen: function() {
 118       return this.$.bookmarks.dropdownOpen || this.loadProgress < 100 ||
 119           this.$.pageselector.isActive();
 120     },
 121
 122     hideDropdowns: function() {
 123       if (this.$.bookmarks.dropdownOpen) {
 124         this.$.bookmarks.toggleDropdown();
 125         return true;
 126       }
 127       return false;
 128     },
 129
 130     setDropdownLowerBound: function(lowerBound) {
 131       this.$.bookmarks.lowerBound = lowerBound;
 132     },
 133
 134     rotateLeft: function() {
 135       this.fire('rotate-left');
 136     },
 137
 138     rotateRight: function() {
 139       this.fire('rotate-right');
 140     },
 141
 142     save: function() {
 143       this.fire('save');
 144     },
 145
 146     print: function() {
 147       this.fire('print');
 148     }
 149   });
 150 })();