Subversion Repositories SmartDukaan

Rev

Rev 13525 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
3101 chandransh 1
var $items = $('#vtab>ul>li');
2
 
3
$items.click(function() {
4
    $items.removeClass('selected');
5
    $(this).addClass('selected');
6
    trackEventWithGA('Payment Option', $(this).text(), "");
7
    var index = $items.index($(this));
8
    $('#vtab>div').hide().eq(index).show();
9
}).eq(0).click();
10
 
11
$items.hover(
12
	function () {
13
	    $(this).addClass("hover");
14
	},
15
	function () {
16
		$(this).removeClass("hover");
17
	}
18
);
19
 
20
$("input[type='radio']").click(
21
	function(){
22
		var contents = $(this).parent().contents();
3182 chandransh 23
		var payment_method = contents.get(contents.index(this) + 2);
3101 chandransh 24
		//Appending the value to differentiate between the cases of cards issued inside and out of India.
3182 chandransh 25
		var payment_method_text = $(payment_method).text() + '-' + $(this).val();
3101 chandransh 26
		trackEventWithGA('Payment Option', payment_method_text, "");
27
	}
28
);
29
 
13459 amit.gupta 30
$("#bankSelect").live('change',
31
	function(){
32
		var payment_method_text = $(this).find(":selected").html() + '-' + $(this).val();
33
		trackEventWithGA('Payment Option', payment_method_text, "");
34
	}
35
);
36
 
3101 chandransh 37
function verifyPaymentModeSelectionForm(formName){
38
	var payment_option = 0;
13461 amit.gupta 39
	if(formName=="bankSelection") {
40
		if($("#bankChosen").val()=="0"){
41
			dispError("Please select a payment method.");
42
			return false;
43
		} else {
44
			return true;
45
		}
13459 amit.gupta 46
	}
6086 anupam.sin 47
	var paymentOptionInputs = $("form[name='" + formName + "'] input[name='payment_option']");
3101 chandransh 48
	for(var i=0; i<paymentOptionInputs.length; i++)
49
		if(paymentOptionInputs[i].checked)
50
			payment_option = paymentOptionInputs[i].value; 
51
 
52
	if(payment_option == '' || payment_option <= 0){
53
		dispError("Please select a payment method.");
54
		return false;
55
	}
56
	trackPaymentOptionFormSubmission();
57
	return true;
58
}
59
 
3312 chandransh 60
function verifyCodSelectionForm(formName){
4656 phani.kuma 61
	var captcha_response_input =$("form[name='" + formName + "'] :input[name='captcha_response_field']");
13525 amit.gupta 62
 
63
	if(captcha_response_input.length!=0){
64
		var entered_text =  $.trim(captcha_response_input.val());
65
		if(entered_text == '' || entered_text == 'Enter the characters shown'){
66
			dispError("Please enter the characters shown.");
67
			captcha_response_input.blur();
68
			return false;
69
		}
3312 chandransh 70
	}
71
	trackPaymentOptionFormSubmission();
72
	return true;
73
}
74
 
3101 chandransh 75
function trackPaymentOptionFormSubmission(){
76
	trackEventWithGA('Order', 'Payment method selected', '');
77
	return true;
78
}
79
 
80
function dispError(error){
81
	alert(error);
4656 phani.kuma 82
}
83
 
84
$('#captchaanchor').click(function () { $('#captchaImage').attr('src', '/captcha?rand=' + Math.floor(Math.random()*100) ); });
85
 
86
$('#captcha_response_box').val('Enter the characters shown')
87
	.focus(function(){
88
		if ($(this).val() == 'Enter the characters shown') {
89
			$(this).val('');
90
			$(this).removeClass('captcha_text_blur');
91
			$(this).addClass('captcha_text_focus');
92
		}
93
	})
94
	.blur(function(){
95
		if ($(this).val() == '') {
96
			$(this).val('Enter the characters shown');
97
			$(this).removeClass('captcha_text_focus');
98
			$(this).addClass('captcha_text_blur');
99
		}
6407 amit.gupta 100
	});
101
 
102
jQuery("#emi-options").find('tbody>tr').live('click', function(){
6435 amit.gupta 103
	if(jQuery(this).find("input:checked").length==0) {
6440 amit.gupta 104
		jQuery(this).find('input').attr("checked", "checked").trigger("change");
6435 amit.gupta 105
	}
6407 amit.gupta 106
});
6440 amit.gupta 107
jQuery("#emi-options").find('input').live('change', function(){
108
	var tRow = jQuery(this).closest('tr');
8946 amit.gupta 109
	//showAmount(tRow);
6440 amit.gupta 110
	label = jQuery("#bank-name input:checked").closest("li").attr("title") + "-" + tRow.find("td").eq(1).html();
111
	trackEventWithGA('EMI', "Plan Selection", label);
112
});
6407 amit.gupta 113
 
13459 amit.gupta 114
jQuery("#bankSelection").find("[name='payment_option']").live('change', function(){
115
	var chosenVal = jQuery(this).val();
116
	if (this.nodeName=="SELECT"){
117
		jQuery("#bankSelection").find("input[type='radio']").removeAttr("checked");
118
		jQuery("#bankSelection").find("input:radio[value='" + chosenVal + "']").attr("checked", "checked");
119
	} else if (this.nodeName=="INPUT") {
120
		jQuery("#bankSelect").val(chosenVal);
121
	}
122
 
123
	$("#bankChosen").val(chosenVal);
124
});
6407 amit.gupta 125
 
126
jQuery(document).ready(function(){
13459 amit.gupta 127
	if(typeof banks!=="undefined"){
128
		var bankEle = jQuery("#bank-name");
129
		var first = true;
130
		jQuery.each(banks, function(index, bank){
131
			var style = ' style="background: url(\'' + bank.img + '\') no-repeat right"';
132
			if(first){
133
				bankEle.append('<li title="' + bank.name + '"' + style +'><input type="radio" id="' + index +'" value="' + index +'" name="bankselected"' + (bank.active ? '""' : 'disabled="disabled"') + ' checked="checked"/></li>');
134
				first = false;
135
			}else {
136
				bankEle.append('<li title="' + bank.name +'"' + style +'><input type="radio" id="' + index +'" value="' + index +'" name="bankselected"' + (bank.active ? '""' : 'disabled="disabled"') + ' /></li>');
137
			}
138
		});
139
		/*var cbankEle = jQuery("#comingsoon");
140
		jQuery.each(comingSoonBanks, function(index, bank){
141
			var style = ' style="background: url(\'' + bank.img + '\') no-repeat right"';
142
			cbankEle.append('<li title="' + bank.name +'"' + style +'><input type="radio" id="' + index +'" value="' + index +'" name="bankselected"' + (bank.active ? '""' : 'disabled="disabled"') + ' /></li>');
143
		});*/
144
		bankEle.find("input").change(function(){
145
			showEmiPlans(this);
146
			var bankName = jQuery(this).closest("li").attr("title");
147
			trackEventWithGA('EMI', "Bank Selection", bankName);
148
		});
149
		bankEle.find("li").click(function(){
150
			var cb = jQuery(this).find("input")[0];
151
			if(!cb.disabled && !cb.checked) {
152
				jQuery(cb).attr("checked", "checked").trigger("change");
153
			}
154
		});
155
		showEmiPlans(bankEle.find("li:first>input")[0]);
156
	}
6435 amit.gupta 157
});
158
 
159
function showEmiPlans(htmlInput) {
160
	var bankId = jQuery(htmlInput).val();
161
	var bank = banks[bankId];
162
	var emiTableEle = jQuery("#emi-options");
163
	tbodyEle = [];
164
	var first = true;
165
	jQuery.each(bank.emis, function(id, bankTenure) {
166
		tbodyEle.push('<tr>');
167
		if(first) {
20278 aman.kumar 168
			tbodyEle.push('<td><input id="tenure_' + id + '" type="radio" name="payment_option" value="EMI~' + id + '" checked="checked"/></td>');
6435 amit.gupta 169
			first = false;
6736 amit.gupta 170
		} else {
20278 aman.kumar 171
			tbodyEle.push('<td><input id="tenure_' + id + '" type="radio" name="payment_option" value="EMI~' + id + '"/></td>');
6435 amit.gupta 172
		}
173
		tbodyEle.push('<td>' + bankTenure.tenureDescription + '</td>');
8946 amit.gupta 174
		/*if (id in EMI.discounts){
6736 amit.gupta 175
			emiProcessingCharge = bankTenure.emiProcessingCharge - EMI.discounts[id];
176
			tbodyEle.push('<td class="emi-amount"><span class="rupee-icon" style="text-decoration:line-through">' + bankTenure.emiProcessingCharge + '</span>&nbsp;<span class="red">' +bankTenure.discountedEmiProcessingCharge+'</span></td>');
177
			tbodyEle.push('<td class="emi-amount"><span class="rupee-icon" style="text-decoration:line-through">' + bankTenure.monthlyEmi + '</span>&nbsp;<span class="red">' +bankTenure.discountedMonthlyEmi+'</span></td>');
178
			tbodyEle.push('<td class="emi-amount"><span class="rupee-icon" style="text-decoration:line-through">' + bankTenure.totalAmount + '</span>&nbsp;<span class="red">' +bankTenure.discountedTotalAmount+'</span></td>');
8946 amit.gupta 179
		} else {*/
180
			tbodyEle.push('<td class="emi-amount"><span>' + bankTenure.interestRate + '%</span></td>');
181
			tbodyEle.push('<td class="emi-amount"><span class="rupee-icon">' + bankTenure.totalInterest + '</span></td>');
6736 amit.gupta 182
			tbodyEle.push('<td class="emi-amount"><span class="rupee-icon">' + bankTenure.totalAmount + '</span></td>');
8946 amit.gupta 183
			tbodyEle.push('<td class="emi-amount"><span class="rupee-icon">' + bankTenure.installment + '</span></td>');
184
		//}
6435 amit.gupta 185
		tbodyEle.push('</tr>');
186
	});
187
	emiTableEle.find('tbody').html(tbodyEle.join(''));
188
	//emiTableEle.find("tbody>tr:first").trigger("click");
8946 amit.gupta 189
	//showAmount(emiTableEle.find("tbody>tr:first")[0]);
6435 amit.gupta 190
}
191
 
192
function showAmount(htmlRow){
6736 amit.gupta 193
	$('span.mk_total_amount').html($(htmlRow).find('td:last').html());
6435 amit.gupta 194
}