Subversion Repositories SmartDukaan

Rev

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