dashboard edits

dwcares · Jan 11, 2017 · 5d8a40b · 5d8a40b
1 parent 8350591
commit 5d8a40b
Show file tree

Hide file tree

Showing 21 changed files with 69 additions and 3 deletions.
diff --git a/.gitignore b/.gitignore
@@ -28,4 +28,5 @@ node_modules
 
 # Visual Studio Code settings
 .vscode
-Code
+Code
+typings
diff --git a/dashboard/dashboard.css b/dashboard/dashboard.css
@@ -1,13 +1,29 @@
 .gameboard {
-	width: 400px;
+	width: 200px;
+	margin-left: 5px;
+	margin-top: 5px;
 }
 
 body {
-	background-color: lightblue;
 	overflow-y: auto;
 }
 
 #games {
 	display: flex;
 	flex-flow: row wrap;
+
+	/*transform: scale(0.5);*/
+}
+
+#slides {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	z-index: 99999;
+
+}
+
+
+#slidesImg {
+	width: 100%;
 }
diff --git a/dashboard/dashboard.html b/dashboard/dashboard.html
@@ -7,6 +7,9 @@
     <link rel="stylesheet" href="/dashboard.css" />
   </head>
   <body>
+    <div id='slides'>
+        <img id ='slidesImg' src=""/>
+    </div>
     <div id='games'></div>
     <script src="../lib/socket.io-1.2.0.js"></script>
     <script src="../lib/jquery-1.11.1.js"></script>

diff --git a/dashboard/dashboard.js b/dashboard/dashboard.js
@@ -6,6 +6,52 @@
       var socket = io();
       var games = {};
       var boards = {};
+      var slides = ['img/slide1.jpg',
+                    'img/slide2.jpg',
+                    'img/slide4.jpg',
+                    'img/slide3.jpg',
+                    'img/slide5.jpg',
+                    'img/slide6.jpg',
+                    'img/slide8.jpg',
+                    'img/slide9.jpg',
+                    'img/slide10.jpg',
+                    'img/slide11.jpg',
+                    'img/slide12.jpg',
+                    'img/slide13.jpg',
+                    'img/slide14.jpg',
+                    'img/githublink.gif',
+                    'img/slide16.jpg',
+                    'hide'];
+
+      var slidesDiv = document.getElementById('slides');
+      var slidesImg = document.getElementById('slidesImg');
+
+      var currentSlide = 0;
+      slidesImg.src = slides[currentSlide];
+
+      window.addEventListener('keyup', function(e) {
+
+            switch (e.key) {
+                  case "Left":
+                  case "Down":
+                        currentSlide--
+
+                        if (currentSlide < 0) currentSlide = slides.length -1;   
+                        slidesImg.src = slides[currentSlide];
+
+                  break;
+                  default: 
+                        currentSlide++;
+
+                        if (currentSlide >= slides.length) currentSlide = 0;
+                        slidesImg.src = slides[currentSlide];
+
+                        if (slides[currentSlide]=='hide')
+                              slidesDiv.style.display = 'none';
+                        else
+                              slidesDiv.style.display = 'block';
+            }  
+      })
 
       //////////////////////////////
       // Socket.io handlers

diff --git a/dashboard/img/Slide10.JPG b/dashboard/img/Slide10.JPG
diff --git a/dashboard/img/Slide11.JPG b/dashboard/img/Slide11.JPG
diff --git a/dashboard/img/Slide12.JPG b/dashboard/img/Slide12.JPG
diff --git a/dashboard/img/Slide13.JPG b/dashboard/img/Slide13.JPG
diff --git a/dashboard/img/Slide14.JPG b/dashboard/img/Slide14.JPG
diff --git a/dashboard/img/Slide15.JPG b/dashboard/img/Slide15.JPG
diff --git a/dashboard/img/Slide16.JPG b/dashboard/img/Slide16.JPG
diff --git a/dashboard/img/Slide2.JPG b/dashboard/img/Slide2.JPG
diff --git a/dashboard/img/Slide3.JPG b/dashboard/img/Slide3.JPG
diff --git a/dashboard/img/Slide4.JPG b/dashboard/img/Slide4.JPG
diff --git a/dashboard/img/Slide5.JPG b/dashboard/img/Slide5.JPG
diff --git a/dashboard/img/Slide6.JPG b/dashboard/img/Slide6.JPG
diff --git a/dashboard/img/Slide7.JPG b/dashboard/img/Slide7.JPG
diff --git a/dashboard/img/Slide8.JPG b/dashboard/img/Slide8.JPG
diff --git a/dashboard/img/Slide9.JPG b/dashboard/img/Slide9.JPG
diff --git a/dashboard/img/githublink.gif b/dashboard/img/githublink.gif
diff --git a/dashboard/img/slide1.jpg b/dashboard/img/slide1.jpg