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

   1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
   2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-shadow-flex-layout.html">
   3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/image-icons.html">
   4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
   5 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/slide-down-animation.html">
   6 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/slide-up-animation.html">
   7 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animation-runner-behavior.html">
   8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
   9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-progress/paper-progress.html">
  10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toolbar/paper-toolbar.html">
  11 <link rel="import" href="../viewer-bookmarks-content/viewer-bookmarks-content.html">
  12 <link rel="import" href="../viewer-page-selector/viewer-page-selector.html">
  13 <link rel="import" href="../viewer-toolbar-dropdown/viewer-toolbar-dropdown.html">
  14
  15 <dom-module id="viewer-pdf-toolbar">
  16   <link rel="import" type="css" href="../shared-icon-style.css">
  17   <link rel="import" type="css" href="viewer-pdf-toolbar.css">
  18   <template>
  19     <paper-progress value="{{loadProgress}}"></paper-progress>
  20
  21     <paper-toolbar>
  22       <div id="aligner" class="horizontal layout center">
  23         <span id="title" class="invisible flex-5" title="{{docTitle}}">
  24           <span>{{docTitle}}</span>
  25         </span>
  26
  27         <div class="flex-1" id="pageselector-container">
  28           <viewer-page-selector id="pageselector" class="invisible"
  29               doc-length="{{docLength}}" page-no="{{pageNo}}">
  30           </viewer-page-selector>
  31         </div>
  32
  33         <div id="buttons" class="invisible flex-5">
  34           <!-- TODO(tsergeant): "Bookmarks" should be localized. -->
  35           <viewer-toolbar-dropdown id="bookmarks"
  36                                    hidden$="[[!bookmarks.length]]"
  37                                    header="Bookmarks"
  38                                    open-icon="bookmark"
  39                                    closed-icon="bookmark-border">
  40               <viewer-bookmarks-content bookmarks="{{bookmarks}}">
  41               </viewer-bookmarks-content>
  42           </viewer-toolbar-dropdown>
  43           <paper-icon-button icon="image:rotate-right"
  44               on-click="rotateRight"></paper-icon-button>
  45           <!-- TODO(tsergeant): Replace this placeholder with a more useful
  46                 button. -->
  47           <paper-icon-button icon="image:rotate-left"
  48               on-click="rotateLeft"></paper-icon-button>
  49           <paper-icon-button icon="save"
  50               on-click="save"></paper-icon-button>
  51           <paper-icon-button icon="print"
  52               on-click="print"></paper-icon-button>
  53         </div>
  54       </div>
  55     </paper-toolbar>
  56   </template>
  57 </dom-module>
  58 <script src="viewer-pdf-toolbar.js"></script>