From 856421f41cc5ba40fcac3aa0428ea50a9df8d4c1 Mon Sep 17 00:00:00 2001
From: xmcp <xiaoyuanan2000@sina.com>
Date: Sun, 28 Jul 2019 09:44:46 +0800
Subject: [PATCH] add validcode2mail

---
 src/UserAction.css | 11 ++++++++++-
 src/UserAction.js  | 19 ++++++++++++-------
 src/index.css      |  2 +-
 3 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/src/UserAction.css b/src/UserAction.css
index 620c41b..040de54 100644
--- a/src/UserAction.css
+++ b/src/UserAction.css
@@ -2,9 +2,18 @@
     margin: 1em 0;
     text-align: center;
 }
+.login-form input {
+    width: 8rem;
+}
 .login-form button {
-    min-width: 100px;
+    width: 6rem;
+}
+.login-type {
+    display: inline-block;
+    width: 6rem;
+    margin: 0 .5rem;
 }
+
 .reply-form {
     display: flex;
 }
diff --git a/src/UserAction.js b/src/UserAction.js
index 2c537ba..80321b6 100644
--- a/src/UserAction.js
+++ b/src/UserAction.js
@@ -88,7 +88,7 @@ export class LoginForm extends Component {
         this.input_token_ref=React.createRef();
     }
 
-    do_sendcode() {
+    do_sendcode(api_name) {
         if(this.state.loading_status==='loading')
             return;
 
@@ -102,7 +102,7 @@ export class LoginForm extends Component {
                 '&timestamp='+(+new Date());
 
             fetch(
-                PKUHELPER_ROOT+'isop_proxy/validcode?'+param+
+                PKUHELPER_ROOT+'isop_proxy/'+api_name+'?'+param+
                 '&msg='+md5(param+ISOP_APPCODE),
             )
                 .then(get_json)
@@ -222,16 +222,21 @@ export class LoginForm extends Component {
                             </p>
                         </div> :
                         <div>
-                            <p>登录后可以发树洞、回复、关注树洞</p>
+                            <p>接收验证码来登录 PKU Helper</p>
                             <p>
                                 <label>
                                     　学号&nbsp;
                                     <input ref={this.username_ref} type="tel" />
                                 </label>
-                                <button type="button" disabled={this.state.loading_status==='loading'}
-                                        onClick={(e)=>this.do_sendcode()}>
-                                    发送验证码
-                                </button>
+                                <span className="login-type">
+                                    <a onClick={(e)=>this.do_sendcode('validcode')}>
+                                        &nbsp;短信&nbsp;
+                                    </a>
+                                    /
+                                    <a onClick={(e)=>this.do_sendcode('validcode2mail')}>
+                                        &nbsp;邮件&nbsp;
+                                    </a>
+                                </span>
                             </p>
                             <p>
                                 <label>
diff --git a/src/index.css b/src/index.css
index 5163388..0335be4 100644
--- a/src/index.css
+++ b/src/index.css
@@ -36,7 +36,7 @@ button, .button {
     text-align: center;
     border: 1px solid black;
     line-height: 2em;
-    margin: 0 .5em;
+    margin: 0 .5rem;
 }
 
 button:hover, .button:hover {