aboutsummaryrefslogtreecommitdiff
path: root/pointless/viewer
diff options
context:
space:
mode:
authorpacien2018-07-19 12:32:20 +0200
committerpacien2018-07-19 12:32:20 +0200
commitfeed2b79f25899d4655b1391b2ff58f8147303af (patch)
treec154c369cf24624271fbf76ece78c33d7005eb24 /pointless/viewer
parent8931cc9418be09206de86f6081b61d591ce8e862 (diff)
downloadbeamer-viewer-feed2b79f25899d4655b1391b2ff58f8147303af.tar.gz
Add welcome screen
Diffstat (limited to 'pointless/viewer')
-rw-r--r--pointless/viewer/viewer.css14
-rw-r--r--pointless/viewer/viewer.js6
2 files changed, 17 insertions, 3 deletions
diff --git a/pointless/viewer/viewer.css b/pointless/viewer/viewer.css
index be4f876..57d95f4 100644
--- a/pointless/viewer/viewer.css
+++ b/pointless/viewer/viewer.css
@@ -13,10 +13,22 @@ html, body {
13 height: 100%; 13 height: 100%;
14} 14}
15 15
16#fileInput { 16#welcomeScreen {
17 display: none; 17 display: none;
18} 18}
19 19
20#welcomeScreen table {
21 width: 100%;
22 border-collapse: collapse;
23}
24
25#welcomeScreen table td {
26 text-align: center;
27 border: 1px solid white;
28 width: 50%;
29 height: 8rem;
30}
31
20.centered { 32.centered {
21 position: absolute; 33 position: absolute;
22 top: 50%; 34 top: 50%;
diff --git a/pointless/viewer/viewer.js b/pointless/viewer/viewer.js
index 78035ee..9e92c2c 100644
--- a/pointless/viewer/viewer.js
+++ b/pointless/viewer/viewer.js
@@ -9,13 +9,15 @@
9 9
10class Viewer { 10class Viewer {
11 constructor() { 11 constructor() {
12 this.welcomeScreen = document.getElementById("welcomeScreen");
12 this.fileInput = document.getElementById("fileInput"); 13 this.fileInput = document.getElementById("fileInput");
13 this.fileInput.style.display = "block"; 14
15 this.welcomeScreen.style.display = "block";
14 this._listenForInput(); 16 this._listenForInput();
15 } 17 }
16 18
17 load(source) { 19 load(source) {
18 this.fileInput.style.display = "none"; 20 this.welcomeScreen.style.display = "none";
19 pdfjsLib.getDocument(source).then(function(pdf) { 21 pdfjsLib.getDocument(source).then(function(pdf) {
20 var presentation = new Presentation(pdf); 22 var presentation = new Presentation(pdf);
21 }); 23 });