2
0

sign_up.php 7.8 KB

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