Subversion Repositories SmartDukaan

Rev

Rev 7289 | Rev 7674 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
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">
7178 anupam.sin 5 
    <link rel="stylesheet" href="css/rechargewebapp_18042013.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>
7289 anupam.sin 11 
    <script language="javascript" type="text/javascript" src="js/rechargewebapp_16052013.js"></script>
7189 anupam.sin 12 
 
13 
	<style>
14 
		.mandatory {
15 
		color:red;
16 
		}
17 
	</style>
7068 anupam.sin 18 
</head>
19 
 
20 
<body style="margin: 0;">
7176 anupam.sin 21 
<div style="line-height:37px;height:37px;background-color:#333;color:white;">
7207 anupam.sin 22 
	<span style="margin-left:20px;font-weight:bold;font-size:15px">Store : </span><span style="font-size:20px">$action.getStoreCode()</span>
23 
	<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 24 
	<a style="margin:0px 25px 0px 25px;color:white" href="/rch/report">REPORTS</a>
25 
	<a style="color:white;" href="/rch/!doLogout">Logout</a>
7068 anupam.sin 26 
</div>
7176 anupam.sin 27 
 
28 
<div style="line-height:60px;height:60px;background-color:#DBEEFF;color: #333333;margin: 0px;padding-left: 35px;border-bottom:1px solid #67ABD3">
29 
	<img style="float:left;" src="/rch/images/Hotspot-Logo.jpg"></img>
30 
	<span style="font-size: 35px;font-family:'Times New Roman', Times, serif;float:left">Recharge Dashboard</span>
7178 anupam.sin 31 
	<img style="float:right;margin-right:20px;" src="/rch/images/Saholic-Logo.jpg"></img>
7068 anupam.sin 32 
</div>
7176 anupam.sin 33 
 
7068 anupam.sin 34 
<div id="main" style="width: 75%;margin: 25px 0 0 25px;border: solid 1px #2789C1;">
35 
 
36 
	<div style="height: 30px;background-color: #2789C1;font-size: 14px;font-weight: bold;color: white;">
37 
		<div style="margin: 0px 10px 0px 10px;padding-top: 7px;">
38 
			<span style="float:left">PLEASE ENTER DETAILS</span>
39 
		</div>
40 
	</div>
41 
 
7096 anupam.sin 42 
	<form id='rechargeDetailsForm' action='/rch/confirm' method='post' onsubmit='return validateAllFields()'>
7073 anupam.sin 43 
    	#if($action.getErrorMsg() == "")
44 
    	<div class='padding-row'>
45 
    	</div>
46 
    	#else
47 
    	<div class="padding-row" style="font-size: 16px;color: red;text-align: center;border: 1px solid red;margin: 5px;padding: 5px;">
48 
    		$action.getErrorMsg()
49 
    	</div>
50 
    	#end
51 
    	<div class="row">
52 
        	<div class="text">Recharge Type : </div>
53 
        	<div style="0 0 0 10px;">
7080 anupam.sin 54 
    			<input class='rechargetype' type="radio" checked name="rechargeType" value="1">Normal</input>
7139 amit.gupta 55 
    			<input class='rechargetype' type="radio" name="rechargeType" value="2">New Connection (FRC)</input>
7073 anupam.sin 56 
    		</div>
57 
        </div>
58 
 
59 
    	<div class="row">
60 
        	<div class="text">Device Type : </div>
61 
        	<div style="0 0 0 10px;">
7080 anupam.sin 62 
    			<input class='devicetype' type="radio" checked name="deviceType" value="1">Mobile</input>
63 
    			<input class='devicetype' type="radio" name="deviceType" value="2">DTH</input>
7073 anupam.sin 64 
    		</div>
65 
        </div>
66 
 
67 
        <div class="row">
7189 anupam.sin 68 
        	<div class="text">Device Number<span class='mandatory'>*</span> : </div>
7068 anupam.sin 69 
        	<div class="input-div">
7189 anupam.sin 70 
    			<input class='inputbox num-prefix padding48' type='text' name='repeat' maxlength='10'></input>
7151 amit.gupta 71 
    		</div>
72 
        </div>
73 
 
74 
        <div class="row">
7671 anupam.sin 75 
        	<div class="text">Confirm Number<span class='mandatory'>*</span> : </div>
7151 amit.gupta 76 
        	<div class="input-div">
7189 anupam.sin 77 
    			<input class='inputbox num-prefix padding48' type='text' name='number' maxlength='10'></input>
7068 anupam.sin 78 
    		</div>
7073 anupam.sin 79 
        </div>
80 
 
81 
    	#set($mobileProviderMap = $action.getMobileProvidersMap())
82 
    	#set($dthProviderMap = $action.getDthProvidersMap())
83 
 
84 
    	<div class="row">
7189 anupam.sin 85 
            <div class="text">Operator<span class='mandatory'>*</span> : </div>
7073 anupam.sin 86 
            <div class="input-div">
87 
    			<select select id='mobileSelector' name='mobileOperator' style="height: 30px;font-size: 18px;width: 180px;">
88 
            		<option value='0'>Select Operator</option>
89 
            		#foreach($mobileProviderKey in $mobileProviderMap.keySet())
90 
            			<option class='mobileProviders' value='$mobileProviderKey'>$mobileProviderMap.get($mobileProviderKey)</option>
91 
    				#end
92 
    			</select>
93 
    			<select select id='dthSelector' name='dthOperator' style="display:none;height: 30px;font-size: 18px;width: 180px;">
94 
            		<option value='0'>Select Operator</option>
95 
    				#foreach($dthProviderKey in $dthProviderMap.keySet())
96 
            			<option value='$dthProviderKey'>$dthProviderMap.get($dthProviderKey)</option>
97 
    				#end
98 
            	</select>
99 
    		</div>
7116 rajveer 100 
			<div class="text" style="text-align: left;font-size: 15px;width: 340px;color: blue;">For MNP numbers choose operator manually</div>
7073 anupam.sin 101 
        </div>
7096 anupam.sin 102 
 
103 
		<div class="row planSelector">
104 
            <div class="text">Plan : </div>
105 
            <div class="input-div">
106 
    			<select id='planDropDown' name='plan' style="height: 30px;font-size: 18px;width: 95px;">
107 
        		</select>
108 
    		</div>
109 
        </div>
7073 anupam.sin 110 
 
7125 amit.gupta 111 
        <div class="row mk_amount_row">
7189 anupam.sin 112 
            <div class="text">Amount<span class='mandatory'>*</span> : </div>
7073 anupam.sin 113 
            <div class="input-div">
114 
    			<input class='inputbox rupee padding48' type='text' name='amount'></input>
115 
    		</div>
116 
        </div>
117 
 
118 
    	<div class="row">
7189 anupam.sin 119 
        	<div class="text">Customer Name<span class='mandatory'>*</span> : </div>
7068 anupam.sin 120 
        	<div class="input-div">
7073 anupam.sin 121 
    			<input class='inputbox padding15' type='text' name='name'></input>
122 
    		</div>
123 
        </div>
124 
 
125 
    	<div class="row">
126 
        	<div class="text">Email Id : </div>
127 
        	<div class="input-div">
7068 anupam.sin 128 
    			<input class='inputbox padding15' type='text' name='email'></input>
129 
    		</div>
7073 anupam.sin 130 
        </div>
131 
 
132 
    	<div id='frc-div' style='display:none;'>
133 
    		<div class="row">
7189 anupam.sin 134 
            	<div class="text">SIM Number<span class='mandatory'>*</span> : </div>
7073 anupam.sin 135 
            	<div class="input-div">
7189 anupam.sin 136 
        			<input class='inputbox padding15' maxlength="5" type='text' name='simNum'></input>
7073 anupam.sin 137 
        		</div>
7151 amit.gupta 138 
				<div class="text" style="text-align: left;font-size: 15px;width: 340px;color: blue;">Please enter last five digits of sim only</div>
7073 anupam.sin 139 
    		</div>
140 
 
141 
    		<div class="row">
7189 anupam.sin 142 
            	<div class="text">CAF Number<span class='mandatory'>*</span> : </div>
7073 anupam.sin 143 
            	<div class="input-div">
7096 anupam.sin 144 
        			<input class='inputbox padding15' type='text' name='cafNum'></input>
7073 anupam.sin 145 
        		</div>
146 
    		</div>
147 
 
7125 amit.gupta 148 
			<div class="row mk_discount_row">
7080 anupam.sin 149 
            	<div class="text">Discount : </div>
150 
            	<div class="input-div">
151 
        			<input class='inputbox rupee padding48' type='text' name='discount'></input>
152 
        		</div>
153 
    		</div>
154 
 
155 
			<div class="row">
7073 anupam.sin 156 
            	<div class="text">Alternate Number : </div>
157 
            	<div class="input-div">
158 
        			<input class='inputbox padding15' type='text' name='altNum'></input>
159 
        		</div>
160 
    		</div>
161 
    	</div>
7139 amit.gupta 162 
 
163 
		<div class="row">
164 
        	<div class="text">Pay method : </div>
165 
        	<div>
166 
        		<input class='payMethod' type="radio" checked="checked" name="payMethod" value="1">Cash</input>
167 
        		<input class='payMethod' type="radio" name="payMethod" value="2">Card</input>
168 
    		</div>
169 
		</div>
7073 anupam.sin 170 
 
7125 amit.gupta 171 
		<input type='hidden' name='circlecode' id='circlecode' />
7073 anupam.sin 172 
    	<div class="row">
173 
        	<div style="padding-top:10px;margin-top: 25px;padding-left: 200px;">
7096 anupam.sin 174 
    			<input type="submit" value='submit' style="height: 30px;background-color: orange;cursor: pointer;width: 140px;font-size: 21px;">
7073 anupam.sin 175 
    		</div>
176 
    	</div>
177 
 
178 
    	<div class='padding-row'>
179 
    	</div>
180 
	</form>
7068 anupam.sin 181 
</div>
7096 anupam.sin 182 
<script>
7125 amit.gupta 183 
var storeCircleCode = "$action.getStoreCircleCode()";
7096 anupam.sin 184 
jQuery('.planSelector').hide();
185 
var jsonMap = $action.getPlanMapInJson();
7068 anupam.sin 186 
 
7096 anupam.sin 187 
jQuery('#mobileSelector').change(function() {
188 
	populatePlans();
189 
});
190 
 
191 
if(jQuery('#mobileSelector option:selected').val() != '0'){
192 
	populatePlans();
193 
}
194 
 
195 
function populatePlans() {
196 
	jQuery('.planSelector select#planDropDown').children().remove();
197 
	jQuery('.planSelector').hide();
198 
	var operatorId = jQuery('#mobileSelector option:selected').val();
199 
	plans = jsonMap[operatorId];
200 
	if(plans) {
201 
		jQuery.each(plans, function(i, plan) {
202 
			var planName = plan.name;
203 
			var planDisplayName = plan.displayName;
204 
			jQuery('.planSelector').show();
205 
			if(i==0) {
206 
    			jQuery('#planDropDown').append("<option value='" + planName + "'>" + planDisplayName + "</option>");
207 
    		} else {
208 
    			jQuery('#planDropDown').append("<option selected='true' value='" + planName + "'>" + planDisplayName + "</option>");
209 
			}
210 
		});
211 
	}
212 
}
213 
</script>
214 
 
7068 anupam.sin 215 
</body>
216 
 
217 
</html>