Read local file

author: pacien 2018-07-19 02:44:18 +0200
committer: pacien 2018-07-19 02:44:18 +0200
commit: 5c30b8700e16323b3af7d27369818c7a02fdefee (patch)
tree: ec9458cc93bd6d8e8855fc43edac0a8f374cdbbd
parent: 4ece01c6e7a2dd6c09c7b3f7f631f828a8d6c0f0 (diff)
download: beamer-viewer-5c30b8700e16323b3af7d27369818c7a02fdefee.tar.gz
3 files changed, 46 insertions, 8 deletions
diff --git a/pointless/viewer/viewer.css b/pointless/viewer/viewer.css
index 14db376..bea73e6 100644
--- a/pointless/viewer/viewer.css
+++ b/pointless/viewer/viewer.css
@@ -8,10 +8,15 @@
 body {
  background-color: black;
  color: white;
+  font-family: sans-serif;
  overflow: hidden;
 }
-#screen {
+#fileInput {
+  display: none;
+}
+.centered {
  position: absolute;
  top: 50%;
  left: 50%;
@@ -19,14 +24,13 @@ body {
 }
 .notification {
-    position: absolute;
+  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5rem 1rem;
  border-radius: 1rem 1rem 0 0;
  background-color: black;
-  font-family: sans-serif;
  font-size: 1.6rem;
 }
diff --git a/pointless/viewer/viewer.js b/pointless/viewer/viewer.js
index 00c6f76..1c651fc 100644
--- a/pointless/viewer/viewer.js
+++ b/pointless/viewer/viewer.js
@@ -16,8 +16,41 @@ var params = function() {
  return queryDict;
 }();
-if (window.opener == null) {
+function isController() {
-  pdfjsLib.getDocument(params["file"]).then(function(pdf) {
+  return window.opener == null || window.opener.location.href != window.location.href;
-    var presentation = new Presentation(pdf);
+}
-  });
+class Viewer {
+  constructor() {
+    this.fileInput = document.getElementById("fileInput");
+    this.fileInput.style.display = "block";
+    var self = this;
+    fileInput.addEventListener("change", function(event) {
+      var callback = function(file) { self._load(file) };
+      self._readFile(event.target.files[0], callback);
+    });
+    if ("file" in params)
+      this._load(params["file"]);
+  }
+  _load(source) {
+    this.fileInput.style.display = "none";
+    pdfjsLib.getDocument(source).then(function(pdf) {
+      var presentation = new Presentation(pdf);
+    });
+  }
+  _readFile(file, callback) {
+    var fileReader = new FileReader();
+    fileReader.onload = function() {
+      var byteArray = new Uint8Array(this.result);
+      callback(byteArray);
+    }
+  
+    fileReader.readAsArrayBuffer(file);
+  }
 }
+if (isController()) new Viewer();
diff --git a/viewer.html b/viewer.html
index f4c6dde..943bbce 100644
--- a/viewer.html
+++ b/viewer.html
@@ -15,7 +15,8 @@
  </head>
  <body>
-    <canvas id="screen"></canvas>
+    <canvas id="screen" class="centered"></canvas>
+    <input id="fileInput" class="centered" type="file" multiple="false"/>
    <div id="timer" class="notification"></div>
    <div id="message" class="notification"></div>
author	pacien	2018-07-19 02:44:18 +0200
committer	pacien	2018-07-19 02:44:18 +0200
commit	5c30b8700e16323b3af7d27369818c7a02fdefee (patch)
tree	ec9458cc93bd6d8e8855fc43edac0a8f374cdbbd
parent	4ece01c6e7a2dd6c09c7b3f7f631f828a8d6c0f0 (diff)
download	beamer-viewer-5c30b8700e16323b3af7d27369818c7a02fdefee.tar.gz

diff --git a/pointless/viewer/viewer.css b/pointless/viewer/viewer.css index 14db376..bea73e6 100644 --- a/pointless/viewer/viewer.css +++ b/pointless/viewer/viewer.css
@@ -8,10 +8,15 @@
8	body {	8	body {
9	background-color: black;	9	background-color: black;
10	color: white;	10	color: white;
		11	font-family: sans-serif;
11	overflow: hidden;	12	overflow: hidden;
12	}	13	}
13		14
14	#screen {	15	#fileInput {
		16	display: none;
		17	}
		18
		19	.centered {
15	position: absolute;	20	position: absolute;
16	top: 50%;	21	top: 50%;
17	left: 50%;	22	left: 50%;
@@ -19,14 +24,13 @@ body {
19	}	24	}
20		25
21	.notification {	26	.notification {
22	position: absolute;	27	position: absolute;
23	bottom: 0;	28	bottom: 0;
24	left: 50%;	29	left: 50%;
25	transform: translateX(-50%);	30	transform: translateX(-50%);
26	padding: 0.5rem 1rem;	31	padding: 0.5rem 1rem;
27	border-radius: 1rem 1rem 0 0;	32	border-radius: 1rem 1rem 0 0;
28	background-color: black;	33	background-color: black;
29	font-family: sans-serif;
30	font-size: 1.6rem;	34	font-size: 1.6rem;
31	}	35	}
32		36


diff --git a/pointless/viewer/viewer.js b/pointless/viewer/viewer.js index 00c6f76..1c651fc 100644 --- a/pointless/viewer/viewer.js +++ b/pointless/viewer/viewer.js
@@ -16,8 +16,41 @@ var params = function() {
16	return queryDict;	16	return queryDict;
17	}();	17	}();
18		18
19	if (window.opener == null) {	19	function isController() {
20	pdfjsLib.getDocument(params["file"]).then(function(pdf) {	20	return window.opener == null \|\| window.opener.location.href != window.location.href;
21	var presentation = new Presentation(pdf);	21	}
22	});	22
		23	class Viewer {
		24	constructor() {
		25	this.fileInput = document.getElementById("fileInput");
		26	this.fileInput.style.display = "block";
		27
		28	var self = this;
		29	fileInput.addEventListener("change", function(event) {
		30	var callback = function(file) { self._load(file) };
		31	self._readFile(event.target.files[0], callback);
		32	});
		33
		34	if ("file" in params)
		35	this._load(params["file"]);
		36	}
		37
		38	_load(source) {
		39	this.fileInput.style.display = "none";
		40	pdfjsLib.getDocument(source).then(function(pdf) {
		41	var presentation = new Presentation(pdf);
		42	});
		43	}
		44
		45	_readFile(file, callback) {
		46	var fileReader = new FileReader();
		47	fileReader.onload = function() {
		48	var byteArray = new Uint8Array(this.result);
		49	callback(byteArray);
		50	}
		51
		52	fileReader.readAsArrayBuffer(file);
		53	}
23	}	54	}
		55
		56	if (isController()) new Viewer();


diff --git a/viewer.html b/viewer.html index f4c6dde..943bbce 100644 --- a/viewer.html +++ b/viewer.html
@@ -15,7 +15,8 @@
15	</head>	15	</head>
16		16
17	<body>	17	<body>
18	<canvas id="screen"></canvas>	18	<canvas id="screen" class="centered"></canvas>
		19	<input id="fileInput" class="centered" type="file" multiple="false"/>
19	<div id="timer" class="notification"></div>	20	<div id="timer" class="notification"></div>
20	<div id="message" class="notification"></div>	21	<div id="message" class="notification"></div>
21		22