Просмотр исходного кода

Merge pull request #4028 from weseek/imprv/gw6789-add-form-for-pasword-reset-request

password reset request form
Kaori Tokashiki 4 лет назад
Родитель
Сommit
2c4771d788
1 измененных файлов с 26 добавлено и 2 удалено
  1. 26 2
      src/client/js/components/PasswordResetRequestForm.jsx

+ 26 - 2
src/client/js/components/PasswordResetRequestForm.jsx

@@ -8,8 +8,32 @@ const PasswordResetRequestForm = (props) => {
 
   return (
     <>
-      {/* TODO: show Password Reset Request Form by GW-6789 */}
-      Password Reset Request Form
+      <div className="container">
+        <div className="row justify-content-md-center">
+          <div className="col-md-6 mt-5">
+            <div className="text-center">
+              <h1><i className="icon-lock large"></i></h1>
+              <h2 className="text-center">Forgot Password?</h2>
+              <p>You can reset your password here.</p>
+              <form role="form" className="form" method="post">
+                <div className="form-group">
+                  <div className="input-group">
+                    <input name="email" placeholder="email address" className="form-control" type="email" />
+                  </div>
+                </div>
+                <div className="form-group">
+                  <input name="reset-password-btn" className="btn btn-lg btn-primary btn-block" value="Reset Password" type="submit" />
+                </div>
+                <a href="/login">
+                  <i className="icon-login mr-1"></i>Return to login
+                </a>
+              </form>
+            </div>
+          </div>
+
+        </div>
+      </div>
+
     </>
   );
 };