Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
6050 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 
 
6 
<!-- Prevent MS Office toolbar from changing layout -->
7 
	<meta name="google-site-verification" content="NPHVASYh9ZsYbjffRuAU4dhEHhx7xSKUj9GycYUMo_o" />
8 
	<META name="y_key" content="116f6310a0df3c4f" />
9 
	<meta name="msvalidate.01" content="A9BB200170442859BD6DF681353ACD78" />
6204 rajveer 10 
 
11 
	<meta name="Description" content="$action.getPageMetaDesc()" />
12 
	<meta name="keywords" content="$action.getPageMetaKeywords()" />
13 
    <title>$action.getPageTitle() | ${domain.name}</title>
14 
 
6050 anupam.sin 15 
#include ( "templates/commoncssfiles.vm" )
16 
 
17 
	<link rel="stylesheet" href="/css/home.css" type="text/css" />
18 
	<link href="https://plus.google.com/108546508648658526684" rel="publisher" />
19 
	<script language="javascript" type="text/javascript" src="/js/ga-invoker.js"></script>
6066 amit.gupta 20 
	<style>
21 
		label.error{
22 
			color:red;
23 
			float:left;
24 
			font-size:12px;
25 
			padding: 2px 0;
26 
			width:500px;
6260 anupam.sin 27 
		}
28 
 
6267 anupam.sin 29 
		input.error{
30 
			border: solid 1px red;
6260 anupam.sin 31 
		}
6267 anupam.sin 32 
 
6268 anupam.sin 33 
		select.error{
34 
			border: solid 1px red;
35 
		}
36 
 
6260 anupam.sin 37 
		div.icon-row{
38 
    		height: 50px;
39 
    		margin-top: 5px;
40 
		}
41 
 
42 
		div.recharge-main-left-container div{
43 
			height:50px;
44 
			margin-top:2px;
45 
		}
46 
 
47 
		span.label-text{
48 
    		padding: 15px;
49 
    		float: left;
50 
    		width: 250px;
51 
    		text-align: right;
52 
		}
53 
 
54 
		div.error-msg{
55 
    		color: red;
56 
    		font-size:15px;
57 
    		padding: 5px 5px 10px 5px;
58 
    		text-align: center;
59 
		}
60 
 
61 
		span.inputBox{
62 
			padding: 10px 15px 10px 5px;
63 
            display: inline-block;
64 
            height: 30px;
65 
            width: 280px;
66 
			float:left;
67 
		}
68 
 
69 
		.fullsize{
70 
			height:100%;
71 
			width:227px;
72 
			padding-left: 48px;
73 
			font-size: 18px;
74 
			border: solid 1px grey;
75 
		}
76 
 
77 
		.submit-button{
78 
			background: -2px -5px url('/images/confirm.png');
79 
            cursor: pointer;
80 
            display: inline-block;
81 
            font-size: 15px;
82 
            font-weight: bold;
83 
            text-shadow: 0px 1px 0px #E45000;
84 
            outline: medium none;
85 
            overflow: visible;
86 
            text-align: center;
87 
            height: 40px;
88 
            color: white;
89 
			width: 190px;
90 
		}
6289 anupam.sin 91 
 
92 
		.textCenter{
93 
			text-align:center;
94 
		}
95 
 
96 
		.leftPadded{
97 
			padding-left:50px;
98 
		}
99 
 
100 
		.padding12{
101 
			padding-bottom:12px;
102 
		}
103 
 
104 
		table, th, td{
105 
			padding:5px;
106 
			border-collapse:collapse;
107 
			border:1px solid darkgrey;
108 
		}
109 
 
110 
		th{
111 
			background:#2978C1;
112 
			color:white;
113 
		}
114 
 
115 
		b{
116 
			color: blue;
117 
			cursor: pointer;
118 
		}
119 
 
6066 amit.gupta 120 
    </style>
6260 anupam.sin 121 
 
6050 anupam.sin 122 
</head>
123 
 
124 
<body>
125 
	<noscript>
126 
		<p id="noScript">Please enable <em>Javascript</em> for this Website to function correctly!</p>
127 
	</noscript>
128 
	$action.getHeaderSnippet()
6289 anupam.sin 129 
 
130 
	<div id='popularPlansDiv' style="padding:15px;border: 1px solid #2978C1;position: fixed;width: 672px;font-size: 15px;background: white;box-shadow: 0px 0px 10px 5px darkgrey;left:189px;top:110px;display:none;">
131 
		<div style="padding-bottom: 15px;font-size: 20px;font-weight: bold;color: #555555;">
132 
			<span>Popular Plans</span>
133 
			<span id="closePlans" style="background: url('/images/closePlans.png');height: 25px;width: 25px;cursor:pointer;float: right;"></span>
134 
		</div>
135 
		<div id="popularPlansInner" style="height: 202px;overflow: auto;border: 1px solid darkgrey;">
136 
 
137 
		</div>
6307 anupam.sin 138 
		<div style="font-size: 12px;line-height: 100%;margin-top: 15px;color: #444444;">
139 
			These plans are collected from time to time on a best effort basis from Operator website.<br>Check with your operator in case of any confusion.Operator decision in this regard will be final.
6292 anupam.sin 140 
		</div>
6289 anupam.sin 141 
    </div>
142 
 
6050 anupam.sin 143 
	<!-- Main -->
144 
	<div id="main">
145 
		<div class="main-content">
146 
			<div class="main-top"></div>
147 
			<div class="main-left left">
148 
				<div class="main-left-banner">
149 
					<script type='text/javascript'><!--//<![CDATA[
150 
               var m3_u = (location.protocol=='https:'?'https://open.saholic.com/openx/www/delivery/ajs.php':'http://open.saholic.com/openx/www/delivery/ajs.php');
151 
               var m3_r = Math.floor(Math.random()*99999999999);
152 
               if (!document.MAX_used) document.MAX_used = ',';
153 
               document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
154 
               document.write ("?zoneid=1");
155 
               document.write ('&amp;cb=' + m3_r);
156 
               if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
157 
               document.write (document.charset ? '&amp;charset='+document.charset : (document.characterSet ? '&amp;charset='+document.characterSet : ''));
158 
               document.write ("&amp;loc=" + escape(window.location));
159 
               if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
160 
               if (document.context) document.write ("&context=" + escape(document.context));
161 
               if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
162 
               document.write ("'><\/scr"+"ipt>");
163 
            //]]>--></script><noscript><a href='http://open.saholic.com/openx/www/delivery/ck.php?n=a592d2cd&amp;cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://open.saholic.com/openx/www/delivery/avw.php?zoneid=1&amp;cb=INSERT_RANDOM_NUMBER_HERE&amp;n=a592d2cd' border='0' alt='' /></a></noscript>
164 
				</div>
6249 anupam.sin 165 
				<div style='height: 30px;background-color: #2789C1;font-size: 14px;font-weight: bold;color: #FFFFFF;border: solid 1px #2789C1;width: 100%;'>
166 
					<div style='margin:0 10px 0 10px;padding-top:7px'>
167 
						ENTER YOUR DETAILS
168 
					</div>
169 
				</div>
6050 anupam.sin 170 
				<div class="recharge-main-left-container">
6260 anupam.sin 171 
    				#if($action.getOperatorId()!=0)
172 
    					<h1 style="margin-top:5px; text-align:center;">$action.getPageName()</h1>
173 
    				#end
174 
    				#set($serviceType=$action.getServiceType())
175 
    				<div style='height:15px;' class='error-msg'>
176 
						#set($errorMsg=$action.getError())
177 
						#if($errorMsg.equals(""))
178 
    					#else
6307 anupam.sin 179 
    						$errorMsg
6260 anupam.sin 180 
    					#end
181 
    				</div>
182 
    				<form id='serviceSelectForm' action='/recharge' method='post'>
183 
    					<input id='serviceType' type="hidden" name='serviceType' value=''>
184 
    					<input name='form' type="hidden" value='serviceSelect'>
185 
    				</form>
186 
 
187 
    				<form id='rechargeDetailsForm' action='/confirm' method='post' onsubmit="trackEventWithGA('Recharge', 'Confirm', '')">
6307 anupam.sin 188 
						<input type='hidden' id='circleCode' name='circleCode' value=''>
6260 anupam.sin 189 
    					<input type='hidden' name='rechargeType' value='$serviceType'>
190 
    					#set($providerMap = $action.getProviderMap())
191 
 
192 
        				#if($serviceType=="1")
193 
        					<div class='icon-row'>
194 
        						<span class='label-text' style='float:left'>Recharge Your :</span>
195 
        						<span id='phone-image-not-clickable' style="background-image:url('/images/phone_pressed.png'); display:inline-block; height:50px; width:107px;">
196 
        						</span>
197 
        						<span id='dth-image' style="background-image:url('/images/dth.png'); display:inline-block; height:50px; width:107px;cursor:pointer">
198 
        						</span>
199 
        					</div>
200 
 
201 
        					<div id='mobile-number' class='row'>
202 
        						<span class='label-text'>Mobile Number :</span>
203 
        						<span class='inputBox'>
204 
        							<input type='text' name='number' maxlength="10" class='fullsize' style="background: white url('/images/+91.png') no-repeat 2px;">
205 
        						</span>
206 
        					</div>
207 
 
208 
        					<div id='operator' class='row'>
209 
        						<span class='label-text'>Operator :</span>
210 
        						<span class='inputBox' style='width:170px'>
211 
        							<select select id='operatorSelector' name='operator' style="height: 30px;font-size: 18px;width: 180px;">
212 
        								<option value='0'>Select Operator</option>
213 
            							#foreach($providerKey in $providerMap.keySet())
214 
            								<option value='$providerKey' #if($action.getOperatorId()==$providerKey)selected="true"#end>$providerMap.get($providerKey)</option>
215 
            							#end
216 
        							</select>
217 
        						</span>
218 
        						<span style="font-size: 12px; color: blue;float: left;padding: 15px 0 15px 0;">MNP Users choose operator manually</span>
219 
        					</div>
220 
 
221 
        					<div id='plan' class='row planSelector'>
222 
        						<span class='label-text'>Plan :</span>
223 
        						<span class='inputBox' style='width:90px'>
224 
        							<select id='planDropDown' name='plan' style="height: 30px;font-size: 18px;width: 95px;">
225 
        							</select>
226 
        						</span>
227 
        						<span id="planDescription" style="font-size: 12px; color: blue;float: left;padding: 15px 0 15px 0;display: inline-block;"></span>
228 
        					</div>
6289 anupam.sin 229 
 
230 
							<div id='showPlansDiv' style="height: 20px;font-size: 14px;padding-left: 284px;margin-top: 9px;display:none">
231 
                            	<span id='showPlans'></span>
232 
                            </div>
233 
 
6260 anupam.sin 234 
        					<div id='amount' class='row'>
235 
        						<span class='label-text'>Amount :</span>
236 
        						<span class='inputBox'>
6289 anupam.sin 237 
        							<input  id="amountInput" maxlength="4" name='amount' type='text' class='fullsize' style="background: white url('/images/Rupee.png') no-repeat 2px;">
6260 anupam.sin 238 
        						</span>
239 
        					</div>
240 
        				#else
241 
 
242 
        					<div class='icon-row'>
243 
        						<span class='label-text' style='float:left'>Recharge Your :</span>
244 
        						<span id='phone-image' style="background-image:url('/images/phone.png'); display:inline-block; height:50px; width:107px;cursor:pointer">
245 
        						</span>
246 
        						<span id='dth-image-not-clickable' style="background-image:url('/images/dth_pressed.png'); display:inline-block; height:50px; width:107px;">
247 
        						</span>
248 
        					</div>
249 
 
250 
        					<div id='operator' class='row'>
251 
        						<span class='label-text'>Operator :</span>
252 
        						<span class='inputBox' style='width:170px'>
253 
        							<select select id='operatorSelector' name='operator' style="height: 30px;font-size: 18px;width: 180px;">
254 
        								<option value='0'>Select Operator</option>
255 
            							#foreach($providerKey in $providerMap.keySet())
256 
            								<option value='$providerKey' #if($action.getOperatorId()==$providerKey)selected="true"#end>$providerMap.get($providerKey)</option>
257 
            							#end
258 
        							</select>
259 
        						</span>
260 
        						<span id="accNumberHelp" style="font-size: 12px; color: blue;padding: 5px 0 5px 0;width: 240px;display: inline-block;"></span>
261 
        					</div>
262 
 
263 
        					<div id='mobile-number' class='row'>
264 
        						<span id='dthIdAlias' class='label-text'>Account Number :</span>
265 
        						<span class='inputBox'>
266 
        							<input type="text" name="dthnumber" class="fullsize" style="width: 265px;padding-left: 10px;">
267 
        						</span>
268 
        					</div>
269 
 
270 
        					<div id='amount' class='row'>
271 
        						<span class='label-text'>Amount :</span>
272 
        						<span class='inputBox'>
273 
        							<input  maxlength="5" name='dthamount' type='text' class='fullsize' style="background: white url('/images/Rupee.png') no-repeat 2px;">
274 
        						</span>
275 
        					</div>
6050 anupam.sin 276 
						#end
6260 anupam.sin 277 
 
278 
    					<div id='email' class='row'>
279 
    						<span class='label-text'>Email Id :</span>
280 
    						#if($action.getUserInfo().isLoggedIn())
281 
    							#set($emailId = $action.getUserInfo().getEmail())
282 
    						#else
283 
    							#set($emailId = "")
284 
    						#end
285 
    						<span class='inputBox'>
286 
    							<input  name='email' value ='$emailId' type='text' class='fullsize' style='background-color: white;padding-left:15px;width:260px;'>
287 
    							<label for="email" style="color: #555;float: left;font-size: 13px;padding: 2px 0;width: 400px;">We will send confirmation of the recharge on this address.</label>
288 
    						</span>
289 
    					</div>
290 
 
291 
						<div id="submit-button" style="margin-top: 50px;text-align: center;margin: 50px 0px 25px 0px;">
292 
							<input type="submit" value="CONFIRM" class="submit-button">
6050 anupam.sin 293 
						</div>
6260 anupam.sin 294 
    				</form>
295 
 
6050 anupam.sin 296 
				</div>
297 
			</div>
6066 amit.gupta 298 
			<div class="widgets right">
7061 kshitij.so 299 
	<div id='small-recharge-banner' style='display:none;'>
6347 anupam.sin 300 
		<script type='text/javascript'><!--//<![CDATA[
301 
               var m3_u = (location.protocol=='https:'?'https://open.saholic.com/openx/www/delivery/ajs.php':'http://open.saholic.com/openx/www/delivery/ajs.php');
302 
               var m3_r = Math.floor(Math.random()*99999999999);
303 
               if (!document.MAX_used) document.MAX_used = ',';
304 
               document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
6350 anupam.sin 305 
               document.write ("?zoneid=21");
6347 anupam.sin 306 
               document.write ('&amp;cb=' + m3_r);
307 
               if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
308 
               document.write (document.charset ? '&amp;charset='+document.charset : (document.characterSet ? '&amp;charset='+document.characterSet : ''));
309 
               document.write ("&amp;loc=" + escape(window.location));
310 
               if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
311 
               if (document.context) document.write ("&context=" + escape(document.context));
312 
               if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
313 
               document.write ("'><\/scr"+"ipt>");
314 
            //]]>-->
315 
      </script>
316 
      <noscript>
317 
      	<a href='http://open.saholic.com/openx/www/delivery/ck.php?n=a592d2cd&amp;cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'>
318 
      		<img src='http://open.saholic.com/openx/www/delivery/avw.php?zoneid=1&amp;cb=INSERT_RANDOM_NUMBER_HERE&amp;n=a592d2cd' border='0' alt='' />
319 
      	</a>
320 
      </noscript>
321 
 
322 
 
323 
	</div>
7061 kshitij.so 324 
	<div style="margin-bottom:10px;" id="banner-side">
325 
	<img usemap="#popup" src="/images/banner-side.jpg">
326 
		<map name="popup">
8462 kshitij.so 327 
          <area href="javascript:void(0)" id="otg_know_more" coords="0,90,255,146" shape="rect">
328 
          <area href="javascript:void(0)" id="pickupstoreInfo" coords="0,144,255,215" shape="rect">
329 
          <area href="javascript:void(0)" class="emiInfo" coords="0,213,255,284" shape="rect">
330 
		  <area href="javascript:void(0)" class="insuranceInfo" coords="0,280,255,346" shape="rect">
7061 kshitij.so 331 
        </map>
8462 kshitij.so 332 
	</div>
8792 kshitij.so 333 
	<div style="margin-bottom:10px; margin-top:10px;cursor: pointer; float:right" id="promotion">
334 
	<a href="/mobile-phones/spice-coolpad-2-mi-496-1006864">
8462 kshitij.so 335 
		<img src="/images/Side-Add-blue.jpg">
8792 kshitij.so 336 
	</a>
8462 kshitij.so 337 
	</div>
7050 kshitij.so 338 
</div>
6050 anupam.sin 339 
		</div>
340 
	</div>
341 
	#include("templates/footer.vm")
342 
	#include ( "templates/commonjsfiles.vm" )
8433 amit.gupta 343 
	<script type="text/javascript">
6289 anupam.sin 344 
    	jQuery('.planSelector').hide();
345 
    	#if($action.getServiceType() == "1")
346 
        	var jsonMap = $action.getPlanMapInJson();
347 
        	jQuery('#operatorSelector').change(function() {
6310 anupam.sin 348 
        		populatePlans();
6311 anupam.sin 349 
				var operatorName = jQuery('#operatorSelector option:selected').text();
7911 vikram.rag 350 
    			if(operatorName == "AIRTEL" || operatorName == "VODAFONE" || operatorName == "AIRCEL" || operatorName == "IDEA" || operatorName == "MTNL DELHI" || operatorName == "MTNL MUMBAI" || operatorName == "RELIANCE GSM" || operatorName == "RELIANCE cdma" || operatorName == "UNINOR") {
6311 anupam.sin 351 
    				jQuery('#showPlansDiv').show();
352 
    				jQuery('#showPlans').html("See popular <b class='showDenomination' denominationType='1'>TOPUP</b> and <b class='showDenomination' denominationType='2'>SPECIAL</b> plans for " + operatorName);
353 
    			} else {
354 
    				jQuery('#showPlansDiv').hide();
355 
    			}
6310 anupam.sin 356 
        	});
357 
 
358 
			if(jQuery('#operatorSelector option:selected').val() != '0'){
359 
				populatePlans();
360 
			}
361 
 
362 
			function populatePlans() {
6397 anupam.sin 363 
				jQuery('.planSelector select#planDropDown').children().remove();
6289 anupam.sin 364 
        		jQuery('.planSelector').hide();
365 
        		var operatorId = jQuery('#operatorSelector option:selected').val();
6311 anupam.sin 366 
        		plans = jsonMap[operatorId];
367 
				if(plans) {
368 
            		jQuery.each(plans, function(i, plan) {
369 
            			var planName = plan.name;
370 
            			var planDisplayName = plan.displayName;
371 
            			var planDescription = plan.description;
372 
            			jQuery('.planSelector').show();
373 
            			if(i==0) {
374 
                			jQuery('#planDropDown').append("<option value='" + planName + "' desc='" + planDescription + "'>" + planDisplayName + "</option>");
375 
                		} else {
376 
                			jQuery('#planDropDown').append("<option selected='true' value='" + planName + "' desc='" + planDescription + "'>" + planDisplayName + "</option>");
377 
            			}
378 
            		});
6289 anupam.sin 379 
				}
6311 anupam.sin 380 
        		var planDescription =jQuery('#planDropDown option:selected')
381 
				if(planDescription.length != 0) {
382 
					jQuery('#planDescription').html(planDescription.attr('desc'));
383 
				}
6310 anupam.sin 384 
			}
6289 anupam.sin 385 
 
386 
    	#else
387 
        	var helpMap = {"1":"Your VC number starts with 0 and is 11 digits long.",
388 
        				"2":"Smart card number starts with 2 and is 12 digits long.",
389 
        				"3":"Smart card number starts with 4 and is 11 digits long.",
390 
        				"4":"Subscriber ID starts with 1 and is 10 digits long.",
8530 anupam.sin 391 
        				"5":"For customer ID, SMS ID to 9212012299 from your registered mobile no.",
392 
						"26":"Customer ID starts with 3 and is 10 digits long."};
6289 anupam.sin 393 
        	var dthIdAliasMap = {"1":"VC Number :",
394 
        						"2":"Smart Card Number :",
395 
        						"3":"Smart Card Number :",
396 
        						"4":"Subscriber Id :",
397 
        						"5":"Customer Id :",
8530 anupam.sin 398 
        						"0":"Account Number :",
399 
								"26":"Customer Id :"};
6289 anupam.sin 400 
        	jQuery('#operatorSelector').change(function() {
6801 amit.gupta 401 
        		if(jQuery('input[name="dthamount"]').val() != ""){
402 
	        		rechargeFormValidator.element('input[name="dthamount"]');
403 
        		}
6310 anupam.sin 404 
        		populateDthHelp();
6289 anupam.sin 405 
        	});
6310 anupam.sin 406 
 
407 
			if(jQuery('#operatorSelector option:selected').val() != '0'){
408 
				populateDthHelp();
409 
			}
410 
 
411 
			function populateDthHelp() {
412 
				jQuery('#accNumberHelp').html(helpMap[jQuery('#operatorSelector option:selected').val()]);
413 
				jQuery('#dthIdAlias').html(dthIdAliasMap[jQuery('#operatorSelector option:selected').val()]);
414 
			}
6289 anupam.sin 415 
    	#end
6178 anupam.sin 416 
	</script>
6050 anupam.sin 417 
</body>
418 
</html>