Adding error message to login page. Closes #548

sandialabs · Jan 14, 2016 · 482b69d · 482b69d
1 parent f14123d
commit 482b69d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/web-server/slycat-login/css/styles.css b/web-server/slycat-login/css/styles.css
@@ -35,4 +35,7 @@ body {
   margin-bottom: 20px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
+}
+#signin-alert {
+  display: none;
 }
diff --git a/web-server/slycat-login/js/app.js b/web-server/slycat-login/js/app.js
@@ -27,6 +27,7 @@ require(["jquery", "URI"], function($, URI)
       error: function(request, status, reason_phrase)
       {
         console.log("error request:" + request.responseJSON +" status: "+ status + " reason: " + reason_phrase);
+        $("#signin-alert").show(200);
       },
       data: sendInfo
     });

diff --git a/web-server/slycat-login/slycat-login.html b/web-server/slycat-login/slycat-login.html
@@ -12,6 +12,7 @@
   <body>
     <div class="container bootstrap-styles">
       <form class="form-signin">
+        <div class="alert alert-danger" role="alert" id="signin-alert">Oops, that username and password did not work. Please try again.</div>
 
         <label for="username" class="sr-only">Username</label>
         <input id="username" class="form-control" placeholder="Username" required="" autofocus="" type="text">