add an indicator when login fails

diff --git a/index.html b/index.html
index 8bb8240e996e5abb9d44b6b733a3183ceb23a383..d1ea156e22e7315358f33be9d8017778778e9d34 100644 (file)
--- a/index.html
+++ b/index.html
@@ -80,6 +80,7 @@ operator to any other services, e.g. OpenStreetMap.</p>
 </div>
 <p class="loginbox">
 <button type="button" id="loginbtn" class="hidden">Sign in</button>
 </div>
 <p class="loginbox">
 <button type="button" id="loginbtn" class="hidden">Sign in</button>

+<span id="loginerror" class="hidden">!</span>

 <span id="logindesc" class="hidden">to enable uploads</span>
 <span id="username" class="hidden"></span>
 <button type="button" id="logoutbtn" class="hidden">Log out</button>
 <span id="logindesc" class="hidden">to enable uploads</span>
 <span id="username" class="hidden"></span>
 <button type="button" id="logoutbtn" class="hidden">Log out</button>

diff --git a/js/ui.js b/js/ui.js
index e20a4ae800238573b162bdfe942a66c634a38257..92dd488e051e1c185707ccca347a9c8a621ea7bd 100644 (file)
--- a/js/ui.js
+++ b/js/ui.js
@@ -14,7 +14,7 @@ var gWaitCounter = 0;
 var gTrackUpdateInterval;
 var gAction, gActionLabel;
 var authData = null, userData = null;
 var gTrackUpdateInterval;
 var gAction, gActionLabel;
 var authData = null, userData = null;

-var gBackendURL = "https://backend.lantea.kairo.at";
+var gBackendURL = "https://backend.lantea.kairo.at/";

 var gAuthClientID = "lantea";
 
 window.onload = function() {
 var gAuthClientID = "lantea";
 
 window.onload = function() {


@@ -112,6 +112,9 @@ window.onresize = function() {
 }
 
 function startLogin() {
 }
 
 function startLogin() {

+  var logerr = document.getElementById("loginerror");
+  logerr.classList.add("hidden");
+  logerr.title = "";

   if (!authData || !authData["state"]) {
     // We have no oAuth state, try to fetch it and call ourselves again if it worked.
     prepareLoginButton(function() {
   if (!authData || !authData["state"]) {
     // We have no oAuth state, try to fetch it and call ourselves again if it worked.
     prepareLoginButton(function() {


@@ -121,6 +124,8 @@ function startLogin() {
       else if (!userData) {
         // Only warn if we didn't actually end up being logged in.
         console.log("No OAuth state and fetching fails, client or server may be offline.");
       else if (!userData) {
         // Only warn if we didn't actually end up being logged in.
         console.log("No OAuth state and fetching fails, client or server may be offline.");

+        logerr.classList.remove("hidden");
+        logerr.title = "Client or server may be offline.";

       }
     });
     return;
       }
     });
     return;


@@ -132,6 +137,8 @@ function startLogin() {
   }
   else {
     console.log("Opening Sign In window failed.");
   }
   else {
     console.log("Opening Sign In window failed.");

+    logerr.classList.remove("hidden");
+    logerr.title = "Opening Sign-In window failed.";

   }
 }
 
   }
 }
 

diff --git a/style/lantea.css b/style/lantea.css
index 64ee62ff1ef49e1702c434bfb0161b45a2117201..dbc28b0810f55ffd3cb5b27ee96f5c31331339dd 100644 (file)
--- a/style/lantea.css
+++ b/style/lantea.css
@@ -410,6 +410,12 @@ h1 {
   color: #FFFFFF;
 }
 
   color: #FFFFFF;
 }
 

+#loginerror {
+  color: red;
+  font-weight: bold;
+  padding: .5em;
+}
+

 /* dialog area - for loading error and welcome messages */
 #dialogArea {
   position: absolute;
 /* dialog area - for loading error and welcome messages */
 #dialogArea {
   position: absolute;