Add reset_password page for console

re [#83046014]
pivotal-cf · Nov 19, 2014 · 9db28a9 · 9db28a9
1 parent 80d71cc
commit 9db28a9
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 1 deletion.
diff --git a/gulpfile.js b/gulpfile.js
@@ -156,7 +156,8 @@ gulp.task('_copyRandomAssets', ['clean'], function() {
     'src/nginx.conf',
     'src/Staticfile',
     'src/styleguide/404.html',
-    'src/styleguide/pane.html'
+    'src/styleguide/pane.html',
+    'src/styleguide/reset_password.html'
   ])
     .pipe(gulp.dest('./dist/'));
 });

diff --git a/src/images/logo.png b/src/images/logo.png
diff --git a/src/styleguide/reset_password.html b/src/styleguide/reset_password.html
@@ -0,0 +1,52 @@
+<!doctype html>
+<html>
+  <head>
+  <title>a brand new styleguide: <%= title %></title>
+  <link rel="stylesheet" href="pivotal-ui/pivotal-ui.css">
+  <link rel="stylesheet" href="styleguide/styleguide.css">
+  <link rel="stylesheet" disabled href="syntax-highlighting/prism-default.css">
+  <link rel="stylesheet" href="syntax-highlighting/prism-okaida.css">
+  <script src="pivotal-ui/pivotal-ui.js"></script>
+  <script src="styleguide/styleguide.js"></script>
+  </head>
+
+  <body>
+
+  <div class="container">
+    <p class="txt-c mbxxl">
+      <img src="images/logo.png" />
+    </p>
+
+    <div class="row">
+      <div class="col-sm-6 col-sm-offset-9">
+        <h1 class="type-brand-2 txt-c h2">Forgot your password?</h1>
+        <form accept-charset="UTF-8" action="/password_resets" class="simple_form  loading_overlay form-vertical" id="new_password_reset" method="post" novalidate="novalidate"><div style="display:none"><input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="1NVX5whoaex1IZoYdcnfUL7noLpxis1r1yxoo6XrReM="></div><div class="fields-wrapper field-email large">
+            <div class="form-group">
+              <div class="email required password_reset_email"><input class="form-control" id="password_reset_email" maxlength="255" name="password_reset[email]" placeholder="Email / Username" size="" type="email"></div>
+            </div>
+          </div>
+          <div class="fields-wrapper field-email large">
+            <div class="form-group">
+              <button class="btn btn-highlight btn-block" type="submit">Reset Password</button>
+            </div>
+          </div>
+        </form>
+      </div>
+    </div>
+
+    <div class="row mbxxxl">
+      <div class="col-sm-12 col-sm-offset-6 type-sm">
+        <p class='txt-c'>Instructions to reset your password will be sent to the provided email if it is in our records. Note that a live password will not be sent to your inbox.</p>
+      </div>
+    </div>
+    <div class="row mtxxxl">
+      <div class="col-sm-24">
+        <p class="mvn txt-c type-neutral-5 type-sm">
+        © 2014 Pivotal Software, Inc. - All rights reserved
+        </p>
+      </div>
+    </div>
+  </div>
+
+  </body>
+</html>