mirrors/pdf.js
1
0
Fork 0
mirror of https://github.com/mozilla/pdf.js.git synced 2025-04-26 10:08:06 +02:00
Code Activity

Fix the positioning of the progressive loadingBar

Browse source
This commit is contained in:
Jonas 2013-07-18 18:28:59 +02:00
parent af8e96cf26
commit 4890c5d017
3 changed files with 34 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

25
web/ui_utils.js
View file

@ -155,15 +155,18 @@ var ProgressBar = (function ProgressBarClosure() {
function ProgressBar(id, opts) {
// Fetch the sub-elements for later
// Fetch the sub-elements for later.
this.div = document.querySelector(id + ' .progress');
// Get options, with sensible defaults
// Get the loading bar element, so it can be resized to fit the viewer.
this.bar = this.div.parentNode;
// Get options, with sensible defaults.
this.height = opts.height || 100;
this.width = opts.width || 100;
this.units = opts.units || '%';
// Initialize heights
// Initialize heights.
this.div.style.height = this.height + this.units;
this.percent = 0;
}
@ -190,6 +193,22 @@ var ProgressBar = (function ProgressBarClosure() {
this._indeterminate = isNaN(val);
this._percent = clamp(val, 0, 100);
this.updateBar();
},
setWidth: function ProgressBar_setWidth(viewer) {
if (viewer) {
var container = viewer.parentNode;
var scrollbarWidth = container.offsetWidth - viewer.offsetWidth;
if (scrollbarWidth > 0) {
this.bar.setAttribute('style', 'width: calc(100% - ' +
scrollbarWidth + 'px);');
}
}
},
hide: function ProgressBar_hide() {
this.bar.classList.add('hidden');
this.bar.removeAttribute('style');
}
};