Add "reload page" button when Lounge fails to start.

thelounge · Jun 10, 2017 · cba8758 · cba8758
1 parent 45df995
commit cba8758
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/client/index.html b/client/index.html
@@ -52,7 +52,10 @@ <h1 class="title">The Lounge is loading…</h1>
 							</div>
 							<div class="col-xs-12">
 								<p id="loading-page-message">Loading the app… <a href="http://enable-javascript.com/" target="_blank" rel="noopener">Make sure to have JavaScript enabled.</a></p>
-								<p id="loading-slow">This is taking longer than it should, there might be connectivity issues.</p>
+								<div id="loading-slow">
+									<p>This is taking longer than it should, there might be connectivity issues.</p>
+									<button id="loading-slow-reload" class="btn">Reload page</button>
+								</div>
 								<script async src="js/loading-slow-alert.js"></script>
 							</div>
 						</div>

diff --git a/client/js/loading-slow-alert.js b/client/js/loading-slow-alert.js
@@ -15,3 +15,7 @@ setTimeout(function() {
 		element.style.display = "block";
 	}
 }, 5000);
+
+document.getElementById("loading-slow-reload").addEventListener("click", function() {
+	location.reload();
+});