iapt-platform
/
mint
mirror of https://github.com/iapt-platform/mint.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
							<?php
#忘记
require_once '../path.php';
require_once "../public/load_lang.php";
require_once "../public/function.php";

?>

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link type="text/css" rel="stylesheet" href="../studio/css/font.css"/>
		<link type="text/css" rel="stylesheet" href="../studio/css/style.css"/>
		<link type="text/css" rel="stylesheet" href="../studio/css/color_day.css" id="colorchange" />
		<title>wikipali reset password</title>
		<script src="../public/js/comm.js"></script>
		<script src="../studio/js/jquery-3.3.1.min.js"></script>
		<script src="../studio/js/fixedsticky.js"></script>
		<style>
		#login_body{
			display: flex;
			padding: 2em;
			margin: auto;
		}
		#login_left {
			padding-right: 12em;
			padding-top: 5em;
		}
		.title{
			font-size: 150%;
			margin-top: 1em;
			margin-bottom: 0.5em;
		}
		#login_form{
			padding: 2em 0 1em 0;
		}
		#tool_bar {
			padding: 1em;
			display: flex;
			justify-content: space-between;
		}
		#login_shortcut {
			display: flex;
			flex-direction: column;
			padding: 2em 0;
		}
		#login_shortcut button{
			height:3em;
		}
		#button_area{
			text-align: right;
				padding: 1em 0;
		}
		.form_help{
			font-weight: 400;
			color: var(--bookx);
		}
		.login_form input{
			margin-top:2em;
			padding:0.5em 0.5em;
		}
		.login_form select{
			margin-top:2em;
			padding:0.5em 0.5em;
		}
		.login_form input[type="submit"]{
			margin-top:2em;
			padding:0.1em 0.5em;
		}

		.form_error{
			color:var(--error-text);
		}
		#login_form_div{
			width:30em;
		}

		#ucenter_body {
			display: flex;
			flex-direction: column;
			margin: 0;
			padding: 0;
			background-color: var(--tool-bg-color3);
			color: var(--btn-color);
		}
		.icon_big {
			height: 2em;
			width: 2em;
			fill: var(--btn-color);
			transition: all 0.2s ease;
		}
		.form_field_name{
			position: absolute;
			margin-left: 7px;
			margin-top: 2em;
			color: var(--btn-border-line-color);
			-webkit-transition-duration: 0.4s;
			-moz-transition-duration: 0.4s;
			transition-duration: 0.4s;
			transform: translateY(0.5em);
		}
		.viewswitch_on {
			position: absolute;
			margin-left: 7px;
			margin-top: 1.5em;
			color: var(--bookx);
			-webkit-transition-duration: 0.4s;
			-moz-transition-duration: 0.4s;
			transition-duration: 0.4s;
			transform: translateY(-15px);
		}

		</style>

		<script>

		function login_init(){
			$("input").focus(function(){
				let name = $(this).attr("name");
				var objNave = document.getElementById("tip_"+name);
				objNave.className = "viewswitch_on";
			});
			$(".form_field_name").click(function(){
				let id = $(this).attr("id");
				var objNave = document.getElementById(id);
				objNave.className = "viewswitch_on";
				let arrId=id.split("_");
				document.getElementById('input_'+arrId[1]).focus();
			});

		}
		</script>
	<link type="text/css" rel="stylesheet" href="mobile.css" media="screen and (max-width:800px)">
	</head>
	<body id="ucenter_body" onload="login_init()">

	<div id="tool_bar">
	</div>
<div id="login_body" >

	<div id="login_left">
		<div  >
			<svg  style="height: 8em;width: 25em;">
				<use xlink:href="../public/images/svg/wikipali_login_page.svg#logo_login"></use>
			</svg>
		</div>
		<div style="    padding: 1em 0 0 3.5em;font-weight: 400;">
		<?php echo $_local->gui->pali_literature_platform; ?>
		<ul style="padding-left: 1.2em;">
			<li><?php echo $_local->gui->online_dict_db; ?></li>
			<li><?php echo $_local->gui->user_data_share; ?></li>
			<li><?php echo $_local->gui->cooperate_edit; ?></li>
		</ul>
		</div>
	</div>
	<div id="login_right">
		<div id = "login_form_div" class="fun_block" >

			<div class="title">
			忘记密码？
			</div>
			<div class="login_new">
				<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>
			</div>

			<div class="login_form" style="    padding: 3em 0 3em 0;">
			<div class="form_help">
				我们将向您的注册邮箱发送电子邮件。里面包含了重置密码链接。点击链接后按照提示操作，重置账户密码。
			</div>
			<div class="form_help" id="message"> </div>			
				<form action="../api/user.php" method="get">
					<div>
						<div>
							<span id='tip_email' class='form_field_name'><?php echo $_local->gui->email_address; ?></span>
							<input id="form_email" type="input" name="email"  value="" />
						</div>
						<div id="error_email" class="form_error"> </div>
						<div class="form_help"></div>
					</div>

					<input type="hidden" name="_method" value="reset_email" />


				</form>
					<div id="button_area">
						<button  onclick="submit()" style="background-color: var(--link-hover-color);border-color: var(--link-hover-color);" >
						<?php echo $_local->gui->continue; ?>
						</button>
					</div>				
			</div>
		</div>
	</div>
</div>

	<script>
	login_init();
		function submit(){
			$.getJSON(
		"../api/user.php",
		{
			_method:"reset_email",
			email:$("#form_email").val()
		}
	).done(function (data) {
		$("#message").text(data.message);
		if(data.ok){
			$("#message").removeClass("form_error");
		}else{
			$("#message").addClass("form_error");
		}
	}).fail(function(jqXHR, textStatus, errorThrown){
		$("#message").removeClass("form_error");
		$("#message").text(textStatus);				
		switch (textStatus) {
	
			case "timeout":
				break;
			case "error":
				switch (jqXHR.status) {
					case 404:
						break;
					case 500:
						break;				
					default:
						break;
				}
				break;
			case "abort":
				break;
			case "parsererror":			
				console.log("delete-parsererror",jqXHR.responseText);
				break;
			default:
				break;
		}
		
	});
		}
	</script>

	</body>
</html>