Subversion Repositories SmartDukaan

Rev

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

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