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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
|
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path;
%>
<!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, shrink-to-fit=no">
<title>Agl app warehouse</title>
<link href="<%=basePath%>/css/bootstrap.min.css" rel="stylesheet">
<link href="<%=basePath%>/css/font-awesome.min.css" rel="stylesheet">
<link href="<%=basePath%>/css/style.css" rel="stylesheet">
</head>
<body class="bg-dark">
<input type="hidden" id="basePath" value="<%=basePath%>"/>
<div class="container">
<div class="alert alert-danger" id="loginModalErrorArea" role="alert"<c:choose>
<c:when test="${not empty modelErrors}">style="display: block"</c:when>
<c:otherwise>style="display: none"</c:otherwise>
</c:choose>>
<c:if test="${not empty modelErrors}">
<span class="glyphicon glyphicon-exclamation-sign" style="top:2px !important" aria-hidden="true"></span> ${modelErrors}
</c:if>
</div>
<div id="loginContainer" class="card card-login mx-auto mt-5 col-5 px-0">
<label class="card-header style-login" >Agl app warehouse<a href="javascript:history.back(-1)" style="float:right;color:#C0C0C0"><i class="fa fa-close"></i></a></label>
<div style="border:solid 20px #FFF">
<div class="alert alert-danger" style="display:none" id="loginErrorArea" role="alert"></div>
<form id="loginForm">
<div class="form-group fond-size">
<label for="exampleInputEmail1">Username</label>
<input class="form-control login-input style-input" id="s_loginId" name="s_username" type="text" placeholder="Username">
</div>
<div class="form-group fond-size">
<label for="exampleInputPassword1">Password</label>
<input class="form-control login-input style-input" id="s_userPw" name="s_userPw" type="password" placeholder="Password">
</div>
<div><input id="remember" type="checkbox" style="zoom:200%"></div> <div class="style-login1"><label>Remember me</label></div>
<a class="btn btn-primary btn-block fond-size" href="javascript:void(0)" id="login">LOGIN</a>
</form>
</div>
</div>
</div>
</body>
<script src="<%=basePath%>/js/jquery/jquery.min.js"></script>
<script src="<%=basePath%>/js/bootstrap-4.0.0-beta/popper/popper.min.js"></script>
<script src="<%=basePath%>/js/bootstrap-4.0.0-beta/bootstrap.min.js"></script>
<script src="<%=basePath%>/js/jquery/jqLoading.min.js"></script>
<script src="<%=basePath%>/js/common.js"></script>
<script type="text/javascript">
var oUser = document.getElementById('s_loginId');
var oPswd = document.getElementById('s_userPw');
var oRemember = document.getElementById('remember');
$(function(){
Commons.appendRedAsterisk();
$('#login').click(function(){
if($("input[type='checkbox']").is(':checked')){
//Account cipher is valid for 7 days.
setCookie('s_username',oUser.value,7);
setCookie('s_userPw',oPswd.value,7);
}
loginAsync();
});
$('.login-input').keypress(function(e) {
var e = event ? event : window.event;
if (e.keyCode === 13) {
loginAsync();
}
});
});
var loginAsync = function() {
var formData = new FormData();
formData.append("loginId", $('#s_loginId').val());
formData.append("userPw",$('#s_userPw').val());
$.ajax({
url: '<%=basePath%>/login/signin',
cache: false,
type: 'POST',
async:true,
processData:false,
contentType:false,
data: formData,
success: function (data, status, xhr) {
$errorArea = $('#loginErrorArea');
var json = JSON.parse(data);
if (json.result == 200) {
Commons.redirect2($("#basePath").val() + json.forward);
}else {
var errorContent = '';
for (var i in json.message) {
errorContent += '<div>' + json.message[i] + '</div>';
}
$errorArea.empty().append(errorContent);
var div = document.getElementById("loginErrorArea");
div.style.display="block";
}
}
});
}
window.onload = function(){
//If the account password cookie exists, the fill is filled.
if(getCookie('s_username') && getCookie('s_userPw')){
oUser.value = getCookie('s_username');
oPswd.value = getCookie('s_userPw');
oRemember.checked = true;
}
//Remove cookie if unchecked.
oRemember.onchange = function(){
if(!this.checked){
delCookie('s_username');
delCookie('s_userPw');
}
};
};
//Set cookie.
function setCookie(name,value,day){
var date = new Date();
date.setDate(date.getDate() + day);
document.cookie = name + '=' + value + ';expires='+ date;
};
//Get cookie.
function getCookie(name){
var reg = RegExp(name+'=([^;]+)');
var arr = document.cookie.match(reg);
if(arr){
return arr[1];
}else{
return '';
}
};
//delete cookie
function delCookie(name){
setCookie(name,null,-1);
};
</script>
</html>
|
