diff options
Diffstat (limited to 'chromium/chrome/browser/resources/pdf/html_office/elements')
32 files changed, 511 insertions, 0 deletions
diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_fit_page.png b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_fit_page.png Binary files differnew file mode 100644 index 00000000000..6977d2b8796 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_fit_page.png diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_fit_width.png b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_fit_width.png Binary files differnew file mode 100644 index 00000000000..d9dea06a74f --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_fit_width.png diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_play.png b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_play.png Binary files differnew file mode 100644 index 00000000000..ac73ffc1724 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_play.png diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_print.png b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_print.png Binary files differnew file mode 100644 index 00000000000..7fa75a3df72 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_print.png diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_save.png b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_save.png Binary files differnew file mode 100644 index 00000000000..ea125115ed7 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_save.png diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_zoom_in.png b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_zoom_in.png Binary files differnew file mode 100644 index 00000000000..2cedf813153 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_zoom_in.png diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_zoom_out.png b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_zoom_out.png Binary files differnew file mode 100644 index 00000000000..e27c272fd80 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/hiDPI/button_zoom_out.png diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_fit_page.png b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_fit_page.png Binary files differnew file mode 100644 index 00000000000..e8e7a7039cf --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_fit_page.png diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_fit_width.png b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_fit_width.png Binary files differnew file mode 100644 index 00000000000..700f4861ea5 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_fit_width.png diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_play.png b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_play.png Binary files differnew file mode 100644 index 00000000000..d5ceae76ac8 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_play.png diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_print.png b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_print.png Binary files differnew file mode 100644 index 00000000000..e044a28837f --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_print.png diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_save.png b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_save.png Binary files differnew file mode 100644 index 00000000000..e732a442f35 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_save.png diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_zoom_in.png b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_zoom_in.png Binary files differnew file mode 100644 index 00000000000..e05ae81589a --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_zoom_in.png diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_zoom_out.png b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_zoom_out.png Binary files differnew file mode 100644 index 00000000000..b76b54c95fc --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/img/lowDPI/button_zoom_out.png diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/viewer-button.css b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/viewer-button.css new file mode 100644 index 00000000000..d4aff70c49d --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/viewer-button.css @@ -0,0 +1,37 @@ +/* Copyright 2013 The Chromium Authors. All rights reserved. + * Use of this source code is governed by a BSD-style license that can be + * found in the LICENSE file. */ + +#icon { + background-position: center center; + background-repeat: no-repeat; + background-size: 100% 100%; + height: 100%; + width: 100%; +} + +:host { + -webkit-user-select: none; + background-image: linear-gradient(rgb(60, 80, 119), rgb(15, 24, 41)); + border: 1px solid rgb(11, 9, 16); + cursor: default; + display: inline-block; + height: 36px; + margin: 0; + pointer-events: all; + width: 43px; +} + +:host(:focus:host) { + outline: none; +} + +:host(:hover:host) { + background-image: linear-gradient(rgb(73, 102, 155), rgb(32, 52, 95)); +} + +:host(.latchable.polymer-selected:host), +:host(:active:host) { + background-color: rgb(75, 103, 156); + background-image: none; +} diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/viewer-button.html b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/viewer-button.html new file mode 100644 index 00000000000..e1eee711067 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/viewer-button.html @@ -0,0 +1,7 @@ +<polymer-element name="viewer-button" attributes="img latchable"> +<template> + <link rel="stylesheet" href="viewer-button.css"> + <div id="icon"></div> +</template> +<script src="viewer-button.js"></script> +</polymer-element> diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/viewer-button.js b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/viewer-button.js new file mode 100644 index 00000000000..73bd53eff1e --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-button/viewer-button.js @@ -0,0 +1,33 @@ +// Copyright 2014 The Chromium Authors. All rights reserved. +// Use of this source code is governed by a BSD-style license that can be +// found in the LICENSE file. + +(function() { + var dpi = ''; + + Polymer('viewer-button', { + img: '', + latchable: false, + ready: function() { + if (!dpi) { + var mql = window.matchMedia('(-webkit-min-device-pixel-ratio: 1.3'); + dpi = mql.matches ? 'hi' : 'low'; + } + }, + imgChanged: function() { + if (this.img) { + this.$.icon.style.backgroundImage = + 'url(' + this.getAttribute('assetpath') + 'img/' + dpi + + 'DPI/' + this.img + ')'; + } else { + this.$.icon.style.backgroundImage = ''; + } + }, + latchableChanged: function() { + if (this.latchable) + this.classList.add('latchable'); + else + this.classList.remove('latchable'); + }, + }); +})(); diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-error-screen/viewer-error-screen.css b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-error-screen/viewer-error-screen.css new file mode 100644 index 00000000000..9c7c7c82676 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-error-screen/viewer-error-screen.css @@ -0,0 +1,18 @@ +:host { + background-color: #ccc; + color: #555; + font-family: sans-serif; + font-size: 20px; + height: 100%; + pointer-events: none; + position: fixed; + text-align: center; + width: 100%; +} + +#load-failed-message { + line-height: 0; + position: absolute; + top: 50%; + width: 100%; +}
\ No newline at end of file diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-error-screen/viewer-error-screen.html b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-error-screen/viewer-error-screen.html new file mode 100644 index 00000000000..81199fe7d3a --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-error-screen/viewer-error-screen.html @@ -0,0 +1,7 @@ +<polymer-element name="viewer-error-screen" attributes="text"> +<template> + <link rel="stylesheet" href="viewer-error-screen.css"> + <div id="load-failed-message">{{text}}</div> +</template> +<script src="viewer-error-screen.js"></script> +</polymer-element> diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-error-screen/viewer-error-screen.js b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-error-screen/viewer-error-screen.js new file mode 100644 index 00000000000..c63874dd2d7 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-error-screen/viewer-error-screen.js @@ -0,0 +1,5 @@ +// Copyright 2014 The Chromium Authors. All rights reserved. +// Use of this source code is governed by a BSD-style license that can be +// found in the LICENSE file. + +Polymer('viewer-error-screen', {}); diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-page-indicator/viewer-page-indicator.css b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-page-indicator/viewer-page-indicator.css new file mode 100644 index 00000000000..ec90ec99f53 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-page-indicator/viewer-page-indicator.css @@ -0,0 +1,35 @@ +/* Copyright 2013 The Chromium Authors. All rights reserved. + * Use of this source code is governed by a BSD-style license that can be + * found in the LICENSE file. */ + +:host { + -webkit-transition: opacity 400ms ease-in-out; + pointer-events: none; + position: fixed; + right: 0; +} + +#text { + background-color: rgba(0, 0, 0, 0.5); + border-radius: 5px; + color: white; + float: left; + font-family: sans-serif; + font-size: 12px; + font-weight: bold; + line-height: 48px; + text-align: center; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); + width: 62px; +} + +#triangle-right { + border-bottom: 6px solid transparent; + border-left: 8px solid rgba(0, 0, 0, 0.5); + border-top: 6px solid transparent; + display: inline; + float: left; + height: 0; + margin-top: 18px; + width: 0; +}
\ No newline at end of file diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-page-indicator/viewer-page-indicator.html b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-page-indicator/viewer-page-indicator.html new file mode 100644 index 00000000000..de59e1a9eca --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-page-indicator/viewer-page-indicator.html @@ -0,0 +1,8 @@ +<polymer-element name="viewer-page-indicator" attributes="index label"> +<template> + <link rel="stylesheet" href="viewer-page-indicator.css"> + <div id="text">{{label}}</div> + <div id="triangle-right"></div> +</template> +<script src="viewer-page-indicator.js"></script> +</polymer-element> diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-page-indicator/viewer-page-indicator.js b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-page-indicator/viewer-page-indicator.js new file mode 100644 index 00000000000..8612e170348 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-page-indicator/viewer-page-indicator.js @@ -0,0 +1,42 @@ +// Copyright 2014 The Chromium Authors. All rights reserved. +// Use of this source code is governed by a BSD-style license that can be +// found in the LICENSE file. + +Polymer('viewer-page-indicator', { + label: '1', + index: 0, + timerId: undefined, + pageLabels: null, + ready: function() { + var callback = this.fadeIn.bind(this, 2000); + window.addEventListener('scroll', function() { + requestAnimationFrame(callback); + }); + }, + initialFadeIn: function() { + this.fadeIn(6000); + }, + fadeIn: function(displayTime) { + var percent = window.scrollY / + (document.body.scrollHeight - + document.documentElement.clientHeight); + this.style.top = percent * + (document.documentElement.clientHeight - this.offsetHeight) + 'px'; + this.style.opacity = 1; + clearTimeout(this.timerId); + + this.timerId = setTimeout(function() { + this.style.opacity = 0; + this.timerId = undefined; + }.bind(this), displayTime); + }, + pageLabelsChanged: function() { + this.indexChanged(); + }, + indexChanged: function() { + if (this.pageLabels) + this.label = this.pageLabels[this.index]; + else + this.label = String(this.index + 1); + } +}); diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-password-screen/viewer-password-screen.css b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-password-screen/viewer-password-screen.css new file mode 100644 index 00000000000..183f439f989 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-password-screen/viewer-password-screen.css @@ -0,0 +1,41 @@ +:host { + -webkit-transition: opacity 400ms ease-in-out; + background-color: #ccc; + color: #555; + display: table; + font-family: sans-serif; + font-size: 15px; + height: 100%; + pointer-events: none; + position: fixed; + text-align: center; + width: 100%; +} + +#message { + padding-bottom: 10px; +} + +.center { + display: table-cell; + vertical-align: middle; +} + +.form { + border: 1px solid #777; + box-shadow: 1px 1px 1px; + display: inline-block; + padding: 10px; + width: 300px; +} + +#successMessage { + display: inline-block; + padding-left: 5px; + pointer-events: none; +} + +input { + color: #333; + pointer-events: all; +}
\ No newline at end of file diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-password-screen/viewer-password-screen.html b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-password-screen/viewer-password-screen.html new file mode 100644 index 00000000000..24a82330987 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-password-screen/viewer-password-screen.html @@ -0,0 +1,14 @@ +<polymer-element name="viewer-password-screen" attributes="text active"> +<template> + <link rel="stylesheet" href="viewer-password-screen.css"> + <div class="center"> + <form class="form"> + <div id="message">{{text}}</div> + <input id="password" type="password" size="20"></input> + <input id="submit" type="submit" on-click={{submit}}></input> + <div id="successMessage">{{successMessage}}</div> + </form> + </div> +</template> +<script src="viewer-password-screen.js"></script> +</polymer-element> diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-password-screen/viewer-password-screen.js b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-password-screen/viewer-password-screen.js new file mode 100644 index 00000000000..9ba949f09b6 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-password-screen/viewer-password-screen.js @@ -0,0 +1,51 @@ +// Copyright 2014 The Chromium Authors. All rights reserved. +// Use of this source code is governed by a BSD-style license that can be +// found in the LICENSE file. + +Polymer('viewer-password-screen', { + text: 'This document is password protected. Please enter a password.', + active: false, + timerId: undefined, + ready: function () { + this.activeChanged(); + }, + accept: function() { + this.successMessage = '✔' // Tick. + this.$.successMessage.style.color = 'rgb(0,125,0)'; + this.active = false; + }, + deny: function() { + this.successMessage = '✘'; // Cross. + this.$.successMessage.style.color = 'rgb(255,0,0)'; + this.$.password.disabled = false; + this.$.submit.disabled = false; + this.$.password.focus(); + this.$.password.select(); + }, + submit: function(e) { + // Prevent the default form submission behavior. + e.preventDefault(); + if (this.$.password.value.length == 0) + return; + this.successMessage = '...'; + this.$.successMessage.style.color = 'rgb(0,0,0)'; + this.$.password.disabled = true; + this.$.submit.disabled = true; + this.fire('password-submitted', {password: this.$.password.value}); + }, + activeChanged: function() { + clearTimeout(this.timerId); + this.timerId = undefined; + if (this.active) { + this.style.visibility = 'visible'; + this.style.opacity = 1; + this.successMessage = ''; + this.$.password.focus(); + } else { + this.style.opacity = 0; + this.timerId = setTimeout(function() { + this.style.visibility = 'hidden' + }.bind(this), 400); + } + } +});
\ No newline at end of file diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-progress-bar/viewer-progress-bar.css b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-progress-bar/viewer-progress-bar.css new file mode 100644 index 00000000000..f5c13e30114 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-progress-bar/viewer-progress-bar.css @@ -0,0 +1,71 @@ +/* Copyright 2013 The Chromium Authors. All rights reserved. + * Use of this source code is governed by a BSD-style license that can be + * found in the LICENSE file. */ + +:host { + -webkit-transition: opacity 400ms ease-in-out; + background: rgb(29, 39, 57); + border-radius: 5px; + bottom: 26px; + box-shadow: 0 1px 2px gray, 0 3px 3px rgba(0, 0, 0, .2); + height: auto; + left: 26px; + pointer-events: none; + position: fixed; + width: auto; +} + +.scaler { + -webkit-transform: scale(0.25); + -webkit-transform-origin: 0 0; + float: left; + height: 44px; + margin: 8px; + width: 44px; +} + +#segments { + border-radius: 50%; + height: 176px; + list-style: none; + margin: 0; + overflow: hidden; + padding: 0; + position: absolute; + width: 176px; +} + +.segment { + -webkit-transform-origin: 0 100%; + background: rgb(227, 234, 249); + box-shadow: 0 0 0 6px rgb(29, 39, 57) inset; + height: 50%; + overflow: hidden; + position: absolute; + right: 0; + top: 0; + width: 50%; +} + +.center-circle { + background-color: rgb(29, 39, 57); + border-radius: 50%; + height: 80px; + left: 44px; + margin: 0; + padding: 0; + position: absolute; + top: 44px; + width: 80px; +} + +#text { + color: rgb(227, 234, 249); + float: left; + font-family: sans-serif; + font-size: 16px; + font-weight: bold; + line-height: 58px; + margin-right: 10px; + margin-top: 1px; +} diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-progress-bar/viewer-progress-bar.html b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-progress-bar/viewer-progress-bar.html new file mode 100644 index 00000000000..bc16ef7a383 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-progress-bar/viewer-progress-bar.html @@ -0,0 +1,12 @@ +<polymer-element name="viewer-progress-bar" + attributes="progress text numSegments"> +<template> + <link rel="stylesheet" href="viewer-progress-bar.css"> + <div class="scaler"> + <ul id="segments"></ul> + <div class="center-circle"></div> + </div> + <div id="text">{{text}}</div> +</template> +<script src="viewer-progress-bar.js"></script> +</polymer-element> diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-progress-bar/viewer-progress-bar.js b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-progress-bar/viewer-progress-bar.js new file mode 100644 index 00000000000..7c4932dec92 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-progress-bar/viewer-progress-bar.js @@ -0,0 +1,43 @@ +// Copyright 2014 The Chromium Authors. All rights reserved. +// Use of this source code is governed by a BSD-style license that can be +// found in the LICENSE file. + +Polymer('viewer-progress-bar', { + progress: 0, + text: 'Loading', + numSegments: 8, + segments: [], + ready: function() { + this.numSegmentsChanged(); + }, + progressChanged: function() { + var numVisible = this.progress * this.segments.length / 100.0; + for (var i = 0; i < this.segments.length; i++) { + this.segments[i].style.visibility = + i < numVisible ? 'visible' : 'hidden'; + } + + if (this.progress >= 100 || this.progress < 0) + this.style.opacity = 0; + }, + numSegmentsChanged: function() { + // Clear the existing segments. + this.segments = []; + var segmentsElement = this.$.segments; + segmentsElement.innerHTML = ''; + + // Create the new segments. + var segment = document.createElement('li'); + segment.classList.add('segment'); + var angle = 360 / this.numSegments; + for (var i = 0; i < this.numSegments; ++i) { + var segmentCopy = segment.cloneNode(true); + segmentCopy.style.webkitTransform = + 'rotate(' + (i * angle) + 'deg) skewY(' + + -1 * (90 - angle) + 'deg)'; + segmentsElement.appendChild(segmentCopy); + this.segments.push(segmentCopy); + } + this.progressChanged(); + } +}); diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-toolbar/viewer-toolbar.css b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-toolbar/viewer-toolbar.css new file mode 100644 index 00000000000..64be0e9f12c --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-toolbar/viewer-toolbar.css @@ -0,0 +1,21 @@ +/* Copyright 2013 The Chromium Authors. All rights reserved. + * Use of this source code is governed by a BSD-style license that can be + * found in the LICENSE file. */ + +:host { + -webkit-transition: opacity 400ms ease-in-out; + bottom: 0; + display: block; + font-size: 0; + opacity: 1; + padding: 30px 30px 15px 30vw; + pointer-events: none; + position: fixed; + right: 0; +} + +#toolbar { + border-radius: 3px; + box-shadow: 0 1px 2px gray, 0 3px 3px rgba(0, 0, 0, .2); + overflow: hidden; +} diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-toolbar/viewer-toolbar.html b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-toolbar/viewer-toolbar.html new file mode 100644 index 00000000000..a22bf997418 --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-toolbar/viewer-toolbar.html @@ -0,0 +1,9 @@ +<polymer-element name="viewer-toolbar" attributes="fadingIn"> +<template> + <link rel="stylesheet" href="viewer-toolbar.css"> + <div id="toolbar"> + <content></content> + </div> +</template> +<script src="viewer-toolbar.js"></script> +</polymer-element> diff --git a/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-toolbar/viewer-toolbar.js b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-toolbar/viewer-toolbar.js new file mode 100644 index 00000000000..c28b45b670b --- /dev/null +++ b/chromium/chrome/browser/resources/pdf/html_office/elements/viewer-toolbar/viewer-toolbar.js @@ -0,0 +1,57 @@ +// Copyright 2014 The Chromium Authors. All rights reserved. +// Use of this source code is governed by a BSD-style license that can be +// found in the LICENSE file. + +Polymer('viewer-toolbar', { + fadingIn: false, + timerId_: undefined, + inInitialFadeIn_: false, + ready: function() { + this.mousemoveCallback = function(e) { + var rect = this.getBoundingClientRect(); + if (e.clientX >= rect.left && e.clientX <= rect.right && + e.clientY >= rect.top && e.clientY <= rect.bottom) { + this.fadingIn = true; + // If we hover over the toolbar, cancel the initial fade in. + if (this.inInitialFadeIn_) + this.inInitialFadeIn_ = false; + } else { + // Initially we want to keep the toolbar up for a longer period. + if (!this.inInitialFadeIn_) + this.fadingIn = false; + } + }.bind(this); + }, + attached: function() { + this.parentNode.addEventListener('mousemove', this.mousemoveCallback); + }, + detached: function() { + this.parentNode.removeEventListener('mousemove', this.mousemoveCallback); + }, + initialFadeIn: function() { + this.inInitialFadeIn_ = true; + this.fadeIn(); + this.fadeOutAfterDelay(6000); + }, + fadingInChanged: function() { + if (this.fadingIn) { + this.fadeIn(); + } else { + if (this.timerId_ === undefined) + this.fadeOutAfterDelay(3000); + } + }, + fadeIn: function() { + this.style.opacity = 1; + clearTimeout(this.timerId_); + this.timerId_ = undefined; + }, + fadeOutAfterDelay: function(delay) { + this.timerId_ = setTimeout( + function() { + this.style.opacity = 0; + this.timerId_ = undefined; + this.inInitialFadeIn_ = false; + }.bind(this), delay); + } +}); |
