Add the forgotten password to the UI - though response format not qui…

…te where it's at…
jsbin · Jul 22, 2012 · e056f5a · e056f5a
1 parent a106752
commit e056f5a
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 0 deletions.
diff --git a/public/css/style.css b/public/css/style.css
@@ -2408,4 +2408,15 @@ pre .highlight:last-of-type {
 
 .ie span.icon {
   zoom: 1;
+
+#login .forgot {
+  display: none;
+}
+
+#login.forgot .forgot {
+  display: block;
+}
+
+#login.forgot .login {
+  display: none;
 }
diff --git a/public/js/chrome/navigation.js b/public/js/chrome/navigation.js
@@ -211,8 +211,13 @@ $('#createnew').click(function () {
 
 $('form.login').closest('.menu').bind('close', function () {
   $(this).find('.loginFeedback').empty().hide();
+  $('#login').removeClass('forgot');
 });
 
+$('#lostpass').click(function (e) {
+  $('#login').addClass('forgot').find('input[name=email]').focus();
+  return false;
+});
 
 jsbin.settings.includejs = jsbin.settings.includejs === undefined ? true : jsbin.settings.includejs;
 

diff --git a/views/index.html b/views/index.html
@@ -108,6 +108,17 @@
           <a href="#login" class="button button-open" id="loginbtn">Log in</a>
           <div class="dropdown dd-right" id="login">
             <div class="dropdowncontent">
+              <form class="forgot" action="/forgot" method="post">
+                <div>
+                  <label>Email<br>
+                  <input name="email" required type="email"></label>
+                </div>
+                <div>
+                  <input type=submit value="Request password reset">
+                  <input type="hidden" name="_csrf" value="{{token}}">
+                  <input type="hidden" name="_redirect" value="home">
+                </div>
+              </form>
               <form class="login">
                 <p class="loginFeedback"></p>
                 <div>