From: Carl Worth <cworth@cworth.org>
Date: Sun, 10 May 2020 15:45:02 +0000 (-0700)
Subject: Add a message when the connection to the server is lost
X-Git-Url: https://git.cworth.org/git?p=empires-html;a=commitdiff_plain;h=591fb6a7ac42ce2a38e185ee8f71b7b4c615f813

Add a message when the connection to the server is lost

Making it clear to the user that something has gone wrong.
---

diff --git a/empires-client.js b/empires-client.js
index 5f489f8..ff952a3 100644
--- a/empires-client.js
+++ b/empires-client.js
@@ -34,6 +34,12 @@ function register(form) {
 
 const events = new EventSource(API + "events");
 
+events.onerror = function(event) {
+  if (event.target.readyState === EventSource.CLOSED) {
+      add_message("danger", "Connection to server lost.");
+  }
+};
+
 events.addEventListener("players", function(event) {
   const players_element = document.getElementById("players");
   const players = JSON.parse(event.data);