| 7068 |
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">
|
| 7073 |
anupam.sin |
5 |
<link rel="stylesheet" href="css/rechargewebapp.css" type="text/css" />
|
| 7068 |
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>
|
|
|
11 |
<script language="javascript" type="text/javascript" src="js/rechargewebapp.js"></script>
|
|
|
12 |
</head>
|
|
|
13 |
|
|
|
14 |
<body style="margin: 0;">
|
|
|
15 |
<div style="height:45px;">
|
|
|
16 |
</div>
|
|
|
17 |
<div style="height:45px;background: url('images/topbar.png') repeat-x left bottom;color: white;margin: 0px;padding-left: 35px;">
|
|
|
18 |
<span style="font-size: 35px;font-family:'Times New Roman', Times, serif;">HotSpot Recharge Dashboard<span style="font-size: 14px;font-family:Arial, Arial, sans-serif;"> - Powered by Saholic.com</span></span>
|
|
|
19 |
</div>
|
|
|
20 |
<div id="main" style="width: 75%;margin: 25px 0 0 25px;border: solid 1px #2789C1;">
|
|
|
21 |
|
|
|
22 |
<div style="height: 30px;background-color: #2789C1;font-size: 14px;font-weight: bold;color: white;">
|
|
|
23 |
<div style="margin: 0px 10px 0px 10px;padding-top: 7px;">
|
|
|
24 |
<span style="float:left">PLEASE ENTER DETAILS</span>
|
|
|
25 |
</div>
|
|
|
26 |
</div>
|
|
|
27 |
|
| 7073 |
anupam.sin |
28 |
<form id='rechargeDetailsForm' action='/confirm' method='post' onsubmit='validateAllFields()'>
|
|
|
29 |
#if($action.getErrorMsg() == "")
|
|
|
30 |
<div class='padding-row'>
|
|
|
31 |
</div>
|
|
|
32 |
#else
|
|
|
33 |
<div class="padding-row" style="font-size: 16px;color: red;text-align: center;border: 1px solid red;margin: 5px;padding: 5px;">
|
|
|
34 |
$action.getErrorMsg()
|
|
|
35 |
</div>
|
|
|
36 |
#end
|
|
|
37 |
<div class="row">
|
|
|
38 |
<div class="text">Recharge Type : </div>
|
|
|
39 |
<div style="0 0 0 10px;">
|
|
|
40 |
<input class='rechargetype' type="radio" checked name="rechargetype" value="1">Normal</input>
|
|
|
41 |
<input class='rechargetype' type="radio" name="rechargetype" value="2">New Connection</input>
|
|
|
42 |
</div>
|
|
|
43 |
</div>
|
|
|
44 |
|
|
|
45 |
<div class="row">
|
|
|
46 |
<div class="text">Device Type : </div>
|
|
|
47 |
<div style="0 0 0 10px;">
|
|
|
48 |
<input class='devicetype' type="radio" checked name="devicetype" value="1">Mobile</input>
|
|
|
49 |
<input class='devicetype' type="radio" name="devicetype" value="2">DTH</input>
|
|
|
50 |
</div>
|
|
|
51 |
</div>
|
|
|
52 |
|
|
|
53 |
<div class="row">
|
|
|
54 |
<div class="text">Device Number : </div>
|
| 7068 |
anupam.sin |
55 |
<div class="input-div">
|
| 7073 |
anupam.sin |
56 |
<input class='inputbox num-prefix padding48' type='text' name='number'></input>
|
| 7068 |
anupam.sin |
57 |
</div>
|
| 7073 |
anupam.sin |
58 |
</div>
|
|
|
59 |
|
|
|
60 |
#set($mobileProviderMap = $action.getMobileProvidersMap())
|
|
|
61 |
#set($dthProviderMap = $action.getDthProvidersMap())
|
|
|
62 |
|
|
|
63 |
<div class="row">
|
|
|
64 |
<div class="text">Operator : </div>
|
|
|
65 |
<div class="input-div">
|
|
|
66 |
<select select id='mobileSelector' name='mobileOperator' style="height: 30px;font-size: 18px;width: 180px;">
|
|
|
67 |
<option value='0'>Select Operator</option>
|
|
|
68 |
#foreach($mobileProviderKey in $mobileProviderMap.keySet())
|
|
|
69 |
<option class='mobileProviders' value='$mobileProviderKey'>$mobileProviderMap.get($mobileProviderKey)</option>
|
|
|
70 |
#end
|
|
|
71 |
</select>
|
|
|
72 |
<select select id='dthSelector' name='dthOperator' style="display:none;height: 30px;font-size: 18px;width: 180px;">
|
|
|
73 |
<option value='0'>Select Operator</option>
|
|
|
74 |
#foreach($dthProviderKey in $dthProviderMap.keySet())
|
|
|
75 |
<option value='$dthProviderKey'>$dthProviderMap.get($dthProviderKey)</option>
|
|
|
76 |
#end
|
|
|
77 |
</select>
|
|
|
78 |
</div>
|
|
|
79 |
</div>
|
|
|
80 |
|
|
|
81 |
<div class="row">
|
|
|
82 |
<div class="text">Amount : </div>
|
|
|
83 |
<div class="input-div">
|
|
|
84 |
<input class='inputbox rupee padding48' type='text' name='amount'></input>
|
|
|
85 |
</div>
|
|
|
86 |
</div>
|
|
|
87 |
|
|
|
88 |
<div class="row">
|
|
|
89 |
<div class="text">Customer Name : </div>
|
| 7068 |
anupam.sin |
90 |
<div class="input-div">
|
| 7073 |
anupam.sin |
91 |
<input class='inputbox padding15' type='text' name='name'></input>
|
|
|
92 |
</div>
|
|
|
93 |
</div>
|
|
|
94 |
|
|
|
95 |
<div class="row">
|
|
|
96 |
<div class="text">Email Id : </div>
|
|
|
97 |
<div class="input-div">
|
| 7068 |
anupam.sin |
98 |
<input class='inputbox padding15' type='text' name='email'></input>
|
|
|
99 |
</div>
|
| 7073 |
anupam.sin |
100 |
</div>
|
|
|
101 |
|
|
|
102 |
<div id='frc-div' style='display:none;'>
|
|
|
103 |
<div class="row">
|
|
|
104 |
<div class="text">SIM Number : </div>
|
|
|
105 |
<div class="input-div">
|
|
|
106 |
<input class='inputbox padding15' type='text' name='sim'></input>
|
|
|
107 |
</div>
|
|
|
108 |
</div>
|
|
|
109 |
|
|
|
110 |
<div class="row">
|
|
|
111 |
<div class="text">CAF Number : </div>
|
|
|
112 |
<div class="input-div">
|
|
|
113 |
<input class='inputbox padding15' type='text' name='caf'></input>
|
|
|
114 |
</div>
|
|
|
115 |
</div>
|
|
|
116 |
|
|
|
117 |
<div class="row">
|
|
|
118 |
<div class="text">Alternate Number : </div>
|
|
|
119 |
<div class="input-div">
|
|
|
120 |
<input class='inputbox padding15' type='text' name='altNum'></input>
|
|
|
121 |
</div>
|
|
|
122 |
</div>
|
|
|
123 |
</div>
|
|
|
124 |
|
|
|
125 |
<div class="row">
|
|
|
126 |
<div style="padding-top:10px;margin-top: 25px;padding-left: 200px;">
|
|
|
127 |
<input type="submit" style="height: 30px;background-color: orange;cursor: pointer;width: 140px;font-size: 21px;">
|
|
|
128 |
</div>
|
|
|
129 |
</div>
|
|
|
130 |
|
|
|
131 |
<div class='padding-row'>
|
|
|
132 |
</div>
|
|
|
133 |
</form>
|
| 7068 |
anupam.sin |
134 |
</div>
|
|
|
135 |
|
|
|
136 |
|
|
|
137 |
</body>
|
|
|
138 |
|
|
|
139 |
</html>
|