zhh
/
huahuibao


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
							
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="description" content="Xenon Boostrap Admin Panel" />
	<meta name="author" content="" />
	
	<title>管理后台</title>

	
	<link rel="stylesheet" href="/css/fonts/linecons/css/linecons.css">
	<link rel="stylesheet" href="/css/fonts/fontawesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="/css/bootstrap.css">
	<link rel="stylesheet" href="/css/xenon-core.css">
	<link rel="stylesheet" href="/css/xenon-forms.css">
	<link rel="stylesheet" href="/css/xenon-components.css">
	<link rel="stylesheet" href="/css/xenon-skins.css">
	<link rel="stylesheet" href="/css/custom.css">

	<script src="/js/jquery-1.11.1.min.js"></script>

	
</head>
<body class="page-body lockscreen-page">

	<div class="login-container">
	
		<div class="row">
		
			<div class="col-sm-7">
				
				<script type="text/javascript">
					jQuery(document).ready(function($)
					{
						// Reveal Login form
						setTimeout(function(){ $(".fade-in-effect").addClass('in'); }, 1);
						
						
						// Clicking on thumbnail will focus on password field
						$(".user-thumb a").on('click', function(ev)
						{
							ev.preventDefault();
							$("#passwd").focus();
						});
						
						
						// Form validation and AJAX request
						$(".lockcreen-form").validate({
							rules: {
								passwd: {
									required: true
								}
							},
							
							messages: {
								passwd: {
									required: 'Please enter your password.'
								}
							},
							
							submitHandler: function(form)
							{
								show_loading_bar(70); // Fill progress bar to 70% (just a given value)
								
								var $passwd = $(form).find('#passwd'),
								 	opts = {
										"closeButton": true,
										"debug": false,
										"positionClass": "toast-top-full-width",
										"onclick": null,
										"showDuration": "300",
										"hideDuration": "1000",
										"timeOut": "5000",
										"extendedTimeOut": "1000",
										"showEasing": "swing",
										"hideEasing": "linear",
										"showMethod": "fadeIn",
										"hideMethod": "fadeOut"
									};
								
								$.ajax({
									url: "data/login-check.php",
									method: 'POST',
									dataType: 'json',
									data: {
										do_login: true,
										username: 'demo', // user is known in this case
										passwd: $passwd.val(),
									},
									success: function(resp)
									{
										show_loading_bar({
											delay: .5,
											pct: 100,
											finish: function(){
												
												if(resp.accessGranted)
												{
													// Redirect after successful login page (when progress bar reaches 100%)
													window.location.href = 'dashboard-1.html';
												}
												else
												{
													toastr.error("You have entered wrong password, please try again. Password is <strong>demo</strong> :)", "Invalid Login!", opts);
													$passwd.select();
												}
											}
										});
									}
								});
							}
						});
						
						// Set Form focus
						$("form#lockscreen .form-group:has(.form-control):first .form-control").focus();
					});
				</script>
				
				<form role="form" id="lockscreen" class="lockcreen-form fade-in-effect">
					
					<div class="user-thumb">
						<a href="javascript:void(0)">
							<img src="/images/user-5.png" class="img-responsive img-circle" />
						</a>
					</div>

					<div class="form-group">
						<h3>Welcome back, DEAR！</h3>
						<p>请输入密码登陆管理后台。 <a href="/main/login">[重新登陆]</a></p>
						<div class="input-group">
							<input type="password" class="form-control input-dark" name="passwd" id="passwd" placeholder="密码" />
							<span class="input-group-btn">
								<button type="submit" class="btn btn-primary">登陆</button>
							</span>
						</div>
					</div>
					
				</form>
				
			</div>
			
		</div>
		
	</div>

	<!-- Bottom Scripts -->
	<script src="/js/bootstrap.min.js"></script>
	<script src="/js/TweenMax.min.js"></script>
	<script src="/js/resizeable.js"></script>
	<script src="/js/joinable.js"></script>
	<script src="/js/xenon-api.js"></script>
	<script src="/js/xenon-toggles.js"></script>
	<script src="/js/jquery-validate/jquery.validate.min.js"></script>
	<script src="/js/toastr/toastr.min.js"></script>


	<!-- JavaScripts initializations and stuff -->
	<script src="/js/xenon-custom.js"></script>

</body>
</html>