| Line 67... |
Line 67... |
| 67 |
<div id="firstCol" style="width:33%; text-align:right; float:left">
|
67 |
<div id="firstCol" style="width:33%; text-align:right; float:left">
|
| 68 |
<br><br><br>
|
68 |
<br><br><br>
|
| 69 |
Recharge Your :
|
69 |
Recharge Your :
|
| 70 |
<br><br><br>
|
70 |
<br><br><br>
|
| 71 |
#if($action.getServiceType() == "2")
|
71 |
#if($action.getServiceType() == "2")
|
| 72 |
DTH Number :
|
72 |
Operator :
|
| - |
|
73 |
<br><br><br>
|
| - |
|
74 |
<span id="dthIdAlias">DTH Number</span> :
|
| 73 |
#else
|
75 |
#else
|
| 74 |
Mobile Number :
|
76 |
Mobile Number :
|
| - |
|
77 |
<br><br><br>
|
| - |
|
78 |
Operator :
|
| 75 |
#end
|
79 |
#end
|
| 76 |
<br><br><br>
|
80 |
<br><br><br>
|
| 77 |
Operator :
|
- |
|
| 78 |
<br><br><br>
|
- |
|
| 79 |
<span class='planSelector' style='display:none'>Plan : <br><br><br></span>
|
81 |
<span class='planSelector' style='display:none'>Plan : <br><br><br></span>
|
| 80 |
Amount :
|
82 |
Amount :
|
| 81 |
<br><br><br>
|
83 |
<br><br><br>
|
| 82 |
Email :
|
84 |
Email :
|
| 83 |
<br>
|
85 |
<br>
|
| Line 104... |
Line 106... |
| 104 |
#set($dthImageSrc = '/images/dth.png')
|
106 |
#set($dthImageSrc = '/images/dth.png')
|
| 105 |
#end
|
107 |
#end
|
| 106 |
<img id="phone-image" src=$phoneImageSrc style="cursor:pointer"><img id="dth-image" src=$dthImageSrc style="cursor:pointer">
|
108 |
<img id="phone-image" src=$phoneImageSrc style="cursor:pointer"><img id="dth-image" src=$dthImageSrc style="cursor:pointer">
|
| 107 |
</p>
|
109 |
</p>
|
| 108 |
<br>
|
110 |
<br>
|
| - |
|
111 |
#set($providerMap = $action.getProviderMap())
|
| 109 |
<form id='rechargeDetailsForm' action='/confirm' method='post'>
|
112 |
<form id='rechargeDetailsForm' action='/confirm' method='post'>
|
| 110 |
#if($action.getServiceType() == "2")
|
113 |
#if($action.getServiceType() == "2")
|
| - |
|
114 |
<select id='operatorSelector' name='operator' style="font-size:17px; padding: 5px;">
|
| - |
|
115 |
<option value='0'>Select Operator</option>
|
| 111 |
#set($inputClass = 'full-size-input')
|
116 |
#foreach($providerKey in $providerMap.keySet())
|
| - |
|
117 |
<option value='$providerKey' #if($action.getOperatorId()==$providerKey)selected="true"#end>$providerMap.get($providerKey)</option>
|
| - |
|
118 |
#end
|
| - |
|
119 |
</select>
|
| - |
|
120 |
<span style="color: blue; display: inline-block; width: 260px; font-size: 12px; margin-top: -5px;" id="accNumberHelp"></span>
|
| - |
|
121 |
<br><br>
|
| 112 |
<input type="text" name='dthnumber' maxlength="20" class="$inputClass"></input>
|
122 |
<input type="text" name='dthnumber' maxlength="20" class="full-size-input"></input>
|
| 113 |
#else
|
123 |
#else
|
| 114 |
#set($inputClass = 'regular-size-input')
|
- |
|
| 115 |
<input type="text" name='number' maxlength="10" class="$inputClass"></input>
|
124 |
<input type="text" name='number' maxlength="10" class="regular-size-input"></input>
|
| 116 |
#end
|
- |
|
| 117 |
<input type='hidden' name='rechargeType' value='$action.getServiceType()'>
|
- |
|
| 118 |
<br><br>
|
125 |
<br><br>
|
| 119 |
#set($providerMap = $action.getProviderMap())
|
- |
|
| 120 |
<select id='operatorSelector' name='operator' style="font-size:20px; padding: 5px;">
|
126 |
<select id='operatorSelector' name='operator' style="font-size:20px; padding: 5px;">
|
| 121 |
<option value='0'>Select Operator</option>
|
127 |
<option value='0'>Select Operator</option>
|
| 122 |
#foreach($providerKey in $providerMap.keySet())
|
128 |
#foreach($providerKey in $providerMap.keySet())
|
| 123 |
<option value='$providerKey' #if($action.getOperatorId()==$providerKey)selected="true"#end>$providerMap.get($providerKey)</option>
|
129 |
<option value='$providerKey' #if($action.getOperatorId()==$providerKey)selected="true"#end>$providerMap.get($providerKey)</option>
|
| 124 |
#end
|
130 |
#end
|
| 125 |
</select>
|
131 |
</select>
|
| 126 |
#if($action.getServiceType() == "1")
|
- |
|
| 127 |
<span style="font-size: 12px; padding-left: 10px;color: blue;">MNP Users choose operator manually</span>
|
132 |
<span style="font-size: 12px; padding-left: 10px;color: blue;">MNP Users choose operator manually</span>
|
| 128 |
#else
|
- |
|
| 129 |
<span style="color: blue; display: inline-block; width: 247px; font-size: 12px; margin-top: -5px;" id="accNumberHelp"></span>
|
- |
|
| 130 |
#end
|
133 |
#end
|
| - |
|
134 |
<input type='hidden' name='rechargeType' value='$action.getServiceType()'>
|
| 131 |
<br><br>
|
135 |
<br><br>
|
| 132 |
<span id='planSelector' class='planSelector'>
|
136 |
<span id='planSelector' class='planSelector'>
|
| 133 |
<select id='planDropDown' name='plan' style='font-size: 18px;padding: 5px;'></select>
|
137 |
<select id='planDropDown' name='plan' style='font-size: 18px;padding: 5px;'></select>
|
| 134 |
<span id='planDescription' style='font-size: 13px;padding-left: 10px;color: blue;'></span>
|
138 |
<span id='planDescription' style='font-size: 13px;padding-left: 10px;color: blue;'></span>
|
| 135 |
<br><br>
|
139 |
<br><br>
|
| Line 189... |
Line 193... |
| 189 |
jQuery('#planDropDown').change(function() {
|
193 |
jQuery('#planDropDown').change(function() {
|
| 190 |
jQuery('#planDescription').html(jQuery('#planDropDown option:selected').attr('desc'));
|
194 |
jQuery('#planDescription').html(jQuery('#planDropDown option:selected').attr('desc'));
|
| 191 |
});
|
195 |
});
|
| 192 |
#else
|
196 |
#else
|
| 193 |
var helpMap = {"1":"Your VC number starts with 0 and is 11 digits long.",
|
197 |
var helpMap = {"1":"Your VC number starts with 0 and is 11 digits long.",
|
| 194 |
"2":"Smart card number starts with 2 and is 12 digits long",
|
198 |
"2":"Smart card number starts with 2 and is 12 digits long.",
|
| 195 |
"3":"Smart card number starts with 4 and is 11 digits long.",
|
199 |
"3":"Smart card number starts with 4 and is 11 digits long.",
|
| 196 |
"4":"Subscriber ID starts with 1 and is 10 digits long.",
|
200 |
"4":"Subscriber ID starts with 1 and is 10 digits long.",
|
| 197 |
"5":"To get your customer ID, SMS ID to 9212012299 from your registered mobile no."};
|
201 |
"5":"For customer ID, SMS ID to 9212012299 from your registered mobile no."};
|
| - |
|
202 |
var dthIdAliasMap = {"1":"VC Number",
|
| - |
|
203 |
"2":"Smart Card Number",
|
| - |
|
204 |
"3":"Smart Card Number",
|
| - |
|
205 |
"4":"Subscriber Id",
|
| - |
|
206 |
"5":"Customer Id",
|
| - |
|
207 |
"0":"Account Number"};
|
| 198 |
jQuery('#operatorSelector').change(function() {
|
208 |
jQuery('#operatorSelector').change(function() {
|
| 199 |
jQuery('#accNumberHelp').html(helpMap[jQuery('#operatorSelector option:selected').val()]);
|
209 |
jQuery('#accNumberHelp').html(helpMap[jQuery('#operatorSelector option:selected').val()]);
|
| - |
|
210 |
jQuery('#dthIdAlias').html(dthIdAliasMap[jQuery('#operatorSelector option:selected').val()]);
|
| 200 |
});
|
211 |
});
|
| 201 |
#end
|
212 |
#end
|
| 202 |
</script>
|
213 |
</script>
|
| 203 |
</body>
|
214 |
</body>
|
| 204 |
</html>
|
215 |
</html>
|