remember the own ticket and show the help button again

1 files changed, 20 insertions, 1 deletions

diff --git a/index.html b/index.html
index 6973be9..d57ed87 100644
--- a/index.html
+++ b/index.html
@@ -77,13 +77,18 @@ button {
         }
       }
 
+      var myTicket;
       function requestHelp() {
         new HttpClient().get("new", (myNumber) => {
+          myTicket = myNumber;
+          document.getElementById("hilfeButton").style.display = 'none';
+
           let helpDiv = document.getElementById("help");
-          while(helpDiv.firstChild) { helpDiv.removeChild(helpDiv.firstChild); }
           let ticketText = document.createElement("text");
+          ticketText.id = "ticket-text";
           ticketText.innerHTML = "Deine Nummer: ";
           let ticketSpan = document.createElement("span");
+          ticketSpan.id = "ticket";
           ticketSpan.innerHTML = myNumber;
           helpDiv.appendChild(ticketText);
           helpDiv.appendChild(ticketSpan);
@@ -98,6 +103,20 @@ button {
       evtSource.onmessage = (event) => {
         let doneNode = document.getElementById("done");
         doneNode.innerHTML = event.data;
+
+        if (!myTicket) {
+          return;
+        }
+
+        if (event.data == myTicket) {
+          let ticketNode = document.getElementById("ticket");
+          ticketNode.style.color = "red";
+        } else if (event.data > myTicket) {
+          let helpDiv = document.getElementById("help");
+          helpDiv.removeChild(document.getElementById("ticket-text"));
+          helpDiv.removeChild(document.getElementById("ticket"));
+          document.getElementById("hilfeButton").style.display = 'block';
+        }
       };
     </script>
   </head>