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     listeners: {
  77       'neon-animation-finish': '_onAnimationFinished'
  78     },
  79
  80     _onAnimationFinished: function() {
  81         this.style.transform = this.opened ? 'none' : 'translateY(-100%)';
  82     },
  83
  84     loadProgressChanged: function() {
  85       if (this.loadProgress >= 100) {
  86         this.$.title.classList.toggle('invisible', false);
  87         this.$.pageselector.classList.toggle('invisible', false);
  88         this.$.buttons.classList.toggle('invisible', false);
  89       }
  90     },
  91
  92     hide: function() {
  93       if (this.opened)
  94         this.toggleVisibility();
  95     },
  96
  97     show: function() {
  98       if (!this.opened) {
  99         this.toggleVisibility();
 100       }
 101     },
 102
 103     toggleVisibility: function() {
 104       this.opened = !this.opened;
 105       this.cancelAnimation();
 106       this.playAnimation(this.opened ? 'entry' : 'exit');
 107     },
 108
 109     selectPageNumber: function() {
 110       this.$.pageselector.select();
 111     },
 112
 113     shouldKeepOpen: function() {
 114       return this.$.bookmarks.dropdownOpen || this.loadProgress < 100 ||
 115           this.$.pageselector.isActive();
 116     },
 117
 118     hideDropdowns: function() {
 119       if (this.$.bookmarks.dropdownOpen) {
 120         this.$.bookmarks.toggleDropdown();
 121         return true;
 122       }
 123       return false;
 124     },
 125
 126     setDropdownLowerBound: function(lowerBound) {
 127       this.$.bookmarks.lowerBound = lowerBound;
 128     },
 129
 130     rotateLeft: function() {
 131       this.fire('rotate-left');
 132     },
 133
 134     rotateRight: function() {
 135       this.fire('rotate-right');
 136     },
 137
 138     save: function() {
 139       this.fire('save');
 140     },
 141
 142     print: function() {
 143       this.fire('print');
 144     }
 145   });
 146 })();