added loading overlay on socket.io server connection

2020-05-05 22:27:37 +02:00
parent 1087d0ee0c
commit 53878a440a
6 changed files with 80 additions and 2 deletions
--- a/public/index.html
+++ b/public/index.html
@@ -16,6 +16,16 @@
 </head>

 <body>
+	<div id="loading_overlay" class="active">
+		<span id="loading_text">Connecting to the server...</span>
+		<div class="lds-ring">
+			<div></div>
+			<div></div>
+			<div></div>
+			<div></div>
+		</div>
+	</div>
+
 	<aside id="sidebar" role="navigation">
 		<span id="main_home_tablink" class="main_tablinks" role="link" aria-label="home"><i
 				class="material-icons side_icon">home</i><span class="main_tablinks_text">Home</span></span>