summaryrefslogtreecommitdiff
path: root/chromium/chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.html
blob: 7e3df10d583a67cc754967303122c7e49e85c197 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/image-icons.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/slide-down-animation.html">
<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/slide-up-animation.html">
<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animation-runner-behavior.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-progress/paper-progress.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-toolbar/paper-toolbar.html">
<link rel="import" href="../viewer-bookmarks-content/viewer-bookmarks-content.html">
<link rel="import" href="../viewer-page-selector/viewer-page-selector.html">
<link rel="import" href="../viewer-toolbar-dropdown/viewer-toolbar-dropdown.html">

<dom-module id="viewer-pdf-toolbar">
  <link rel="import" type="css" href="../shared-icon-style.css">
  <link rel="import" type="css" href="viewer-pdf-toolbar.css">
  <template>

    <paper-toolbar>
      <div id="aligner" class="middle">
        <span id="title" title="{{docTitle}}">
          <span>{{docTitle}}</span>
        </span>

        <div id="pageselector-container">
          <viewer-page-selector id="pageselector" class="invisible"
              doc-length="{{docLength}}" page-no="{{pageNo}}">
          </viewer-page-selector>
        </div>

        <div id="buttons" class="invisible">
          <paper-icon-button id="rotate-right" icon="image:rotate-right"
              on-click="rotateRight"
              i18n-values="aria-label:tooltipRotateCW;title:tooltipRotateCW">
          </paper-icon-button>

          <paper-icon-button id="download" icon="file-download"
              on-click="download"
              i18n-values="aria-label:tooltipDownload;title:tooltipDownload">
          </paper-icon-button>

          <paper-icon-button id="print" icon="print"
              on-click="print"
              i18n-values="aria-label:tooltipPrint;title:tooltipPrint">
          </paper-icon-button>

          <viewer-toolbar-dropdown id="bookmarks"
                                   hidden$="[[!bookmarks.length]]"
                                   open-icon="bookmark"
                                   closed-icon="bookmark-border"
                                   i18n-values="header:bookmarks">
              <viewer-bookmarks-content bookmarks="{{bookmarks}}">
              </viewer-bookmarks-content>
          </viewer-toolbar-dropdown>
        </div>
      </div>
      <div class="bottom fit">
        <paper-progress id="progress" value="{{loadProgress}}"></paper-progress>
      </div>
    </paper-toolbar>
  </template>
</dom-module>
<script src="viewer-pdf-toolbar.js"></script>