viewerjs-rails 0.0.1 → 0.0.2

data/app/assets/javascripts/viewerjs/ui_utils.js

@@ -19,82 +19,82 @@
 // optimised CSS custom property getter/setter
 var CustomStyle = (function CustomStyleClosure() {
 
-  // As noted on: http://www.zachstronaut.com/posts/2009/02/17/
-  //              animate-css-transforms-firefox-webkit.html
-  // in some versions of IE9 it is critical that ms appear in this list
-  // before Moz
-  var prefixes = ['ms', 'Moz', 'Webkit', 'O'];
-  var _cache = { };
-
-  function CustomStyle() {
-  }
-
-  CustomStyle.getProp = function get(propName, element) {
-    // check cache only when no element is given
-    if (arguments.length == 1 && typeof _cache[propName] == 'string') {
-      return _cache[propName];
+    // As noted on: http://www.zachstronaut.com/posts/2009/02/17/
+    //              animate-css-transforms-firefox-webkit.html
+    // in some versions of IE9 it is critical that ms appear in this list
+    // before Moz
+    var prefixes = ['ms', 'Moz', 'Webkit', 'O'];
+    var _cache = { };
+
+    function CustomStyle() {
     }
 
-    element = element || document.documentElement;
-    var style = element.style, prefixed, uPropName;
+    CustomStyle.getProp = function get(propName, element) {
+        // check cache only when no element is given
+        if (arguments.length == 1 && typeof _cache[propName] == 'string') {
+            return _cache[propName];
+        }
 
-    // test standard property first
-    if (typeof style[propName] == 'string') {
-      return (_cache[propName] = propName);
-    }
+        element = element || document.documentElement;
+        var style = element.style, prefixed, uPropName;
 
-    // capitalize
-    uPropName = propName.charAt(0).toUpperCase() + propName.slice(1);
+        // test standard property first
+        if (typeof style[propName] == 'string') {
+            return (_cache[propName] = propName);
+        }
 
-    // test vendor specific properties
-    for (var i = 0, l = prefixes.length; i < l; i++) {
-      prefixed = prefixes[i] + uPropName;
-      if (typeof style[prefixed] == 'string') {
-        return (_cache[propName] = prefixed);
-      }
-    }
+        // capitalize
+        uPropName = propName.charAt(0).toUpperCase() + propName.slice(1);
+
+        // test vendor specific properties
+        for (var i = 0, l = prefixes.length; i < l; i++) {
+            prefixed = prefixes[i] + uPropName;
+            if (typeof style[prefixed] == 'string') {
+                return (_cache[propName] = prefixed);
+            }
+        }
 
-    //if all fails then set to undefined
-    return (_cache[propName] = 'undefined');
-  };
+        //if all fails then set to undefined
+        return (_cache[propName] = 'undefined');
+    };
 
-  CustomStyle.setProp = function set(propName, element, str) {
-    var prop = this.getProp(propName);
-    if (prop != 'undefined')
-      element.style[prop] = str;
-  };
+    CustomStyle.setProp = function set(propName, element, str) {
+        var prop = this.getProp(propName);
+        if (prop != 'undefined')
+            element.style[prop] = str;
+    };
 
-  return CustomStyle;
+    return CustomStyle;
 })();
 
 function getFileName(url) {
-  var anchor = url.indexOf('#');
-  var query = url.indexOf('?');
-  var end = Math.min(
-    anchor > 0 ? anchor : url.length,
-    query > 0 ? query : url.length);
-  return url.substring(url.lastIndexOf('/', end) + 1, end);
+    var anchor = url.indexOf('#');
+    var query = url.indexOf('?');
+    var end = Math.min(
+        anchor > 0 ? anchor : url.length,
+        query > 0 ? query : url.length);
+    return url.substring(url.lastIndexOf('/', end) + 1, end);
 }
 
 /**
  * Returns scale factor for the canvas. It makes sense for the HiDPI displays.
  * @return {Object} The object with horizontal (sx) and vertical (sy)
-                    scales. The scaled property is set to false if scaling is
-                    not required, true otherwise.
+ scales. The scaled property is set to false if scaling is
+ not required, true otherwise.
  */
 function getOutputScale(ctx) {
-  var devicePixelRatio = window.devicePixelRatio || 1;
-  var backingStoreRatio = ctx.webkitBackingStorePixelRatio ||
-                          ctx.mozBackingStorePixelRatio ||
-                          ctx.msBackingStorePixelRatio ||
-                          ctx.oBackingStorePixelRatio ||
-                          ctx.backingStorePixelRatio || 1;
-  var pixelRatio = devicePixelRatio / backingStoreRatio;
-  return {
-    sx: pixelRatio,
-    sy: pixelRatio,
-    scaled: pixelRatio != 1
-  };
+    var devicePixelRatio = window.devicePixelRatio || 1;
+    var backingStoreRatio = ctx.webkitBackingStorePixelRatio ||
+        ctx.mozBackingStorePixelRatio ||
+        ctx.msBackingStorePixelRatio ||
+        ctx.oBackingStorePixelRatio ||
+        ctx.backingStorePixelRatio || 1;
+    var pixelRatio = devicePixelRatio / backingStoreRatio;
+    return {
+        sx: pixelRatio,
+        sy: pixelRatio,
+        scaled: pixelRatio != 1
+    };
 }
 
 /**
@@ -104,45 +104,45 @@ function getOutputScale(ctx) {
  *               specifying the offset from the top left edge.
  */
 function scrollIntoView(element, spot) {
-  // Assuming offsetParent is available (it's not available when viewer is in
-  // hidden iframe or object). We have to scroll: if the offsetParent is not set
-  // producing the error. See also animationStartedClosure.
-  var parent = element.offsetParent;
-  var offsetY = element.offsetTop + element.clientTop;
-  var offsetX = element.offsetLeft + element.clientLeft;
-  if (!parent) {
-    console.error('offsetParent is not set -- cannot scroll');
-    return;
-  }
-  while (parent.clientHeight === parent.scrollHeight) {
-    if (parent.dataset._scaleY) {
-      offsetY /= parent.dataset._scaleY;
-      offsetX /= parent.dataset._scaleX;
-    }
-    offsetY += parent.offsetTop;
-    offsetX += parent.offsetLeft;
-    parent = parent.offsetParent;
+    // Assuming offsetParent is available (it's not available when viewer is in
+    // hidden iframe or object). We have to scroll: if the offsetParent is not set
+    // producing the error. See also animationStartedClosure.
+    var parent = element.offsetParent;
+    var offsetY = element.offsetTop + element.clientTop;
+    var offsetX = element.offsetLeft + element.clientLeft;
     if (!parent) {
-      return; // no need to scroll
+        console.error('offsetParent is not set -- cannot scroll');
+        return;
     }
-  }
-  if (spot) {
-    if (spot.top !== undefined) {
-      offsetY += spot.top;
+    while (parent.clientHeight === parent.scrollHeight) {
+        if (parent.dataset._scaleY) {
+            offsetY /= parent.dataset._scaleY;
+            offsetX /= parent.dataset._scaleX;
+        }
+        offsetY += parent.offsetTop;
+        offsetX += parent.offsetLeft;
+        parent = parent.offsetParent;
+        if (!parent) {
+            return; // no need to scroll
+        }
     }
-    if (spot.left !== undefined) {
-      offsetX += spot.left;
-      parent.scrollLeft = offsetX;
+    if (spot) {
+        if (spot.top !== undefined) {
+            offsetY += spot.top;
+        }
+        if (spot.left !== undefined) {
+            offsetX += spot.left;
+            parent.scrollLeft = offsetX;
+        }
     }
-  }
-  parent.scrollTop = offsetY;
+    parent.scrollTop = offsetY;
 }
 
 /**
  * Event handler to suppress context menu.
  */
 function noContextMenuHandler(e) {
-  e.preventDefault();
+    e.preventDefault();
 }
 
 /**
@@ -151,120 +151,120 @@ function noContextMenuHandler(e) {
  * @return {String} Guessed PDF file name.
  */
 function getPDFFileNameFromURL(url) {
-  var reURI = /^(?:([^:]+:)?\/\/[^\/]+)?([^?#]*)(\?[^#]*)?(#.*)?$/;
-  //            SCHEME      HOST         1.PATH  2.QUERY   3.REF
-  // Pattern to get last matching NAME.pdf
-  var reFilename = /[^\/?#=]+\.pdf\b(?!.*\.pdf\b)/i;
-  var splitURI = reURI.exec(url);
-  var suggestedFilename = reFilename.exec(splitURI[1]) ||
-                           reFilename.exec(splitURI[2]) ||
-                           reFilename.exec(splitURI[3]);
-  if (suggestedFilename) {
-    suggestedFilename = suggestedFilename[0];
-    if (suggestedFilename.indexOf('%') != -1) {
-      // URL-encoded %2Fpath%2Fto%2Ffile.pdf should be file.pdf
-      try {
-        suggestedFilename =
-          reFilename.exec(decodeURIComponent(suggestedFilename))[0];
-      } catch(e) { // Possible (extremely rare) errors:
-        // URIError "Malformed URI", e.g. for "%AA.pdf"
-        // TypeError "null has no properties", e.g. for "%2F.pdf"
-      }
+    var reURI = /^(?:([^:]+:)?\/\/[^\/]+)?([^?#]*)(\?[^#]*)?(#.*)?$/;
+    //            SCHEME      HOST         1.PATH  2.QUERY   3.REF
+    // Pattern to get last matching NAME.pdf
+    var reFilename = /[^\/?#=]+\.pdf\b(?!.*\.pdf\b)/i;
+    var splitURI = reURI.exec(url);
+    var suggestedFilename = reFilename.exec(splitURI[1]) ||
+        reFilename.exec(splitURI[2]) ||
+        reFilename.exec(splitURI[3]);
+    if (suggestedFilename) {
+        suggestedFilename = suggestedFilename[0];
+        if (suggestedFilename.indexOf('%') != -1) {
+            // URL-encoded %2Fpath%2Fto%2Ffile.pdf should be file.pdf
+            try {
+                suggestedFilename =
+                    reFilename.exec(decodeURIComponent(suggestedFilename))[0];
+            } catch (e) { // Possible (extremely rare) errors:
+                // URIError "Malformed URI", e.g. for "%AA.pdf"
+                // TypeError "null has no properties", e.g. for "%2F.pdf"
+            }
+        }
     }
-  }
-  return suggestedFilename || 'document.pdf';
+    return suggestedFilename || 'document.pdf';
 }
 
 var ProgressBar = (function ProgressBarClosure() {
 
-  function clamp(v, min, max) {
-    return Math.min(Math.max(v, min), max);
-  }
-
-  function ProgressBar(id, opts) {
+    function clamp(v, min, max) {
+        return Math.min(Math.max(v, min), max);
+    }
 
-    // Fetch the sub-elements for later.
-    this.div = document.querySelector(id + ' .progress');
+    function ProgressBar(id, opts) {
 
-    // Get the loading bar element, so it can be resized to fit the viewer.
-    this.bar = this.div.parentNode;
+        // Fetch the sub-elements for later.
+        this.div = document.querySelector(id + ' .progress');
 
-    // Get options, with sensible defaults.
-    this.height = opts.height || 100;
-    this.width = opts.width || 100;
-    this.units = opts.units || '%';
+        // Get the loading bar element, so it can be resized to fit the viewer.
+        this.bar = this.div.parentNode;
 
-    // Initialize heights.
-    this.div.style.height = this.height + this.units;
-    this.percent = 0;
-  }
+        // Get options, with sensible defaults.
+        this.height = opts.height || 100;
+        this.width = opts.width || 100;
+        this.units = opts.units || '%';
 
-  ProgressBar.prototype = {
+        // Initialize heights.
+        this.div.style.height = this.height + this.units;
+        this.percent = 0;
+    }
 
-    updateBar: function ProgressBar_updateBar() {
-      if (this._indeterminate) {
-        this.div.classList.add('indeterminate');
-        this.div.style.width = this.width + this.units;
-        return;
-      }
-
-      this.div.classList.remove('indeterminate');
-      var progressSize = this.width * this._percent / 100;
-      this.div.style.width = progressSize + this.units;
-    },
-
-    get percent() {
-      return this._percent;
-    },
-
-    set percent(val) {
-      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);');
+    ProgressBar.prototype = {
+
+        updateBar: function ProgressBar_updateBar() {
+            if (this._indeterminate) {
+                this.div.classList.add('indeterminate');
+                this.div.style.width = this.width + this.units;
+                return;
+            }
+
+            this.div.classList.remove('indeterminate');
+            var progressSize = this.width * this._percent / 100;
+            this.div.style.width = progressSize + this.units;
+        },
+
+        get percent() {
+            return this._percent;
+        },
+
+        set percent(val) {
+            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');
         }
-      }
-    },
+    };
 
-    hide: function ProgressBar_hide() {
-      this.bar.classList.add('hidden');
-      this.bar.removeAttribute('style');
-    }
-  };
-
-  return ProgressBar;
+    return ProgressBar;
 })();
 
 var Cache = function cacheCache(size) {
-  var data = [];
-  this.push = function cachePush(view) {
-    var i = data.indexOf(view);
-    if (i >= 0)
-      data.splice(i);
-    data.push(view);
-    if (data.length > size)
-      data.shift().destroy();
-  };
+    var data = [];
+    this.push = function cachePush(view) {
+        var i = data.indexOf(view);
+        if (i >= 0)
+            data.splice(i);
+        data.push(view);
+        if (data.length > size)
+            data.shift().destroy();
+    };
 };
 
 //#if !(FIREFOX || MOZCENTRAL || B2G)
 var isLocalStorageEnabled = (function isLocalStorageEnabledClosure() {
-  // Feature test as per http://diveintohtml5.info/storage.html
-  // The additional localStorage call is to get around a FF quirk, see
-  // bug #495747 in bugzilla
-  try {
-    return ('localStorage' in window && window['localStorage'] !== null &&
+    // Feature test as per http://diveintohtml5.info/storage.html
+    // The additional localStorage call is to get around a FF quirk, see
+    // bug #495747 in bugzilla
+    try {
+        return ('localStorage' in window && window['localStorage'] !== null &&
             localStorage);
-  } catch (e) {
-    return false;
-  }
+    } catch (e) {
+        return false;
+    }
 })();
 //#endif

data/app/assets/javascripts/viewerjs/{viewer.js → viewer.js.erb}

@@ -9,7 +9,7 @@ function Viewer(c) {
         n = document.createElement("div");
         n.id = "aboutDialog";
         n.innerHTML = '<h1>ViewerJS</h1><p>Open Source document viewer for webpages, built with HTML and JavaScript.</p><p>Learn more and get your own copy on the <a href="http://viewerjs.org/" target="_blank">ViewerJS website</a>.</p>' +
-            (c ? '<p>Using the <a href = "' + f + '" target="_blank">' + A + '</a> (<span id = "pluginVersion">' + d + "</span>) plugin to show you this document.</p>" : "") + '<p>Supported by <a href="http://nlnet.nl" target="_blank"><br><img src="../../images/nlnet.png" width="160" height="60" alt="NLnet Foundation"></a></p><p>Made by <a href="http://kogmbh.com" target="_blank"><br><img src="../../images/kogmbh.png" width="172" height="40" alt="KO GmbH"></a></p><button id = "aboutDialogCloseButton" class = "toolbarButton textButton">Close</button>';
+                (c ? '<p>Using the <a href = "' + f + '" target="_blank">' + A + '</a> (<span id = "pluginVersion">' + d + "</span>) plugin to show you this document.</p>" : "") + '<p>Supported by <a href="http://nlnet.nl" target="_blank"><br><img src="<%=asset_path("nlnet.png")%>" width="160" height="60" alt="NLnet Foundation"></a></p><p>Made by <a href="http://kogmbh.com" target="_blank"><br><img src="<%=asset_path("kogmbh.png")%>" width="172" height="40" alt="KO GmbH"></a></p><button id = "aboutDialogCloseButton" class = "toolbarButton textButton">Close</button>';
         u.appendChild(a);
         a.appendChild(b);
         b.appendChild(n);
@@ -53,7 +53,7 @@ function Viewer(c) {
     function e(a, b, g) {
         var e, f;
         if (e = "custom" === a ? parseFloat(document.getElementById("customScaleOption").textContent) /
-            100 : parseFloat(a))C(e, !0, g); else {
+                100 : parseFloat(a))C(e, !0, g); else {
             e = d.clientWidth - p;
             f = d.clientHeight - p;
             switch (a) {
@@ -107,12 +107,12 @@ function Viewer(c) {
     }
 
     var b = this, p = 40, r = !1, l = !1, J = !1, s = !1, y, g = document.getElementById("viewer"), d = document.getElementById("canvasContainer"), w = document.getElementById("overlayNavigator"), h = document.getElementById("titlebar"), m = document.getElementById("toolbarContainer"), K = document.getElementById("toolbarLeft"),
-        Q = document.getElementById("toolbarMiddleContainer"), O = document.getElementById("scaleSelect"), u = document.getElementById("dialogOverlay"), N = document.getElementById("toolbarRight"), n, L, t = [], k, F, G, H;
+            Q = document.getElementById("toolbarMiddleContainer"), O = document.getElementById("scaleSelect"), u = document.getElementById("dialogOverlay"), N = document.getElementById("toolbarRight"), n, L, t = [], k, F, G, H;
     this.initialize = function () {
         var a = String(document.location), z = a.indexOf("#"), a = a.substr(z + 1);
-        -1 === z || 0 === a.length ? console.log("Could not parse file path argument.") : (y = a, L = y.replace(/^.*[\\\/]/, ""), document.title = L, document.getElementById("documentName").innerHTML = document.title, c.onLoad = function () {
+        -1 === z || 0 === a.length ? console.log("Could not parse file path argument.") : (y = a, L = y.replace(/^.*[\\\/]/, ""), document.title = L, document.getElementById("documentName").innerHTML = ((_document_title.trim().length <= 0 ) ? document.title : _document_title.trim()), c.onLoad = function () {
             document.getElementById("pluginVersion").innerHTML =
-                c.getPluginVersion();
+                    c.getPluginVersion();
             (s = c.isSlideshow()) ? (d.classList.add("slideshow"), K.style.visibility = "visible") : (Q.style.visibility = "visible", c.getPageInView && (K.style.visibility = "visible"));
             J = !0;
             t = c.getPages();
@@ -133,16 +133,16 @@ function Viewer(c) {
         b.showPage(k + 1)
     };
     this.showPreviousPage =
-        function () {
-            b.showPage(k - 1)
-        };
+            function () {
+                b.showPage(k - 1)
+            };
     this.download = function () {
         var a = y.split("#")[0];
         window.open(a + "#viewer.action=download", "_parent")
     };
     this.toggleFullScreen = function () {
         l ? document.cancelFullScreen ? document.cancelFullScreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitCancelFullScreen ? document.webkitCancelFullScreen() : document.msExitFullscreen && document.msExitFullscreen() : g.requestFullScreen ? g.requestFullScreen() : g.mozRequestFullScreen ? g.mozRequestFullScreen() : g.webkitRequestFullScreen ?
-            g.webkitRequestFullScreen() : g.msRequestFullscreen && g.msRequestFullscreen()
+                g.webkitRequestFullScreen() : g.msRequestFullscreen && g.msRequestFullscreen()
     };
     this.togglePresentationMode = function () {
         var a = document.getElementById("overlayCloseButton");
@@ -150,9 +150,9 @@ function Viewer(c) {
         }, d.oncontextmenu = function () {
         }, d.onmousedown = function () {
         }, e("auto"), s = c.isSlideshow()) : (h.style.display = m.style.display = "none", a.style.display = "block", d.classList.add("presentationMode"), s = !0, d.onmousedown =
-            function (a) {
-                a.preventDefault()
-            }, d.oncontextmenu = function (a) {
+                function (a) {
+                    a.preventDefault()
+                }, d.oncontextmenu = function (a) {
             a.preventDefault()
         }, d.onmouseup = function (a) {
             a.preventDefault();
@@ -177,7 +177,7 @@ function Viewer(c) {
     (function () {
         M();
         c && (b.initialize(),
-            document.cancelFullScreen || document.mozCancelFullScreen || document.webkitCancelFullScreen || document.msExitFullscreen || (document.getElementById("fullscreen").style.visibility = "hidden", document.getElementById("presentation").style.visibility = "hidden"), document.getElementById("overlayCloseButton").addEventListener("click", b.toggleFullScreen), document.getElementById("fullscreen").addEventListener("click", b.toggleFullScreen), document.getElementById("presentation").addEventListener("click", function () {
+                document.cancelFullScreen || document.mozCancelFullScreen || document.webkitCancelFullScreen || document.msExitFullscreen || (document.getElementById("fullscreen").style.visibility = "hidden", document.getElementById("presentation").style.visibility = "hidden"), document.getElementById("overlayCloseButton").addEventListener("click", b.toggleFullScreen), document.getElementById("fullscreen").addEventListener("click", b.toggleFullScreen), document.getElementById("presentation").addEventListener("click", function () {
             l ||
             b.toggleFullScreen();
             b.togglePresentationMode()
@@ -188,9 +188,9 @@ function Viewer(c) {
         }), document.getElementById("zoomIn").addEventListener("click", function () {
             b.zoomIn()
         }),
-            document.getElementById("previous").addEventListener("click", function () {
-                b.showPreviousPage()
-            }), document.getElementById("next").addEventListener("click", function () {
+                document.getElementById("previous").addEventListener("click", function () {
+                    b.showPreviousPage()
+                }), document.getElementById("next").addEventListener("click", function () {
             b.showNextPage()
         }), document.getElementById("previousPage").addEventListener("click", function () {
             b.showPreviousPage()
@@ -199,9 +199,9 @@ function Viewer(c) {
         }), document.getElementById("pageNumber").addEventListener("change", function () {
             b.showPage(this.value)
         }), document.getElementById("scaleSelect").addEventListener("change",
-            function () {
-                e(this.value)
-            }), d.addEventListener("click", v), w.addEventListener("click", v), d.addEventListener("click", P), h.addEventListener("click", x), m.addEventListener("click", x), window.addEventListener("scalechange", function (a) {
+                function () {
+                    e(this.value)
+                }), d.addEventListener("click", v), w.addEventListener("click", v), d.addEventListener("click", P), h.addEventListener("click", x), m.addEventListener("click", x), window.addEventListener("scalechange", function (a) {
             var b = document.getElementById("customScaleOption"), c = B(String(a.scale));
             b.selected = !1;
             c || (b.textContent = Math.round(1E4 * a.scale) / 100 + "%", b.selected = !0)