Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(897)

Unified Diff: chrome/browser/resources/pdf/elements/viewer-progress-bar/viewer-progress-bar.js

Issue 853603002: Merge html-office-public repo into src (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: chrome/browser/resources/pdf/elements/viewer-progress-bar/viewer-progress-bar.js
diff --git a/chrome/browser/resources/pdf/elements/viewer-progress-bar/viewer-progress-bar.js b/chrome/browser/resources/pdf/elements/viewer-progress-bar/viewer-progress-bar.js
new file mode 100644
index 0000000000000000000000000000000000000000..7c4932dec929333d439db16efe2b664cbcc99c26
--- /dev/null
+++ b/chrome/browser/resources/pdf/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();
+ }
+});

Powered by Google App Engine
This is Rietveld 408576698