Add function automatic logout

If the user makes a coffee, the user will logout automatically in 10 second.

diff --git a/templates/main.js b/templates/main.js
index 11320ef87655aa310e31a418ebf749698dfafd15..5416627e1105d36e1b1789690c5dbe1bef5c9bd8 100644 (file)
--- a/templates/main.js
+++ b/templates/main.js
@@ -28,12 +28,25 @@ function loadLocalStorage() {
 
 var flavorChosen;
 
+function countingTimeLogout(count_time){
+    document.getElementById("logout_button").value = 'Logout in \n(' + count_time + ' second)';
+    if (count_time == 0){
+       timer = setTimeout(logout, 100);
+       return;
+    }
+    setTimeout(function() {  countingTimeLogout(count_time -1); }, 1000);
+}
+
 function updateNextStep()
 {
     if (loggedIn) {
-       document.getElementById("nextStep").innerHTML = "Now select a beverage on the coffee machine…";
+       document.getElementById("nextStep").innerHTML = "Now select a beverage on the coffee machine…";
     } else {
-       document.getElementById("nextStep").innerHTML = "Enjoy your " + flavorChosen + "!";
+        if (flavorChosen !== undefined) {
+           document.getElementById("nextStep").innerHTML = "Enjoy your " + flavorChosen + "!";
+           flavorChosen=undefined;
+           countingTimeLogout(10); //mean 10 seconds
+        }
     }
 }
 
@@ -125,17 +138,14 @@ function ajax(method, route, data, id) {
     }
 }
 
-//var timer;
 
 function login(id) {
     ajax("POST", "login", id, "user");
     loggedIn = true;
     document.getElementById("local").style.display = "none";
-    //timer = setTimeout(logout, 20000);
 }
 
 function logout() {
-    //clearTimeout(timer);
     sendReset();
     ajax("GET", "logout", "", "user");
     loggedIn = false;

diff --git a/templates/user.html b/templates/user.html
index 94c5d533c775d46e69905903d4d2e881d6d58640..4e3725f33090d85ca170aa06c3b6d1054fa78a81 100644 (file)
--- a/templates/user.html
+++ b/templates/user.html
@@ -1,6 +1,6 @@
 {% if name %}
     <form style="position: absolute; right: 15%; width: 15%; height: 15%;">
-        <input type="button" value="logout" onclick="logout()" style="width: 100%; height: 100%;">
+        <input type="button" value="logout" id="logout_button" onclick="logout()" style="width: 100%; height: 100%;">
     </form>
 
     <h1>Hello, {{ name }}!</h1>
@@ -23,7 +23,6 @@
         </form>
         {% endif %}
     </p>
-
     <p>
         <form>
             <input id="username" type="text" name="name">