| 7080 |
anupam.sin |
1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
2 |
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
3 |
<head>
|
|
|
4 |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
| 7178 |
anupam.sin |
5 |
<link rel="stylesheet" href="css/rechargewebapp_18042013.css" type="text/css" />
|
| 7080 |
anupam.sin |
6 |
|
|
|
7 |
<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script>
|
|
|
8 |
<script language="javascript" type="text/javascript" src="js/jquery.colorbox-min.js"></script>
|
|
|
9 |
<script language="javascript" type="text/javascript" src="js/jquery.validate.js"></script>
|
|
|
10 |
<script language="javascript" type="text/javascript" src="js/jquery.dataTables.min.js"></script>
|
| 8527 |
anupam.sin |
11 |
<script language="javascript" type="text/javascript" src="js/rechargewebapp_21102013.js"></script>
|
| 13014 |
kshitij.so |
12 |
<script language="javascript" type="text/javascript" src="js/jquery.countdown360.js"></script>
|
| 7080 |
anupam.sin |
13 |
</head>
|
|
|
14 |
|
|
|
15 |
<body style="margin: 0;">
|
| 7176 |
anupam.sin |
16 |
|
| 7674 |
anupam.sin |
17 |
<div style="min-width:900px;line-height:37px;height:37px;background-color:#333;color:white;">
|
| 7207 |
anupam.sin |
18 |
<span style="margin-left:20px;font-weight:bold;font-size:15px">Store : </span><span style="font-size:20px">$action.getStoreCode()</span>
|
|
|
19 |
<span style="margin-left:20px;font-weight:bold;font-size:15px">Today's Collection : </span><span style="font-size:20px">$action.getCollectedAmount()</span>
|
| 7176 |
anupam.sin |
20 |
<a style="margin:0px 25px 0px 25px;color:white" href="/rch/report">REPORTS</a>
|
|
|
21 |
<a style="color:white;" href="/rch/!doLogout">Logout</a>
|
| 7080 |
anupam.sin |
22 |
</div>
|
| 7176 |
anupam.sin |
23 |
|
| 7674 |
anupam.sin |
24 |
<div style="min-width:900px;line-height:60px;height:60px;background-color:#DBEEFF;color: #333333;margin: 0px;padding-left: 35px;border-bottom:1px solid #67ABD3">
|
| 7176 |
anupam.sin |
25 |
<img style="float:left;" src="/rch/images/Hotspot-Logo.jpg"></img>
|
|
|
26 |
<span style="font-size: 35px;font-family:'Times New Roman', Times, serif;float:left">Recharge Dashboard</span>
|
| 7178 |
anupam.sin |
27 |
<img style="float:right;margin-right:20px;" src="/rch/images/Saholic-Logo.jpg"></img>
|
| 7080 |
anupam.sin |
28 |
</div>
|
| 7176 |
anupam.sin |
29 |
|
| 7674 |
anupam.sin |
30 |
<div id="main" style="min-width:900px;width: 75%;margin: 25px 0 0 25px;border: solid 1px #2789C1;">
|
| 7080 |
anupam.sin |
31 |
|
|
|
32 |
<div style="height: 30px;background-color: #2789C1;font-size: 14px;font-weight: bold;color: white;">
|
|
|
33 |
<div style="margin: 0px 10px 0px 10px;padding-top: 7px;">
|
|
|
34 |
<span style="float:left">RECHARGE RESULT</span>
|
|
|
35 |
</div>
|
|
|
36 |
</div>
|
|
|
37 |
|
|
|
38 |
<div class='padding-row'>
|
|
|
39 |
</div>
|
|
|
40 |
|
|
|
41 |
<div class="row">
|
| 13014 |
kshitij.so |
42 |
<div>$action.getResultMessage()</div>
|
| 7080 |
anupam.sin |
43 |
</div>
|
| 7139 |
amit.gupta |
44 |
#if($action.showPrintButton())
|
|
|
45 |
|
|
|
46 |
<div class="row">
|
| 7151 |
amit.gupta |
47 |
<div class="text">Net Payable amount: </div>
|
| 7139 |
amit.gupta |
48 |
<div style="text-align:left;width: 340px;color: blue;" class="text">Rs.$action.getPaymentAmount()</div>
|
|
|
49 |
</div>
|
|
|
50 |
#end
|
| 7080 |
anupam.sin |
51 |
|
| 7096 |
anupam.sin |
52 |
|
| 7080 |
anupam.sin |
53 |
<div class="row">
|
| 7096 |
anupam.sin |
54 |
<div style="padding: 10px 20px 0 140px;margin-top: 25px;text-align: right;">
|
|
|
55 |
<input id="home-button" type="button" value="Home Page" style="height: 30px;cursor: pointer;width: 150px;font-size: 20px;float: left;background-color: orange;" onclick="window.location.replace('/rch/')">
|
|
|
56 |
#if($action.showPrintButton())
|
| 7139 |
amit.gupta |
57 |
<form action="recharge-result!downloadInvoice">
|
|
|
58 |
<input type="hidden" name="rechargeId" value="$rechargeId"/>
|
|
|
59 |
<input type="submit" value="Print Invoice" style="height: 22px;cursor: pointer;width: 100px;font-size: 14px;">
|
|
|
60 |
</form>
|
| 7096 |
anupam.sin |
61 |
#end
|
| 7080 |
anupam.sin |
62 |
</div>
|
|
|
63 |
</div>
|
|
|
64 |
|
| 7096 |
anupam.sin |
65 |
|
| 7080 |
anupam.sin |
66 |
<div class='padding-row'>
|
|
|
67 |
</div>
|
| 13014 |
kshitij.so |
68 |
<div id="countdown" style="margin:10px auto auto;width:125px;display:block;"></div>
|
| 7080 |
anupam.sin |
69 |
</div>
|
|
|
70 |
|
| 13014 |
kshitij.so |
71 |
#set($order = $action.getRecharge())
|
|
|
72 |
#if($order.getStatus().name()=="RECHARGE_IN_PROCESS")
|
|
|
73 |
<script src="/js/jquery.countdown360.js" type="text/javascript" charset="utf-8"></script>
|
|
|
74 |
<script type="text/javascript" charset="utf-8">
|
|
|
75 |
var callCounter = 0;
|
|
|
76 |
$("#countdown").countdown360({
|
|
|
77 |
radius : 50,
|
| 13296 |
kshitij.so |
78 |
seconds : 90,
|
| 13014 |
kshitij.so |
79 |
fontColor : 'white',
|
|
|
80 |
fillStyle : '#6699ff',
|
|
|
81 |
strokeStyle : '#F6F47A',
|
|
|
82 |
autostart : true,
|
|
|
83 |
onComplete : function () { hideCountDown()}
|
|
|
84 |
})
|
|
|
85 |
function hideCountDown(){
|
|
|
86 |
$('#countdown').hide();
|
|
|
87 |
jQuery.ajax({
|
|
|
88 |
type : "GET",
|
|
|
89 |
url : "/rch/recharge-result!getRechargeStatus?rechargeId="+$order.getId()+"&isFinal=true",
|
|
|
90 |
success : function(response) {
|
|
|
91 |
},
|
|
|
92 |
error : function() {
|
|
|
93 |
}
|
|
|
94 |
});
|
|
|
95 |
window.setTimeout(reload, 5000);
|
|
|
96 |
}
|
|
|
97 |
function checkUnknownTransactions(){
|
|
|
98 |
jQuery.ajax({
|
|
|
99 |
type : "GET",
|
|
|
100 |
url : "/rch/recharge-result!getRechargeStatus?rechargeId="+$order.getId()+"&isFinal=false",
|
|
|
101 |
success : function(response) {
|
|
|
102 |
if (response=='RECHARGE_SUCCESSFUL' || response == 'RECHARGE_FAILED' || response == 'RECHARGE_UNKNOWN'){
|
|
|
103 |
reload();
|
|
|
104 |
}
|
|
|
105 |
incrementCounter();
|
|
|
106 |
if ($('#countdown').is(':visible')){
|
|
|
107 |
window.setTimeout(checkUnknownTransactions, 5000);
|
|
|
108 |
}
|
|
|
109 |
},
|
|
|
110 |
error : function() {
|
|
|
111 |
incrementCounter();
|
|
|
112 |
if ($('#countdown').is(':visible')) {
|
| 13296 |
kshitij.so |
113 |
if (callCounter < 8) {
|
| 13014 |
kshitij.so |
114 |
window.setTimeout(checkUnknownTransactions, 5000);
|
|
|
115 |
}
|
|
|
116 |
}
|
|
|
117 |
}
|
|
|
118 |
});
|
|
|
119 |
}
|
|
|
120 |
function incrementCounter() {
|
|
|
121 |
callCounter++;
|
|
|
122 |
}
|
| 7080 |
anupam.sin |
123 |
|
| 13014 |
kshitij.so |
124 |
function reload() {
|
|
|
125 |
location.reload();
|
|
|
126 |
}
|
|
|
127 |
</script>
|
|
|
128 |
<script type="text/javascript">
|
|
|
129 |
$(function(){
|
|
|
130 |
window.setTimeout(checkUnknownTransactions, 40000);
|
|
|
131 |
});
|
|
|
132 |
</script>
|
|
|
133 |
#end
|
|
|
134 |
|
|
|
135 |
|
| 7080 |
anupam.sin |
136 |
</body>
|
|
|
137 |
|
|
|
138 |
</html>
|