sign_up.php 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
  1. <?php
  2. #重置密码
  3. require_once '../path.php';
  4. require_once "../public/load_lang.php";
  5. require_once "../public/function.php";
  6. require_once "../redis/function.php";
  7. if (!isset($_GET["token"])) {
  8. }
  9. ?>
  10. <!DOCTYPE html>
  11. <html>
  12. <head>
  13. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15. <link type="text/css" rel="stylesheet" href="../studio/css/font.css"/>
  16. <link type="text/css" rel="stylesheet" href="../studio/css/style.css"/>
  17. <link type="text/css" rel="stylesheet" href="../studio/css/color_day.css" id="colorchange" />
  18. <title>wikipali reset password</title>
  19. <script src="../public/js/comm.js"></script>
  20. <script src="../studio/js/jquery-3.3.1.min.js"></script>
  21. <script src="../studio/js/fixedsticky.js"></script>
  22. <script src="../ucenter/sign.js"></script>
  23. <style>
  24. #login_body{
  25. display: flex;
  26. padding: 2em;
  27. margin: auto;
  28. }
  29. #login_left {
  30. padding-right: 12em;
  31. padding-top: 5em;
  32. }
  33. .title{
  34. font-size: 150%;
  35. margin-top: 1em;
  36. margin-bottom: 0.5em;
  37. }
  38. #login_form{
  39. padding: 2em 0 1em 0;
  40. }
  41. #tool_bar {
  42. padding: 1em;
  43. display: flex;
  44. justify-content: space-between;
  45. }
  46. #login_shortcut {
  47. display: flex;
  48. flex-direction: column;
  49. padding: 2em 0;
  50. }
  51. #login_shortcut button{
  52. height:3em;
  53. }
  54. #button_area{
  55. text-align: right;
  56. padding: 1em 0;
  57. }
  58. .form_help{
  59. font-weight: 400;
  60. color: var(--bookx);
  61. }
  62. .login_form input{
  63. margin-top:2em;
  64. padding:0.5em 0.5em;
  65. }
  66. .login_form select{
  67. margin-top:2em;
  68. padding:0.5em 0.5em;
  69. }
  70. .login_form input[type="submit"]{
  71. margin-top:2em;
  72. padding:0.1em 0.5em;
  73. }
  74. .form_error{
  75. color:var(--error-text);
  76. }
  77. #login_form_div{
  78. width:30em;
  79. }
  80. #ucenter_body {
  81. display: flex;
  82. flex-direction: column;
  83. margin: 0;
  84. padding: 0;
  85. background-color: var(--tool-bg-color3);
  86. color: var(--btn-color);
  87. }
  88. .icon_big {
  89. height: 2em;
  90. width: 2em;
  91. fill: var(--btn-color);
  92. transition: all 0.2s ease;
  93. }
  94. .form_field_name{
  95. position: absolute;
  96. margin-left: 7px;
  97. margin-top: 2em;
  98. color: var(--btn-border-line-color);
  99. -webkit-transition-duration: 0.4s;
  100. -moz-transition-duration: 0.4s;
  101. transition-duration: 0.4s;
  102. transform: translateY(0.5em);
  103. }
  104. .viewswitch_on {
  105. position: absolute;
  106. margin-left: 7px;
  107. margin-top: 1.5em;
  108. color: var(--bookx);
  109. -webkit-transition-duration: 0.4s;
  110. -moz-transition-duration: 0.4s;
  111. transition-duration: 0.4s;
  112. transform: translateY(-15px);
  113. }
  114. </style>
  115. <script>
  116. function login_init(){
  117. $("input").focus(function(){
  118. let name = $(this).attr("name");
  119. var objNave = document.getElementById("tip_"+name);
  120. objNave.className = "viewswitch_on";
  121. });
  122. $(".form_field_name").click(function(){
  123. let id = $(this).attr("id");
  124. var objNave = document.getElementById(id);
  125. objNave.className = "viewswitch_on";
  126. let arrId=id.split("_");
  127. document.getElementById('input_'+arrId[1]).focus();
  128. });
  129. }
  130. </script>
  131. <link type="text/css" rel="stylesheet" href="mobile.css" media="screen and (max-width:800px)">
  132. </head>
  133. <body id="ucenter_body" onload="login_init()">
  134. <div id="tool_bar">
  135. <div>
  136. </div>
  137. <div>
  138. <?php
  139. require_once '../lang/lang.php';
  140. ?>
  141. </div>
  142. </div>
  143. <div id="login_body" >
  144. <div id="login_left">
  145. <div >
  146. <svg style="height: 8em;width: 25em;">
  147. <use xlink:href="../public/images/svg/wikipali_login_page.svg#logo_login"></use>
  148. </svg>
  149. </div>
  150. <div style=" padding: 1em 0 0 3.5em;font-weight: 400;">
  151. <?php echo $_local->gui->pali_literature_platform; ?>
  152. <ul style="padding-left: 1.2em;">
  153. <li><?php echo $_local->gui->online_dict_db; ?></li>
  154. <li><?php echo $_local->gui->user_data_share; ?></li>
  155. <li><?php echo $_local->gui->cooperate_edit; ?></li>
  156. </ul>
  157. </div>
  158. </div>
  159. <div id="login_right">
  160. <div id = "login_form_div" class="fun_block" >
  161. <div class="title">
  162. 注册wikipali账号
  163. </div>
  164. <div class="login_new">
  165. <span class="form_help"><?php echo $_local->gui->have_account; ?> ?</span><a href="index.php?language=<?php echo $currLanguage; ?>">&nbsp;&nbsp;&nbsp;&nbsp;<?php echo $_local->gui->login; //登入账户 ?></a>
  166. </div>
  167. <div class="form_error">
  168. <?php
  169. if (!isset($_GET["invite"])) {
  170. echo "目前只支持邀请码注册。";
  171. exit;
  172. }else{
  173. $redis = redis_connect();
  174. if ($redis == false) {
  175. echo "服务器故障,请稍后重试。<br> 错误代码:no_redis_connect";
  176. exit;
  177. }
  178. $code = $redis->exists("invitecode://".$_REQUEST["invite"]);
  179. if(!$code){
  180. echo "无效的邀请码,或邀请码已经过期。";
  181. exit;
  182. }
  183. $invite_email = $redis->get("invitecode://".$_REQUEST["invite"]);
  184. ?>
  185. </div>
  186. <div class="login_form" style=" padding: 3em 0 3em 0;">
  187. <div class="form_help" id="message"> </div>
  188. <div id="form_div">
  189. <form id="user_create_form" action="#" method="post">
  190. <div>
  191. <div>
  192. <span id='tip_username' class='form_field_name'><?php echo $_local->gui->account; ?></span>
  193. <input type="input" id="username" name="username" maxlength="32" value="" />
  194. </div>
  195. <div id="error_username" class="form_error"> </div>
  196. <div class="form_help"> <?php echo $_local->gui->account_demond; ?> </div>
  197. </div>
  198. <div>
  199. <span id='tip_email' class='viewswitch_on'><?php echo $_local->gui->email_address; ?></span>
  200. <input type="input" id="email" name="email" disabled value="<?php echo $invite_email; ?>" />
  201. <div id="error_email" class="form_error"> </div>
  202. </div>
  203. <div>
  204. <div>
  205. <span id='tip_password' class='form_field_name'><?php echo $_local->gui->password; ?></span>
  206. <input type="password" id="password" maxlength="32" name="password" value="" />
  207. <input type="password" id="repassword" maxlength="32" name="repassword" placeholder="再次输入密码" value="" />
  208. </div>
  209. <div class="form_help">
  210. <?php echo $_local->gui->password_demond; ?>
  211. </div>
  212. <div id="error_password" class="form_error"> </div>
  213. </div>
  214. <div>
  215. <span id='tip_language' class='viewswitch_on'><?php echo "惯常使用的语言"; ?></span>
  216. <select id="lang" name="language" style="width: 100%;">
  217. <?php
  218. $currLang = $_COOKIE["language"];
  219. $langList = [
  220. "en"=>$_local->language->en,
  221. "zh-cn"=>$_local->language->zh_cn,
  222. "zh-tw"=>$_local->language->zh_tw,
  223. "my"=>$_local->language->my,
  224. "si"=>$_local->language->si,
  225. ];
  226. foreach ($langList as $key => $value) {
  227. # code...
  228. if($currLang==$key){
  229. $selected = " selected";
  230. }else{
  231. $selected = "";
  232. }
  233. echo "<option value='{$key}' {$selected}>{$value}</option>";
  234. }
  235. ?>
  236. </select>
  237. </div>
  238. <div>
  239. <div>
  240. <span id='tip_nickname' class='form_field_name'><?php echo $_local->gui->nick_name; ?></span>
  241. <input type="input" id="nickname" maxlength="32" name="nickname" placehoder="" value="" />
  242. </div>
  243. <div class="form_help">
  244. <?php echo $_local->gui->name_for_show; ?>
  245. </div>
  246. <div id="error_password" class="form_error"> </div>
  247. </div>
  248. <input type="hidden" id="invite" name="invite" value="<?php echo $_REQUEST["invite"]; ?>" />
  249. </form>
  250. <div id="button_area">
  251. <button onclick="submit()" style="background-color: var(--link-hover-color);border-color: var(--link-hover-color);" >
  252. <?php echo $_local->gui->continue; ?>
  253. </button>
  254. </div>
  255. </div>
  256. </div>
  257. <?php
  258. }
  259. ?>
  260. </div>
  261. </div>
  262. </div>
  263. <script>
  264. login_init();
  265. $("#username").on("change",function(){
  266. $("#nickname").attr("placeholder",$("#username").val());
  267. })
  268. </script>
  269. </body>
  270. </html>