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

   1 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
   2 <link rel="import" href="../viewer-page-selector/viewer-page-selector.html">
   3 <link rel="import" href="chrome://resources/polymer/core-icons/image-icons.html">
   4 <link rel="import" href="chrome://resources/polymer/core-toolbar/core-toolbar.html">
   5 <link rel="import" href="chrome://resources/polymer/core-transition/core-transition-css.html">
   6 <link rel="import" href="chrome://resources/polymer/paper-icon-button/paper-icon-button.html">
   7 <link rel="import" href="chrome://resources/polymer/paper-progress/paper-progress.html">
   8 <link rel="import" href="chrome://resources/polymer/paper-shadow/paper-shadow.html">
   9
  10 <polymer-element name="viewer-pdf-toolbar">
  11 <template>
  12   <link rel="stylesheet" href="viewer-pdf-toolbar.css">
  13   <div id="animatable">
  14     <paper-shadow fit></paper-shadow>
  15     <paper-progress value="{{loadProgress}}"></paper-progress>
  16     <core-toolbar class="core-narrow">
  17       <div id="aligner" horizontal justified layout center>
  18         <span id="title" class="invisible ">{{docTitle}}</span>
  19
  20         <viewer-page-selector id="pageselector" class="invisible"
  21             index="{{pageIndex}}" docLength="{{docLength}}">
  22         </viewer-page-selector>
  23
  24         <div id="buttons" class="invisible">
  25           <paper-icon-button icon="image:rotate-right"
  26               on-click="{{rotateRight}}"></paper-icon-button>
  27           <template if="{{hasBookmarks}}">
  28             <paper-icon-button icon="bookmark-outline"
  29                 on-click="{{toggleBookmarks}}"></paper-icon-button>
  30           </template>
  31           <paper-icon-button icon="save"
  32               on-click="{{save}}"></paper-icon-button>
  33           <paper-icon-button icon="print"
  34               on-click="{{print}}"></paper-icon-button>
  35         </div>
  36       </div>
  37     </core-toolbar>
  38   </div>
  39 </template>
  40 <script src="viewer-pdf-toolbar.js"></script>
  41 </polymer-element>