From 303dddb12e5f9f96538df6be72017aab75e6377b Mon Sep 17 00:00:00 2001
From: Pavel Djundik <github@xpaw.me>
Date: Sat, 4 Nov 2017 19:11:20 +0200
Subject: [PATCH] wip

---
 client/index.html                 | 20 ++++++++----
 client/views/windows/sign_in.html | 54 ++++++++++++++++---------------
 2 files changed, 42 insertions(+), 32 deletions(-)

diff --git a/client/index.html b/client/index.html
index 66c8ee52..1c4006cf 100644
--- a/client/index.html
+++ b/client/index.html
@@ -46,7 +46,19 @@
 			<div id="windows">
 				<div id="loading" class="window active">
 					<div class="container">
-						{{> ./views/windows/loading}}
+						<div class="row">
+							<div class="col-xs-12">
+								<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>
+								<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>
 					</div>
 				</div>
 				<div id="chat-container" class="window">
@@ -67,11 +79,7 @@
 						</div>
 					</form>
 				</div>
-				<div id="sign-in" class="window">
-					<form class="container" method="post" action="">
-						{{> views/windows/sign_in}}
-					</form>
-				</div>
+				<div id="sign-in" class="window"></div>
 				<div id="connect" class="window">
 					<div class="header">
 						<button class="lt" aria-label="Toggle channel list"></button>
diff --git a/client/views/windows/sign_in.html b/client/views/windows/sign_in.html
index 7c108eaf..d43a7f2e 100644
--- a/client/views/windows/sign_in.html
+++ b/client/views/windows/sign_in.html
@@ -1,27 +1,29 @@
-<div class="row">
-	<div class="col-xs-12">
-		<h1 class="title">Sign in to The Lounge</h1>
+<form class="container" method="post" action="">
+	<div class="row">
+		<div class="col-xs-12">
+			<h1 class="title">Sign in to The Lounge</h1>
+		</div>
+		<div class="col-xs-12">
+			<label>
+				Username
+				<input class="input" name="user">
+			</label>
+		</div>
+		<div class="col-xs-12">
+			<label>
+				Password
+				<input class="input" type="password" name="password">
+			</label>
+		</div>
+		<div class="col-xs-12">
+			<label class="remember">
+				<input type="checkbox" name="remember" value="on" id="sign-in-remember" checked>
+				Stay signed in
+			</label>
+		</div>
+		<div class="col-xs-12 error" style="display: none;">Authentication failed.</div>
+		<div class="col-xs-12">
+			<button type="submit" class="btn">Sign in</button>
+		</div>
 	</div>
-	<div class="col-xs-12">
-		<label>
-			Username
-			<input class="input" name="user">
-		</label>
-	</div>
-	<div class="col-xs-12">
-		<label>
-			Password
-			<input class="input" type="password" name="password">
-		</label>
-	</div>
-	<div class="col-xs-12">
-		<label class="remember">
-			<input type="checkbox" name="remember" value="on" id="sign-in-remember" checked>
-			Stay signed in
-		</label>
-	</div>
-	<div class="col-xs-12 error" style="display: none;">Authentication failed.</div>
-	<div class="col-xs-12">
-		<button type="submit" class="btn">Sign in</button>
-	</div>
-</div>
+</form>