| 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">
|
|
|
5 |
<style>
|
|
|
6 |
.row {
|
|
|
7 |
height:45px;
|
|
|
8 |
line-height:45px;
|
|
|
9 |
}
|
|
|
10 |
.text {
|
|
|
11 |
text-align: right;
|
|
|
12 |
float: left;
|
|
|
13 |
width: 25%;
|
|
|
14 |
color: #666;
|
|
|
15 |
font-size: 21px;
|
|
|
16 |
}
|
|
|
17 |
body {
|
|
|
18 |
font-family: Arial,Arial, sans-serif;
|
|
|
19 |
}
|
|
|
20 |
.padding-row{
|
|
|
21 |
height:20px;
|
|
|
22 |
}
|
|
|
23 |
|
|
|
24 |
.inputbox {
|
|
|
25 |
background-color: white;
|
|
|
26 |
height: 100%;
|
|
|
27 |
font-size: 18px;
|
|
|
28 |
border: solid 1px grey;
|
|
|
29 |
}
|
|
|
30 |
|
|
|
31 |
.padding48 {
|
|
|
32 |
width: 227px;
|
|
|
33 |
padding-left: 48px;
|
|
|
34 |
}
|
|
|
35 |
|
|
|
36 |
.padding15 {
|
|
|
37 |
padding-left: 15px;
|
|
|
38 |
width: 260px;
|
|
|
39 |
}
|
|
|
40 |
|
|
|
41 |
.num-prefix {
|
|
|
42 |
background: white url('/images/+91.png') no-repeat 2px;
|
|
|
43 |
}
|
|
|
44 |
|
|
|
45 |
.rupee {
|
|
|
46 |
background: white url('/images/Rupee.png') no-repeat 2px;
|
|
|
47 |
}
|
|
|
48 |
|
|
|
49 |
.input-div {
|
|
|
50 |
padding: 10px 15px 0px 5px;
|
|
|
51 |
display: inline-block;
|
|
|
52 |
height: 25px;
|
|
|
53 |
width: 280px;
|
|
|
54 |
float: left;
|
|
|
55 |
}
|
|
|
56 |
|
|
|
57 |
</style>
|
|
|
58 |
|
|
|
59 |
<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script>
|
|
|
60 |
<script language="javascript" type="text/javascript" src="js/jquery.colorbox-min.js"></script>
|
|
|
61 |
<script language="javascript" type="text/javascript" src="js/jquery.validate.js"></script>
|
|
|
62 |
<script language="javascript" type="text/javascript" src="js/jquery.dataTables.min.js"></script>
|
|
|
63 |
<script language="javascript" type="text/javascript" src="js/rechargewebapp.js"></script>
|
|
|
64 |
</head>
|
|
|
65 |
|
|
|
66 |
<body style="margin: 0;">
|
|
|
67 |
<div style="height:45px;">
|
|
|
68 |
</div>
|
|
|
69 |
<div style="height:45px;background: url('images/topbar.png') repeat-x left bottom;color: white;margin: 0px;padding-left: 35px;">
|
|
|
70 |
<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>
|
|
|
71 |
</div>
|
|
|
72 |
<div id="main" style="width: 75%;margin: 25px 0 0 25px;border: solid 1px #2789C1;">
|
|
|
73 |
|
|
|
74 |
<div style="height: 30px;background-color: #2789C1;font-size: 14px;font-weight: bold;color: white;">
|
|
|
75 |
<div style="margin: 0px 10px 0px 10px;padding-top: 7px;">
|
|
|
76 |
<span style="float:left">PLEASE ENTER DETAILS</span>
|
|
|
77 |
</div>
|
|
|
78 |
</div>
|
|
|
79 |
|
|
|
80 |
<div class='padding-row'>
|
|
|
81 |
</div>
|
|
|
82 |
|
|
|
83 |
<div class="row">
|
|
|
84 |
<div class="text">Recharge Type : </div>
|
|
|
85 |
<div style="0 0 0 10px;">
|
|
|
86 |
<input class='rechargetype' type="radio" checked name="rechargetype" value="1">Normal</input>
|
|
|
87 |
<input class='rechargetype' type="radio" name="rechargetype" value="2">New Connection</input>
|
|
|
88 |
</div>
|
|
|
89 |
</div>
|
|
|
90 |
|
|
|
91 |
<div class="row">
|
|
|
92 |
<div class="text">Device Type : </div>
|
|
|
93 |
<div style="0 0 0 10px;">
|
|
|
94 |
<input class='devicetype' type="radio" checked name="devicetype" value="1">Mobile</input>
|
|
|
95 |
<input class='devicetype' type="radio" name="devicetype" value="2">DTH</input>
|
|
|
96 |
</div>
|
|
|
97 |
</div>
|
|
|
98 |
|
|
|
99 |
<div class="row">
|
|
|
100 |
<div class="text">Device Number : </div>
|
|
|
101 |
<div class="input-div">
|
|
|
102 |
<input class='inputbox num-prefix padding48' type='text' name='number'></input>
|
|
|
103 |
</div>
|
|
|
104 |
</div>
|
|
|
105 |
|
|
|
106 |
#set($mobileProviderMap = $action.getMobileProvidersMap())
|
|
|
107 |
#set($dthProviderMap = $action.getDthProvidersMap())
|
|
|
108 |
|
|
|
109 |
<div class="row">
|
|
|
110 |
<div class="text">Operator : </div>
|
|
|
111 |
<div class="input-div">
|
|
|
112 |
<select select id='operatorSelector' name='operator' style="height: 30px;font-size: 18px;width: 180px;">
|
|
|
113 |
<option value='0'>Select Operator</option>
|
|
|
114 |
#foreach($mobileProviderKey in $mobileProviderMap.keySet())
|
|
|
115 |
<option class='mobileProviders' value='$mobileProviderKey'>$mobileProviderMap.get($mobileProviderKey)</option>
|
|
|
116 |
#end
|
|
|
117 |
#foreach($dthProviderKey in $dthProviderMap.keySet())
|
|
|
118 |
<option class='dthProviders' style='display:none;' value='$dthProviderKey'>$dthProviderMap.get($dthProviderKey)</option>
|
|
|
119 |
#end
|
|
|
120 |
</select>
|
|
|
121 |
</div>
|
|
|
122 |
</div>
|
|
|
123 |
|
|
|
124 |
<div class="row">
|
|
|
125 |
<div class="text">Amount : </div>
|
|
|
126 |
<div class="input-div">
|
|
|
127 |
<input class='inputbox rupee padding48' type='text' name='amount'></input>
|
|
|
128 |
</div>
|
|
|
129 |
</div>
|
|
|
130 |
|
|
|
131 |
<div class="row">
|
|
|
132 |
<div class="text">Email Id : </div>
|
|
|
133 |
<div class="input-div">
|
|
|
134 |
<input class='inputbox padding15' type='text' name='email'></input>
|
|
|
135 |
</div>
|
|
|
136 |
</div>
|
|
|
137 |
|
|
|
138 |
<div id='frc-div' style='display:none;'>
|
|
|
139 |
<div class="row">
|
|
|
140 |
<div class="text">FRC 1 : </div>
|
|
|
141 |
<div class="input-div">
|
|
|
142 |
<input class='inputbox padding15' type='text' name='email'></input>
|
|
|
143 |
</div>
|
|
|
144 |
</div>
|
|
|
145 |
|
|
|
146 |
<div class="row">
|
|
|
147 |
<div class="text">FRC 2 : </div>
|
|
|
148 |
<div class="input-div">
|
|
|
149 |
<input class='inputbox padding15' type='text' name='email'></input>
|
|
|
150 |
</div>
|
|
|
151 |
</div>
|
|
|
152 |
</div>
|
|
|
153 |
|
|
|
154 |
<div class='padding-row'>
|
|
|
155 |
</div>
|
|
|
156 |
|
|
|
157 |
</div>
|
|
|
158 |
|
|
|
159 |
|
|
|
160 |
</body>
|
|
|
161 |
|
|
|
162 |
</html>
|