Subversion Repositories SmartDukaan

Rev

Rev 6268 | Rev 6292 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 6268 Rev 6289
Line 86... Line 86...
86 
            text-align: center;
 86 
            text-align: center;
87 
            height: 40px;
 87 
            height: 40px;
88 
            color: white;
 88 
            color: white;
89 
			width: 190px;
 89 
			width: 190px;
90 
		}
 90 
		}
- 
 
 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
91 
    </style>
 120 
    </style>
92
121
93 
</head>
 122 
</head>
94 
 
 123 
 
95 
<body>
 124 
<body>
96 
	<noscript>
 125 
	<noscript>
97 
		<p id="noScript">Please enable <em>Javascript</em> for this Website to function correctly!</p>
 126 
		<p id="noScript">Please enable <em>Javascript</em> for this Website to function correctly!</p>
98 
	</noscript>
 127 
	</noscript>
99 
	$action.getHeaderSnippet()
 128 
	$action.getHeaderSnippet()
- 
 
 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>
- 
 
 138 
    </div>
- 
 
 139
100 
	<!-- Main -->
 140 
	<!-- Main -->
101 
	<div id="main">
 141 
	<div id="main">
102 
		<div class="main-content">
 142 
		<div class="main-content">
103 
			<div class="main-top"></div>
 143 
			<div class="main-top"></div>
104 
			<div class="main-left left">
 144 
			<div class="main-left left">
Line 140... Line 180...
140 
    					<input id='serviceType' type="hidden" name='serviceType' value=''>
 180 
    					<input id='serviceType' type="hidden" name='serviceType' value=''>
141 
    					<input name='form' type="hidden" value='serviceSelect'>
 181 
    					<input name='form' type="hidden" value='serviceSelect'>
142 
    				</form>
 182 
    				</form>
143
183
144 
    				<form id='rechargeDetailsForm' action='/confirm' method='post' onsubmit="trackEventWithGA('Recharge', 'Confirm', '')">
 184 
    				<form id='rechargeDetailsForm' action='/confirm' method='post' onsubmit="trackEventWithGA('Recharge', 'Confirm', '')">
- 
 
 185 
						<input type='hidden' id='circleName' name='circleName' value=''>
145 
    					<input type='hidden' name='rechargeType' value='$serviceType'>
 186 
    					<input type='hidden' name='rechargeType' value='$serviceType'>
146 
    					#set($providerMap = $action.getProviderMap())
 187 
    					#set($providerMap = $action.getProviderMap())
147
188
148 
        				#if($serviceType=="1")
 189 
        				#if($serviceType=="1")
149 
        					<div class='icon-row'>
 190 
        					<div class='icon-row'>
Line 180... Line 221...
180 
        							<select id='planDropDown' name='plan' style="height: 30px;font-size: 18px;width: 95px;">
 221 
        							<select id='planDropDown' name='plan' style="height: 30px;font-size: 18px;width: 95px;">
181 
        							</select>
 222 
        							</select>
182 
        						</span>
 223 
        						</span>
183 
        						<span id="planDescription" style="font-size: 12px; color: blue;float: left;padding: 15px 0 15px 0;display: inline-block;"></span>
 224 
        						<span id="planDescription" style="font-size: 12px; color: blue;float: left;padding: 15px 0 15px 0;display: inline-block;"></span>
184 
        					</div>
 225 
        					</div>
- 
 
 226
- 
 
 227 
							<div id='showPlansDiv' style="height: 20px;font-size: 14px;padding-left: 284px;margin-top: 9px;display:none">
- 
 
 228 
                            	<span id='showPlans'></span>
- 
 
 229 
                            </div>
185
230
186 
        					<div id='amount' class='row'>
 231 
        					<div id='amount' class='row'>
187 
        						<span class='label-text'>Amount :</span>
 232 
        						<span class='label-text'>Amount :</span>
188 
        						<span class='inputBox'>
 233 
        						<span class='inputBox'>
189 
        							<input  maxlength="4" name='amount' type='text' class='fullsize' style="background: white url('/images/Rupee.png') no-repeat 2px;">
 234 
        							<input  id="amountInput" maxlength="4" name='amount' type='text' class='fullsize' style="background: white url('/images/Rupee.png') no-repeat 2px;">
190 
        						</span>
 235 
        						</span>
191 
        					</div>
 236 
        					</div>
192 
        				#else
 237 
        				#else
193
238
194 
        					<div class='icon-row'>
 239 
        					<div class='icon-row'>
Line 252... Line 297...
252 
			</div>
 297 
			</div>
253 
		</div>
 298 
		</div>
254 
	</div>
 299 
	</div>
255 
	#include("templates/footer.vm")
 300 
	#include("templates/footer.vm")
256 
	#include ( "templates/commonjsfiles.vm" )
 301 
	#include ( "templates/commonjsfiles.vm" )
257 
		<script>
 302 
	<script>
258 
	jQuery('.planSelector').hide();
 303 
    	jQuery('.planSelector').hide();
259 
	#if($action.getServiceType() == "1")
 304 
    	#if($action.getServiceType() == "1")
260 
	var jsonMap = $action.getPlanMapInJson();
 305 
        	var jsonMap = $action.getPlanMapInJson();
261 
	jQuery('#operatorSelector').change(function() {
 306 
        	jQuery('#operatorSelector').change(function() {
262 
		jQuery('#planSelector select#planDropDown').children().remove();
 307 
        		jQuery('#planSelector select#planDropDown').children().remove();
263 
		jQuery('.planSelector').hide();
 308 
        		jQuery('.planSelector').hide();
264 
		var operatorId = jQuery('#operatorSelector option:selected').val();
 309 
        		var operatorId = jQuery('#operatorSelector option:selected').val();
- 
 
 310 
				var operatorName = jQuery('#operatorSelector option:selected').text();
- 
 
 311 
				if(operatorName == "AIRTEL" || operatorName == "VODAFONE") {
- 
 
 312 
					jQuery('#showPlansDiv').show();
- 
 
 313 
					jQuery('#showPlans').html("See popular <b class='showDenomination' denominationType='1'>TOPUP</b> and <b class='showDenomination' denominationType='2'>SPECIAL</b> plans for " + operatorName);
- 
 
 314 
				} else {
- 
 
 315 
					jQuery('#showPlansDiv').hide();
- 
 
 316 
				}
265 
		plans = jsonMap[operatorId];
 317 
        		plans = jsonMap[operatorId];
266 
		jQuery.each(plans, function(i, plan) {
 318 
        		jQuery.each(plans, function(i, plan) {
267 
			var planName = plan.name;
 319 
        			var planName = plan.name;
268 
			var planDisplayName = plan.displayName;
 320 
        			var planDisplayName = plan.displayName;
269 
			var planDescription = plan.description;
 321 
        			var planDescription = plan.description;
270 
			jQuery('.planSelector').show();
 322 
        			jQuery('.planSelector').show();
271 
			if(i==0) {
 323 
        			if(i==0) {
272 
    			jQuery('#planDropDown').append("<option value='" + planName + "' desc='" + planDescription + "'>" + planDisplayName + "</option>");
 324 
            			jQuery('#planDropDown').append("<option value='" + planName + "' desc='" + planDescription + "'>" + planDisplayName + "</option>");
273 
    		} else {
 325 
            		} else {
274 
    			jQuery('#planDropDown').append("<option selected='true' value='" + planName + "' desc='" + planDescription + "'>" + planDisplayName + "</option>");
 326 
            			jQuery('#planDropDown').append("<option selected='true' value='" + planName + "' desc='" + planDescription + "'>" + planDisplayName + "</option>");
275 
			}
 327 
        			}
276 
		});
 328 
        		});
277 
		jQuery('#planDescription').html(jQuery('#planDropDown option:selected').attr('desc'));
 329 
        		jQuery('#planDescription').html(jQuery('#planDropDown option:selected').attr('desc'));
278 
	});
 330 
        	});
279 
	jQuery('#planDropDown').change(function() {
 - 
 
280 
		jQuery('#planDescription').html(jQuery('#planDropDown option:selected').attr('desc'));
 - 
 
281 
	});
 331
282 
	#else
332 
    	#else
283 
	var helpMap = {"1":"Your VC number starts with 0 and is 11 digits long.",
 333 
        	var helpMap = {"1":"Your VC number starts with 0 and is 11 digits long.",
284 
				"2":"Smart card number starts with 2 and is 12 digits long.",
 334 
        				"2":"Smart card number starts with 2 and is 12 digits long.",
285 
				"3":"Smart card number starts with 4 and is 11 digits long.",
 335 
        				"3":"Smart card number starts with 4 and is 11 digits long.",
286 
				"4":"Subscriber ID starts with 1 and is 10 digits long.",
 336 
        				"4":"Subscriber ID starts with 1 and is 10 digits long.",
287 
				"5":"For customer ID, SMS ID to 9212012299 from your registered mobile no."};
 337 
        				"5":"For customer ID, SMS ID to 9212012299 from your registered mobile no."};
288 
	var dthIdAliasMap = {"1":"VC Number :",
 338 
        	var dthIdAliasMap = {"1":"VC Number :",
289 
						"2":"Smart Card Number :",
 339 
        						"2":"Smart Card Number :",
290 
						"3":"Smart Card Number :",
 340 
        						"3":"Smart Card Number :",
291 
						"4":"Subscriber Id :",
 341 
        						"4":"Subscriber Id :",
292 
						"5":"Customer Id :",
 342 
        						"5":"Customer Id :",
293 
						"0":"Account Number :"};
 343 
        						"0":"Account Number :"};
294 
	jQuery('#operatorSelector').change(function() {
 344 
        	jQuery('#operatorSelector').change(function() {
295 
		jQuery('#accNumberHelp').html(helpMap[jQuery('#operatorSelector option:selected').val()]);
 345 
        		jQuery('#accNumberHelp').html(helpMap[jQuery('#operatorSelector option:selected').val()]);
296 
		jQuery('#dthIdAlias').html(dthIdAliasMap[jQuery('#operatorSelector option:selected').val()]);
 346 
        		jQuery('#dthIdAlias').html(dthIdAliasMap[jQuery('#operatorSelector option:selected').val()]);
297 
	});
 347 
        	});
298 
	#end
 348 
    	#end
299 
	</script>
 349 
	</script>
300 
</body>
 350 
</body>
301 
</html>
 351 
</html>