Subversion Repositories SmartDukaan

Rev

Rev 6184 | Rev 6204 | 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" />
10 
	<title>Instant recharge for your mobile and DTH</title>
11 
 
12 
#include ( "templates/commoncssfiles.vm" )
13 
 
14 
	<link rel="stylesheet" href="/css/home.css" type="text/css" />
15 
	<link href="https://plus.google.com/108546508648658526684" rel="publisher" />
16 
	<script language="javascript" type="text/javascript" src="/js/ga-invoker.js"></script>
6066 amit.gupta 17 
	<style>
18 
		label.error{
19 
			color:red;
20 
			float:left;
21 
			font-size:12px;
22 
			padding: 2px 0;
23 
			width:500px;
24 
    </style>
6050 anupam.sin 25 
</head>
26 
 
27 
<body>
28 
	<noscript>
29 
		<p id="noScript">Please enable <em>Javascript</em> for this Website to function correctly!</p>
30 
	</noscript>
31 
	$action.getHeaderSnippet()
32 
	<!-- Main -->
33 
	<div id="main">
34 
		<div class="main-content">
35 
			<div class="main-top"></div>
36 
			<div class="main-left left">
37 
				<div class="main-left-banner">
38 
					<script type='text/javascript'><!--//<![CDATA[
39 
               var m3_u = (location.protocol=='https:'?'https://open.saholic.com/openx/www/delivery/ajs.php':'http://open.saholic.com/openx/www/delivery/ajs.php');
40 
               var m3_r = Math.floor(Math.random()*99999999999);
41 
               if (!document.MAX_used) document.MAX_used = ',';
42 
               document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
43 
               document.write ("?zoneid=1");
44 
               document.write ('&amp;cb=' + m3_r);
45 
               if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
46 
               document.write (document.charset ? '&amp;charset='+document.charset : (document.characterSet ? '&amp;charset='+document.characterSet : ''));
47 
               document.write ("&amp;loc=" + escape(window.location));
48 
               if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
49 
               if (document.context) document.write ("&context=" + escape(document.context));
50 
               if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
51 
               document.write ("'><\/scr"+"ipt>");
52 
            //]]>--></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>
53 
				</div>
54 
				<div class="recharge-main-left-container">
55 
				<!--
56 
					<div id="rowOne"></div>
57 
					<div id="rowTwo">
58 
						<span id="spantext">Recharge Your : </span><span id="hello"></span><span id="hellotoo"></span>
59 
					</div>
60 
					<div class="rowWidth"><span id="mobNumberText">Hello World : </span><input id="mobNumberBox" type="text"></div>-->
61 
					<div id="firstCol" style="width:33%; text-align:right; float:left">
62 
						<br><br><br>
63 
						Recharge Your :
64 
						<br><br><br>
6066 amit.gupta 65 
						#if($action.getServiceType() == "2")
6050 anupam.sin 66 
							DTH Number :
67 
						#else
68 
							Mobile Number :
69 
						#end
70 
						<br><br><br>
71 
						Operator :
72 
						<br><br><br>
6178 anupam.sin 73 
						<span class='planSelector' style='display:none'>Plan : <br><br><br></span>
6050 anupam.sin 74 
						Amount :
75 
						<br><br><br>
76 
						Email :
77 
						<br>
78 
					</div>
79 
					<div id="secondCol" style="width:3%; float:left"><br></div>
80 
					<div id="thirdCol" style="width:64%;  float:left;text-align:left">
6103 amit.gupta 81 
					<br>
82 
					#set($errorMsg=$action.getError())
83 
					#if($errorMsg.equals(""))
84 
						<br>
85 
					#else
86 
						<div style="color: red;font-size:15px;">$errorMsg</div>
87 
					#end
6050 anupam.sin 88 
						<form id='serviceSelectForm' action='/recharge' method='post'>
89 
						<input id='serviceType' type="hidden" name='serviceType' value=''>
90 
						<input name='form' type="hidden" value='serviceSelect'>
91 
						</form>
92 
						<p style="display:block">
6058 anupam.sin 93 
							#if($action.getServiceType() == "2")
94 
								#set($dthImageSrc = '/images/dth_pressed.png')
95 
								#set($phoneImageSrc = '/images/phone.png')
6050 anupam.sin 96 
							#else
6058 anupam.sin 97 
								#set($phoneImageSrc = '/images/phone_pressed.png')
98 
								#set($dthImageSrc = '/images/dth.png')
6050 anupam.sin 99 
							#end
100 
							<img id="phone-image" src=$phoneImageSrc style="cursor:pointer"><img id="dth-image" src=$dthImageSrc style="cursor:pointer">
101 
						</p>
102 
						<br>
103 
						<form id='rechargeDetailsForm' action='/confirm' method='post'>
6058 anupam.sin 104 
						#if($action.getServiceType() == "2")
6050 anupam.sin 105 
							#set($inputClass = 'full-size-input')
6073 amit.gupta 106 
							<input type="text" name='dthnumber' maxlength="20" class="$inputClass"></input>
6050 anupam.sin 107 
						#else
108 
							#set($inputClass = 'regular-size-input')
6066 amit.gupta 109 
							<input type="text" name='number' maxlength="10" class="$inputClass"></input>
6050 anupam.sin 110 
						#end
111 
						<input type='hidden' name='rechargeType' value='$action.getServiceType()'>
112 
						<br><br>
6057 anupam.sin 113 
						#set($providerMap = $action.getProviderMap())
6178 anupam.sin 114 
						<select id='operatorSelector' name='operator' style="font-size:20px; padding: 5px;">
6057 anupam.sin 115 
							<option value='0'>Select Operator</option>
6199 rajveer 116 
							#foreach($providerKey in $providerMap.keySet())
6057 anupam.sin 117 
								<option value='$providerKey'>$providerMap.get($providerKey)</option>
118 
							#end
6050 anupam.sin 119 
						</select>
6141 anupam.sin 120 
						#if($action.getServiceType() == "1")
6143 anupam.sin 121 
							<span style="font-size: 12px; padding-left: 10px;color: blue;">MNP Users choose operator manually</span>
6178 anupam.sin 122 
						#else
123 
							<span style="color: blue; display: inline-block; width: 247px; font-size: 12px; margin-top: -5px;" id="accNumberHelp"></span>
6141 anupam.sin 124 
						#end
6050 anupam.sin 125 
						<br><br>
6178 anupam.sin 126 
						<span id='planSelector' class='planSelector'>
127 
							<select id='planDropDown' name='plan' style='font-size: 18px;padding: 5px;'></select>
128 
							<span id='planDescription' style='font-size: 13px;padding-left: 10px;color: blue;'></span>
129 
							<br><br>
130 
						</span>
6066 amit.gupta 131 
						#if($action.getServiceType() == "1")
132 
							#set($name='amount')
133 
						#else
134 
							#set($name='dthamount')
135 
						#end
136 
						<input type="text" maxlength="5" name='$name' style="background: white url('/images/Rupee.png') no-repeat 2px;" class='regular-size-input'></input>
6050 anupam.sin 137 
						<div style="margin-top:20px">
6111 anupam.sin 138 
							#if($action.getUserInfo().isLoggedIn())
139 
								#set($emailId = $action.getUserInfo().getEmail())
140 
							#else
141 
								#set($emailId = "")
142 
							#end
143 
							<input type="text" name='email' class='full-size-input' value ='$emailId'></input>
6050 anupam.sin 144 
							<br>
145 
							<span style="font-size:13px">We will send recharge confirmation on this address.</span>
146 
						</div>
147 
						</form>
148 
						<br><br>
6066 amit.gupta 149 
						<div id="confirm-button" class="submit-button">CONFIRM &gt;</div>
6050 anupam.sin 150 
					</div>
6066 amit.gupta 151 
 
6050 anupam.sin 152 
				</div>
153 
			</div>
6066 amit.gupta 154 
			<div class="widgets right">
155 
				<div style="width:258px; margin-left:10px;float:right;height:636px;background-image:url('/images/back1.jpg');border:solid 1px #2789C1"></div>
6050 anupam.sin 156 
			</div>
157 
		</div>
158 
	</div>
159 
	#include("templates/footer.vm")
160 
	#include ( "templates/commonjsfiles.vm" )
6178 anupam.sin 161 
		<script>
162 
	jQuery('.planSelector').hide();
163 
	#if($action.getServiceType() == "1")
164 
	var jsonMap = $action.getPlanMapInJson();
165 
	jQuery('#operatorSelector').change(function() {
166 
		jQuery('#planSelector select#planDropDown').children().remove();
167 
		jQuery('.planSelector').hide();
168 
		var operatorId = jQuery('#operatorSelector option:selected').val();
169 
		plans = jsonMap[operatorId];
170 
		jQuery.each(plans, function(i, plan) {
171 
			var planName = plan.name;
172 
			var planDisplayName = plan.displayName;
173 
			var planDescription = plan.description;
174 
			jQuery('.planSelector').show();
175 
			if(i==0) {
176 
    			jQuery('#planDropDown').append("<option selected='true' value='" + planName + "' desc='" + planDescription + "'>" + planDisplayName + "</option>");
177 
    		} else {
178 
    			jQuery('#planDropDown').append("<option value='" + planName + "' desc='" + planDescription + "'>" + planDisplayName + "</option>");
179 
			}
180 
		});
181 
		jQuery('#planDescription').html(jQuery('#planDropDown option:selected').attr('desc'));
182 
	});
183 
	jQuery('#planDropDown').change(function() {
184 
		jQuery('#planDescription').html(jQuery('#planDropDown option:selected').attr('desc'));
185 
	});
186 
	#else
6184 anupam.sin 187 
	var helpMap = {"1":"Your VC number starts with 0 and is 11 digits long.",
188 
				"2":"Smart card number starts with 2 and is 12 digits long",
189 
				"3":"Smart card number starts with 4 and is 11 digits long.",
190 
				"4":"Subscriber ID starts with 1 and is 10 digits long.",
191 
				"5":"To get your customer ID, SMS ID to 9212012299 from your registered mobile no."};
6178 anupam.sin 192 
	jQuery('#operatorSelector').change(function() {
193 
		jQuery('#accNumberHelp').html(helpMap[jQuery('#operatorSelector option:selected').val()]);
194 
	});
195 
	#end
196 
	</script>
6050 anupam.sin 197 
</body>
198 
</html>