logon.jsp
Home
/
sm-shop /
src /
main /
webapp /
WEB-INF /
views /
admin /
logon.jsp
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<%
response.setCharacterEncoding("UTF-8");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Pragma", "no-cache");
response.setDateHeader("Expires", -1);
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<head>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<title><s:message code="label.storeadministration"
text="Store administration" />
</title>
<style type=text/css>
#logon {
margin: 0px auto;
width: 550px
}
#login-box {
width: 333px;
height: 352px;
padding: 58px 76px 0 76px;
color: #ebebeb;
font: 12px Arial, Helvetica, sans-serif;
background: url('<c:url value="/resources/img/admin/login-box-backg.png" />') no-repeat left top;
}
#login-box h2 {
padding: 0;
margin: 0;
color: #ebebeb;
font: bold 36px "Calibri", Arial;
border-bottom: 2px solid;
padding-bottom: 0px;
}
#login-box {
margin-left: 30px;
}
#controls {
margin-left: -50px;
margin-top: 30px;
}
</style>
<link
href="<c:url value="/resources/css/bootstrap/css/sm-bootstrap.css" />"
rel="stylesheet" />
<link
href="<c:url value="/resources/css/sm-bootstrap-responsive.css" />"
rel="stylesheet" />
<link href="<c:url value="/resources/css/shopizer.css" />"
rel="stylesheet" />
<style type=text/css>
.sm label {
color: #EBEBEB;
font-size: 16px;
}
.sm a {
color: #EBEBEB;
font-size: 16px;
}
</style>
<script src="<c:url value="/resources/js/bootstrap/jquery.js" />"></script>
<script type="text/javascript" src="<c:url value="/resources/js/jquery-cookie.js"/>"></script>
<script src="<c:url value="/resources/js/bootstrap/bootstrap-modal.js" />"></script>
<script SRC="<c:url value="/resources/smart-client/system/modules/ISC_Core.js" />"></script>
<script SRC="<c:url value="/resources/smart-client/system/modules/ISC_Foundation.js" />"></script>
<script SRC="<c:url value="/resources/smart-client/system/modules/ISC_Containers.js" />"></script>
<script SRC="<c:url value="/resources/smart-client/system/modules/ISC_Grids.js" />"></script>
<script SRC="<c:url value="/resources/smart-client/system/modules/ISC_DataBinding.js" />"></script>
<script language="javascript">
function getUserInformation() {
// get the form values
$('#securityQtn1Select').empty();
$('#securityQtn2Select').empty();
$('#securityQtn3Select').empty();
$('#answer1').val('');
$('#answer2').val('');
$('#answer3').val('');
var userName = $('#username').val();
if(!userName){
alert("<s:message code="message.username.required" text="User name is required" />");
}else{
$.ajax({
type: 'POST',
dataType: "json",
url: "<c:url value="/admin/users/resetPassword.html" />",
data: "username="+ userName ,
success: function(response) {
var msg = isc.XMLTools.selectObjects(response, "/response/statusMessage");
var status = isc.XMLTools.selectObjects(response, "/response/status");
if(status==0 || status ==9999) {
$("#getPassword").modal('hide'),
$('#getSecurityQtn').modal({
backdrop: true
})
var data = isc.XMLTools.selectObjects(response, "/response/data");
if(data && data.length>0) {
$('#question1').text(data[0].question1);
$('#question2').text(data[0].question2);
$('#question3').text(data[0].question3);
}
} else {
if(msg!=null && msg !='') {
alert(msg);
}
}
},
error: function(jqXHR,textStatus,errorThrown) {
alert('Error ' + jqXHR + "-" + textStatus + "-" + errorThrown);
}
});
}
}
function doSecurityQtnSubmit() {
var answer1 = $('#answer1').val();
var answer2 = $('#answer2').val();
var answer3 = $('#answer3').val();
if(!answer1){
alert("<s:message code="security.answer.question1.message" text="Please answer to security question 1"/>");
}else if(!answer2){
alert("<s:message code="security.answer.question2.message" text="Please answer to security question 2"/>");
}else if(!answer3){
alert("<s:message code="security.answer.question3.message" text="Please answer to security question 3"/>");
}else{
$.ajax({
type: 'POST',
dataType: "json",
url: "<c:url value="/admin/users/resetPasswordSecurityQtn.html" />",
data: "answer1="+ answer1+"&answer2="+ answer2+"&answer3="+ answer3,
success: function(response) {
//console.log("responcesajid "+response);
//console.log(response);
var msg = isc.XMLTools.selectObjects(response, "/response/statusMessage");
var status = isc.XMLTools.selectObjects(response, "/response/status");
if(status==0 || status ==9999) {
$("#getSecurityQtn").modal('hide')
$('#finalWindow').modal({
backdrop: true
})
$("#finaltext").val (msg);
var div = document.getElementById('finaltext1');
div.innerHTML = msg;
var data = isc.XMLTools.selectObjects(response, "/response/data");
} else {
if(msg!=null && msg !='') {
$("#getSecurityQtn").modal('hide')
$('#finalWindow').modal({
backdrop: true
})
$("#finaltext").val (msg);
var div = document.getElementById('finaltext1');
div.innerHTML = msg;
}
}
}
});
}
}
$(document)
.ready(
function() {
$('#changePassword').click(function() {
//$('#getPassword').show();
$('#username').val('');
$('#getPassword').modal({
backdrop: true
})
})
var username = $.cookie('usernamecookie');
if (username != null && username != '') {
$('#j_username').val(username);
$('#remember').attr('checked', true);
}
$("#formSubmitButton")
.click(
function() {
var hasError = false;
$('#j_username_help').html("");
$('#j_password_help').html("");
if ($('#remember').attr('checked')) {
$.cookie('usernamecookie', $(
'#j_username').val(), {
expires : 1024,
path : '/'
});
} else {
$.cookie('usernamecookie',
null, {
expires : 1024,
path : '/'
});
}
if ($.trim($('#j_username').val()) == '') {
hasError = true;
$('#j_username_help')
.html(
"<font color='red' size='4'><strong>*</strong></font>");
}
if ($.trim($('#j_password').val()) == '') {
hasError = true;
$('#j_password_help')
.html(
"<font color='red' size='4'><strong>*</strong></font>");
}
if (!hasError) {
$("#logonForm").submit();
}
});
});
</script>
</head>
<body>
<div id="tabbable" class="sm">
<br />
<br />
<div id=logon>
<div class="row">
<c:if test="${not empty param.login_error}">
<div class="alert alert-error">
<s:message code="errors.invalidcredentials"
text="Invalid username or password" />
</div>
</c:if>
</div>
<div id="login-box">
<div class="row">
<div style="float: left; width: 180px;">
<p class="lead">
<s:message code="button.label.logon" text="Logon" />
</p>
</div>
<div style="float: right;">
<img alt="go to www.shopizer.com"
src="<c:url value="/resources/img/shopizer_small.png" />">
</div>
</div>
<div class="row">
<div id="controls">
<form method="post" id="logonForm" class="form-horizontal" action="<c:url value="/admin/j_spring_security_check"/>">
<div class="control-group">
<label class="control-label" for="inputUser">
<s:message code="label.username" text="Username" />
</label>
<div class="controls">
<input type="text" id="j_username" name="j_username"
placeholder="<s:message code="label.username" text="Username"/>">
<span id="j_username_help" class="help-inline"></span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">
<s:message code="label.password" text="Password" />
</label>
<div class="controls">
<input type="password" id="j_password" name="j_password"
placeholder="<s:message code="label.password" text="Password"/>">
<span id="j_password_help" class="help-inline"></span>
</div>
</div>
<div class="control-group">
<div class="controls">
<label class="checkbox">
<input type="checkbox" id="remember">
<s:message code="label.logonform.rememberusername"
text="Remember my user name" />
<br/>
<a href="#" id="changePassword"><s:message code="label.logonform.forgotpassword" text="Forgot Password"/>?</a>
</label>
<a href="#" class="btn" id="formSubmitButton"> <s:message
code="button.label.logon" text="button.label.submit2" /> </a>
</div>
</div>
</form>
</div>
</div>
<!-- code for reset password-username prompt sajid shajahan -->
<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal hide fade" id="getPassword" style="display: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">
×
</button>
<h3 id="myModalLabel" style="color:#333333;">
<s:message code="label.logonform.resetpassword" text="Password reset"/>
</h3>
</div>
<form method="post" id="resetPasswordForm" class="form-horizontal"
action="#">
<div class="modal-body">
<p>
<div class="control-group">
<label class="control-label" for="inputUser" style="color:#333333;">
<s:message code="label.username" text="Username" />
</label>
<div class="controls">
<input type="text" id="username" name="username"
placeholder="<s:message code="label.username" text="Username"/>">
<span id="username_help" class="help-inline"></span>
</div>
</div>
</form>
</p>
</div>
<div class="modal-footer">
<div class="controls">
<input type="button" value="<s:message code="label.generic.next" text="Next" />" onclick="getUserInformation()" class="btn" >
</div>
</div>
</div>
</form>
</div>
<!-- code for reset password-security question prompt sajid shajahan -->
<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal hide fade" id="getSecurityQtn" style="display: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">
×
</button>
<h3 id="myModalLabel" style="color:#333333;">
<s:message code="label.logonform.securityquestion" text="Password reset"/>
</h3>
</div>
<form method="post" id="resetPasswordForm" class="form-horizontal"
action="#">
<div class="modal-body">
<p>
<div class="control-group">
<label class="control-label" for="inputUser" style="color:#333333;" id="question1">
<s:message code="security.question1" text="" />
</label>
<div class="controls">
<input type="text" id="answer1" name="answer1"
placeholder="<s:message code="security.answer.question1.message" text="answer1"/>">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputUser" style="color:#333333;" id="question2">
<s:message code="security.question2" text="" />
</label>
<div class="controls">
<input type="text" id="answer2" name="answer2"
placeholder="<s:message code="security.answer.question2.message" text="answer2"/>">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputUser" style="color:#333333;" id="question3">
<s:message code="security.question3" text="" />
</label>
<div class="controls">
<input type="text" id="answer3" name="answer3"
placeholder="<s:message code="security.answer.question3.message" text="answer3"/>">
</div>
</div>
</form>
</p>
</div>
<div class="modal-footer">
<div class="controls">
<!-- <a href="#" class="btn" id="passwordResetSubmitButton">
<s:message code="button.label.submit2" text="Submit" /> </a> -->
<input type="button" value="Submit" onclick="doSecurityQtnSubmit()" class="btn" >
</div>
</div>
</div>
</form>
</div>
<!-- code for reset password-final window sajid shajahan -->
<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal hide fade" id="finalWindow" style="display: none;">
<!--<div class="modal" id="getPassword" tabindex="-1" role="dialog" class="modal hide fade" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">-->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">
×
</button>
<h3 id="myModalLabel" style="color:#333333;">
<s:message code="" text="Shopizer"/>
</h3>
</div>
<form method="post" id="resetPasswordForm" class="form-horizontal"
action="#">
<div class="modal-body">
<p>
<h3><center><div id="finaltext1"></div></center></h3>
<!-- <div class="control-group">
<label class="control-label" for="inputUser" style="color:#333333;">
<h3><div id="finaltext1"></div></h3>
</label>
<div class="controls">
</div>
</div>
-->
</form>
</p>
</div>
<div class="modal-footer">
<div class="controls">
<button data-dismiss="modal" class="btn">Close</button>
</div>
</div>
</div>
</form>
</div>
</div>
</body>
</html>