From 67d524a3661a39a9aa188c0387c1ada222280481 Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Sun, 23 Mar 2014 14:40:24 +0100
Subject: implementiere die Anzeige des Vertretungsplans

---
 js/index.js | 71 +++++++++++++++++++++++++++++++++----------------------------
 1 file changed, 38 insertions(+), 33 deletions(-)

(limited to 'js')

diff --git a/js/index.js b/js/index.js
index b9c7242..f07f600 100644
--- a/js/index.js
+++ b/js/index.js
@@ -16,36 +16,43 @@
  *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-function show_pdf(url){
-    $('#input').attr('src', url);
-
-    console.log("Download fertig, parse PDF");
-
-    var input = document.getElementById("input");
-    var processor = document.getElementById("processor");
-    var output = document.getElementById("output");
-
-    window.addEventListener("message", function(event){
-        if(event.source != processor.contentWindow) return;
-
-        switch(event.data){
-            case "ready":
-                var xhr = new XMLHttpRequest;
-                xhr.open("GET", input.getAttribute("src"), true);
-                xhr.responseType = "arraybuffer";
-
-                xhr.onload = function(event){
-                    processor.contentWindow.postMessage(this.response, "*");
-                };
-
-                xhr.send();
-                break;
-
-            default:
-                output.textContent = event.data.replace(/\s+/g, " ");
-                break;
-        }
-    }, true);
+var page_html = '\
+<div data-role="page" class="page" id="page-{ID}" data-prefetch>\
+    <div data-role="header">\
+        <h1>WvS VPlan | Vertretungen</h1>\
+    </div>\
+    <div role="main" class="ui-content">\
+        <canvas id="canvas-{ID}" style="border:1px solid black;"/>\
+    </div>\
+</div>\
+';
+
+function show_pdf(url, filename){
+    name = encodeURIComponent(filename.replace(".pdf", ""));
+
+    console.log("Download fertig, zeige PDF " + name);
+
+    $("#loginpage").after(page_html.replace(/{ID}/g, name));
+    location.href = "#page-" + name;
+
+    PDFJS.getDocument(url).then(function(pdf){
+        pdf.getPage(1).then(function(page){
+            var scale = 1.5;
+            var viewport = page.getViewport(scale);
+            var canvas = document.getElementById("canvas-" + name);
+            var context = canvas.getContext('2d');
+
+            canvas.height = viewport.height;
+            canvas.width = viewport.width;
+
+            var renderContext = {
+                canvasContext: context,
+                viewport: viewport
+            };
+
+            page.render(renderContext);
+        });
+    });
 }
 
 function fail(text){
@@ -71,7 +78,7 @@ function download_pdf(link){
                             sPath,
                             function(theFile){
                                 console.log("Download fertig: " + theFile.toURL());
-                                show_pdf(theFile.toURL());
+                                show_pdf(theFile.toURL(), filename);
                             },
                             function(error){
                                 console.log("Fehler: " + error.source + " - "+ error.target + " - " + error.code);
@@ -119,8 +126,6 @@ function get_overview(link){
         }
 
         console.log('Übersichts-Request erfolgreich');
-
-        location.href = '#overview';
     });
 
     request.fail(function(jqXHR, textStatus){
-- 
cgit v1.3.1