Incorporate Viewer.js to display opendocument formats

media/js/Viewer.js/ODFViewerPlugin.js

@@ -0,0 +1,159 @@
+/**
+ * @license
+ * Copyright (C) 2012 KO GmbH <copyright@kogmbh.com>
+ *
+ * @licstart
+ * The JavaScript code in this page is free software: you can redistribute it
+ * and/or modify it under the terms of the GNU Affero General Public License
+ * (GNU AGPL) as published by the Free Software Foundation, either version 3 of
+ * the License, or (at your option) any later version.  The code is distributed
+ * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE.  See the GNU AGPL for more details.
+ *
+ * As additional permission under GNU AGPL version 3 section 7, you
+ * may distribute non-source (e.g., minimized or compacted) forms of
+ * that code without the copy of the GNU GPL normally required by
+ * section 4, provided you include this license notice and a URL
+ * through which recipients can access the Corresponding Source.
+ *
+ * As a special exception to the AGPL, any HTML file which merely makes function
+ * calls to this code, and for that purpose includes it by reference shall be
+ * deemed a separate work for copyright law purposes. In addition, the copyright
+ * holders of this code give you permission to combine this code with free
+ * software libraries that are released under the GNU LGPL. You may copy and
+ * distribute such a system following the terms of the GNU AGPL for this code
+ * and the LGPL for the libraries. If you modify this code, you may extend this
+ * exception to your version of the code, but you are not obligated to do so.
+ * If you do not wish to do so, delete this exception statement from your
+ * version.
+ *
+ * This license applies to this entire compilation.
+ * @licend
+ * @source: http://www.webodf.org/
+ * @source: http://gitorious.org/webodf/webodf/
+ */
+
+/*global runtime, document, odf, console*/
+
+function ODFViewerPlugin() {
+    "use strict";
+
+    function init(callback) {
+        var lib = document.createElement('script');
+        lib.async = false;
+        lib.src = './webodf.js';
+        lib.type = 'text/javascript';
+        lib.onload = function () {
+            runtime.currentDirectory = function () {
+                return "../../webodf/lib";
+            };
+            runtime.libraryPaths = function () {
+                return [ runtime.currentDirectory() ];
+            };
+
+            runtime.loadClass('odf.OdfCanvas');
+            callback();
+        };
+
+        document.getElementsByTagName('head')[0].appendChild(lib);
+    }
+
+    // that should probably be provided by webodf
+    function nsResolver(prefix) {
+        var ns = {
+            'draw' : "urn:oasis:names:tc:opendocument:xmlns:drawing:1.0",
+            'presentation' : "urn:oasis:names:tc:opendocument:xmlns:presentation:1.0",
+            'text' : "urn:oasis:names:tc:opendocument:xmlns:text:1.0",
+            'office' : "urn:oasis:names:tc:opendocument:xmlns:office:1.0"
+        };
+        return ns[prefix] || console.log('prefix [' + prefix + '] unknown.');
+    }
+
+    var self = this,
+        odfCanvas = null,
+        odfElement = null,
+        initialized = false,
+        root = null,
+        documentType = null,
+        pages = [],
+        currentPage = null;
+
+    this.initialize = function (viewerElement, documentUrl) {
+        // If the URL has a fragment (#...), try to load the file it represents
+        init(function () {
+            odfElement = document.getElementById('canvas');
+            odfCanvas = new odf.OdfCanvas(odfElement);
+            odfCanvas.load(documentUrl);
+
+            odfCanvas.addListener('statereadychange', function () {
+                root = odfCanvas.odfContainer().rootElement;
+                initialized = true;
+                documentType = odfCanvas.odfContainer().getDocumentType(root);
+                if (documentType === 'text') {
+                    odfCanvas.enableAnnotations(true);
+                }
+                self.onLoad();
+            });
+        });
+    };
+
+    this.isSlideshow = function () {
+        return documentType === 'presentation';
+    };
+
+    this.onLoad = function () {};
+
+    this.getWidth = function () {
+        return odfElement.clientWidth;
+    };
+
+    this.getHeight = function () {
+        return odfElement.clientHeight;
+    };
+
+    this.fitToWidth = function (width) {
+        odfCanvas.fitToWidth(width);
+    };
+
+    this.fitToHeight = function (height) {
+        odfCanvas.fitToHeight(height);
+    };
+
+    this.fitToPage = function (width, height) {
+        odfCanvas.fitToContainingElement(width, height);
+    };
+
+    this.fitSmart = function (width) {
+        odfCanvas.fitSmart(width);
+    };
+
+    this.getZoomLevel = function () {
+        return odfCanvas.getZoomLevel();
+    };
+
+    this.setZoomLevel = function (value) {
+        odfCanvas.setZoomLevel(value);
+    };
+
+    // return a list of tuples (pagename, pagenode)
+    this.getPages = function () {
+        var pageNodes = Array.prototype.slice.call(root.getElementsByTagNameNS(nsResolver('draw'), 'page')),
+            pages  = [],
+            i,
+            tuple;
+
+        for (i = 0; i < pageNodes.length; i += 1) {
+            tuple = [
+                pageNodes[i].getAttribute('draw:name'),
+                pageNodes[i]
+            ];
+            pages.push(tuple);
+        }
+        return pages;
+    };
+    
+    this.showPage = function (n) {
+        odfCanvas.showPage(n);
+    };
+ 
+}