Rev 7674 | Blame | Compare with Previous | Last modification | View Log | RSS feed
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link rel="stylesheet" href="css/rechargewebapp_18042013.css" type="text/css" /><script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script><script language="javascript" type="text/javascript" src="js/jquery.colorbox-min.js"></script><script language="javascript" type="text/javascript" src="js/jquery.validate.js"></script><script language="javascript" type="text/javascript" src="js/jquery.dataTables.min.js"></script><script language="javascript" type="text/javascript" src="js/rechargewebapp_21102013.js"></script><style>.mandatory {color:red;}</style></head><body style="margin: 0;"><div style="min-width:900px;line-height:37px;height:37px;background-color:#333;color:white;"><span style="margin-left:20px;font-weight:bold;font-size:15px">Store : </span><span style="font-size:20px">$action.getStoreCode()</span><span style="margin-left:20px;font-weight:bold;font-size:15px">Today's Collection : </span><span style="font-size:20px">$action.getCollectedAmount()</span><a style="margin:0px 25px 0px 25px;color:white" href="/rch/report">REPORTS</a><a style="color:white;" href="/rch/!doLogout">Logout</a></div><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"><img style="float:left;" src="/rch/images/Hotspot-Logo.jpg"></img><span style="font-size: 35px;font-family:'Times New Roman', Times, serif;float:left">Recharge Dashboard</span><img style="float:right;margin-right:20px;" src="/rch/images/Saholic-Logo.jpg"></img></div><div id="main" style="min-width:900px;width: 75%;margin: 25px 0 0 25px;border: solid 1px #2789C1;"><div style="height: 30px;background-color: #2789C1;font-size: 14px;font-weight: bold;color: white;"><div style="margin: 0px 10px 0px 10px;padding-top: 7px;"><span style="float:left">PLEASE ENTER DETAILS</span></div></div><form id='rechargeDetailsForm' action='/rch/confirm' method='post' onsubmit='return validateAllFields()'>#if($action.getErrorMsg() == "")<div class='padding-row'></div>#else<div class="padding-row" style="font-size: 16px;color: red;text-align: center;border: 1px solid red;margin: 5px;padding: 5px;">$action.getErrorMsg()</div>#end<div class="row"><div class="text">Recharge Type : </div><div style="0 0 0 10px;"><input class='rechargetype' type="radio" checked name="rechargeType" value="1">Normal</input><input class='rechargetype' type="radio" name="rechargeType" value="2">New Connection (FRC)</input></div></div><div class="row"><div class="text">Device Type : </div><div style="0 0 0 10px;"><input class='devicetype' type="radio" checked name="deviceType" value="1">Mobile</input><input class='devicetype' type="radio" name="deviceType" value="2">DTH</input></div></div><div class="row"><div class="text">Device Number<span class='mandatory'>*</span> : </div><div class="input-div"><input class='inputbox num-prefix padding48' type='text' name='repeat' maxlength='10'></input></div></div><div class="row"><div class="text">Confirm Number<span class='mandatory'>*</span> : </div><div class="input-div"><input class='inputbox num-prefix padding48' type='text' name='number' maxlength='10'></input></div></div>#set($mobileProviderMap = $action.getMobileProvidersMap())#set($dthProviderMap = $action.getDthProvidersMap())<div class="row"><div class="text">Operator<span class='mandatory'>*</span> : </div><div class="input-div"><select select id='mobileSelector' name='mobileOperator' style="height: 30px;font-size: 18px;width: 180px;"><option value='0'>Select Operator</option>#foreach($mobileProviderKey in $mobileProviderMap.keySet())<option class='mobileProviders' value='$mobileProviderKey'>$mobileProviderMap.get($mobileProviderKey)</option>#end</select><select select id='dthSelector' name='dthOperator' style="display:none;height: 30px;font-size: 18px;width: 180px;"><option value='0'>Select Operator</option>#foreach($dthProviderKey in $dthProviderMap.keySet())<option value='$dthProviderKey'>$dthProviderMap.get($dthProviderKey)</option>#end</select></div><div class="text" style="text-align: left;font-size: 15px;width: 340px;color: blue;">For MNP numbers choose operator manually</div></div><div class="row planSelector"><div class="text">Plan : </div><div class="input-div"><select id='planDropDown' name='plan' style="height: 30px;font-size: 18px;width: 95px;"></select></div></div><div class="row mk_amount_row"><div class="text">Amount<span class='mandatory'>*</span> : </div><div class="input-div"><input class='inputbox rupee padding48' type='text' name='amount'></input></div></div><div class="row"><div class="text">Customer Name<span class='mandatory'>*</span> : </div><div class="input-div"><input class='inputbox padding15' type='text' name='name'></input></div></div><div class="row"><div class="text">Email Id : </div><div class="input-div"><input class='inputbox padding15' type='text' name='email'></input></div></div><div id='frc-div' style='display:none;'><div class="row"><div class="text">SIM Number<span class='mandatory'>*</span> : </div><div class="input-div"><input class='inputbox padding15' maxlength="5" type='text' name='simNum'></input></div><div class="text" style="text-align: left;font-size: 15px;width: 340px;color: blue;">Please enter last five digits of sim only</div></div><div class="row"><div class="text">CAF Number<span class='mandatory'>*</span> : </div><div class="input-div"><input class='inputbox padding15' type='text' name='cafNum'></input></div></div><div class="row mk_discount_row"><div class="text">Discount : </div><div class="input-div"><input class='inputbox rupee padding48' type='text' name='discount'></input></div></div><div class="row"><div class="text">Alternate Number : </div><div class="input-div"><input class='inputbox padding15' type='text' name='altNum'></input></div></div></div><div class="row"><div class="text">Pay method : </div><div><input class='payMethod' type="radio" checked="checked" name="payMethod" value="1">Cash</input><input class='payMethod' type="radio" name="payMethod" value="2">Card</input></div></div><input type='hidden' name='circlecode' id='circlecode' /><div class="row"><div style="padding-top:10px;margin-top: 25px;padding-left: 200px;"><input type="submit" value='submit' style="height: 30px;background-color: orange;cursor: pointer;width: 140px;font-size: 21px;"></div></div><div class='padding-row'></div></form></div><script>var storeCircleCode = "$action.getStoreCircleCode()";jQuery('.planSelector').hide();var jsonMap = $action.getPlanMapInJson();jQuery('#mobileSelector').change(function() {populatePlans();});if(jQuery('#mobileSelector option:selected').val() != '0'){populatePlans();}function populatePlans() {jQuery('.planSelector select#planDropDown').children().remove();jQuery('.planSelector').hide();var operatorId = jQuery('#mobileSelector option:selected').val();plans = jsonMap[operatorId];if(plans) {jQuery.each(plans, function(i, plan) {var planName = plan.name;var planDisplayName = plan.displayName;jQuery('.planSelector').show();if(i==0) {jQuery('#planDropDown').append("<option value='" + planName + "'>" + planDisplayName + "</option>");} else {jQuery('#planDropDown').append("<option selected='true' value='" + planName + "'>" + planDisplayName + "</option>");}});}}</script></body></html>