jiangjiazhi / center

login.html 3.75 KB
edit raw blame history 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>$!{site_name} - 登录</title>
    <meta name="keywords" content="$!{site_keywords}">
    <meta name="description" content="$!{site_description}">
	<script type="text/javascript">
		var APP = window['APP'] || {};
		APP.PATH = "${ctx}";
	</script>

	<!-- v3 -->
	<link rel="stylesheet" href="${ctx}/static/css/bootstrap.min.css">
	<link rel="stylesheet" href="${ctx}/static/css/login.css">
	<link rel="stylesheet" href="${ctx}/static/css/plugins/animate/animate.min.css">
	
	<!-- JavaScript -->
	
	<script type="text/javascript" src="${ctx}/static/js/jquery.min.js"></script>
	<script type="text/javascript" src="${ctx}/static/js/jquery-migrate-1.2.1.min.js"></script>
	<script type="text/javascript" src="${ctx}/static/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="${ctx}/static/js/plugins/jquery-validation/dist/jquery.validate.min.js"></script>
	
	<!-- Favicons -->
    <link rel="apple-touch-icon-precomposed" href="${ctx}/static/images/logo/m99.png"/>
    <link rel="shortcut icon" href="${ctx}/static/images/logo/m.png"/>

</head>
<body class="sign">
	#parse("/inc/browse_tips.html")
	
	<div class="login">
	    <!--
	    <div class="vegas-overlay" style="opacity: 0.2; margin: 0px; padding: 0px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-image: url(${ctx}/assets/images/overlay.png); z-index: -1;"></div>
	    -->
	
	    <a href="javascript:void(0);">
	        <img src="${ctx}/static/images/logo/m90.png" height="72" width="72">
	    </a>
	    <h1>$!{site_welcomes}</h1>
	    <hr>
	    <form id="loginForm" action="${ctx}/login" method="post">
	        <div id="message">
            	#if($message)
	                <div class="alert alert-danger">$!{message}</div>
	        	#end
	        </div>
	        <label for="id_email">登录名:</label>
	        <div id="id_email">
	            <input name="username" class="form-control border" placeholder="用户名" type="text" data-required>
	        </div>
	        <label for="id_password">密码:</label>
	        <div id="id_password">
	            <input name="password" class="form-control border" placeholder="密码" type="password" data-required>
	        </div>
	        <!-- 
	        <div class="form-group form-inline">
				 <input type="hidden" id="captcha_token" name="captcha_token" value="$!{captcha_token}">
                 <input type="text" id="captcha" name="captcha" class="form-control border" style="width: 175px;" placeholder="验证码" required="" maxlength="4">
                 <img alt="请输入验证码" src="${ctx}/captcha/image?captcha_token=$!{captcha_token}" onclick="changeCaptcha(this,'captcha_token')">
            </div>
	        <div class="checkbox">
	            <label>
	                <input type="checkbox" name="rememberMe" value="1"> 记住登录？
	            </label>
	        </div>
	 		-->
	        <div style="margin-top: 15px;">
	        	<button id="loginButton" type="button" class="btn btn-success border" style="width:100%;">登 录</button>
	        </div>
	    </form>
	    <!-- 
	    <div class="with-line">使用第三方帐号登录</div>
	    <div class="buttons">
	        <a href="${ctx}/oauth/callback/call_weibo" title="微博帐号登录" rel="nofollow" class="weibo"></a>
	        <a href="${ctx}/oauth/callback/call_qq" title="QQ帐号登录" rel="nofollow" class="qzone"></a>
	        <a href="${ctx}/oauth/callback/call_douban" title="豆瓣帐号登录" rel="nofollow" class="douban"></a>
	    </div>
	     -->
	</div>
	
	<script type="text/javascript">
		$(document).ready(function(){
			$("#loginButton").click(function(){
					$('#loginForm').submit();
			});
	   });
	</script>
</body>
</html>