Better guidance for users

diff --git a/templates/main.js b/templates/main.js
index 9feaf6e345b11ccea93360afe5c49b7f9a255249..624015cc9dafc2297272ba2e8495d79bbad34719 100644 (file)
--- a/templates/main.js
+++ b/templates/main.js
@@ -26,6 +26,17 @@ function loadLocalStorage() {
     }
 }
 
+var flavorChosen;
+
+function updateNextStep()
+{
+    if (loggedIn) {
+       document.getElementById("nextStep").innerHTML = "Now select a beverage on the coffee machine…";
+    } else {
+       document.getElementById("nextStep").innerHTML = "Enjoy your " + flavorChosen + "!";
+    }
+}
+
 function hiddenUpdateRemote(json) {
     var msg = JSON.parse(json);
 
@@ -50,6 +61,7 @@ function hiddenUpdateRemote(json) {
                 var flavor = getFlavor(msg.key);
                 if (flavor !== "") {
                     addCoffee(flavor);
+                   flavorChosen = flavor;
                     loggedIn = false;
                 }
             }
@@ -85,6 +97,7 @@ function ajax(method, route, data, id) {
         if (this.readyState == 4) {
             if (this.status == 200) {
                 update(id, this.responseText);
+                updateNextStep();
             } else {
                 updateRemote = undefined;
                 update("remote", "<center>Server offline...</center>");

diff --git a/templates/user.html b/templates/user.html
index c5d89dca0c3d63c36e4eea13a5561fb5c25d0a67..ecc2167c9bafca4036e7b0f6193aa52979af1cac 100644 (file)
--- a/templates/user.html
+++ b/templates/user.html
@@ -5,6 +5,8 @@
 
     <h1>Hello, {{ name }}!</h1>
 
+    <p id="nextStep"></p>
+
     {% if count %}
     <p>You've had {{ count }} coffee{% if count != 1 %}s{% endif %} today.</p>
     {% endif %}