From 6b31de062067f9d5c82b6a82372eb7abf76dac00 Mon Sep 17 00:00:00 2001
From: Marvin Scholz <epirat07@gmail.com>
Date: Fri, 12 May 2017 14:04:36 +0200
Subject: [PATCH] Implement Queue for Socialwall frontend

---
 socialdragon/templates/index.html | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/socialdragon/templates/index.html b/socialdragon/templates/index.html
index e43dc7d..9efb9e7 100755
--- a/socialdragon/templates/index.html
+++ b/socialdragon/templates/index.html
@@ -79,17 +79,36 @@
 <div style="clear:both"></div>
 
 <script type="text/javascript">
-var exampleSocket = new WebSocket("ws://192.168.2.108:8000/ws");
+var queue = [];
+
+var exampleSocket = new WebSocket("ws://Marvins-MacBook-Pro.local:8000/ws");
 exampleSocket.onopen = function (event) {
-	console.log("WS: Connection open!");
-	console.log("Proto: " + exampleSocket.protocol);
-	exampleSocket.send("Here's some text that the server is urgently awaiting!");
+	console.log("WS: Connection open");
 };
 exampleSocket.onmessage = function (event) {
+	console.log("WS: Received message");
     IT = JSON.parse(event.data);
-    document.getElementById("snapwall_image").src = IT["Path"];
+	if (IT["State"] === 1) {
+		queue.push(IT);
+	}
 	console.log(event.data);
 }
+
+function displayNewSnap() {
+	var item = queue.shift();
+	if (item) {
+		document.getElementById("snapwall_image").src = item["Path"];
+	}
+}
+
+setInterval(function() {
+	displayNewSnap();
+}, 7000); // 7 seconds
+
+/* TODO: Load initial approved images to be able to show
+ * something, even when reloading
+*/
+
 </script>
 
 <script type="text/javascript">