Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
538 rajveer 1
/* 
2
     Example:
3
     addResearch(refdivid,reqtype) refdivid=pane1, reqtype=single/multi
4
     Multiple request: onclick="javascript:addResearch('pane2','multi');"
5
     Single request: onclick="javascript:addResearch('','single');"
6
 
7
     addToCart(refdivid,reqtype) refdivid=pane1, reqtype=single/multi
8
     Multiple request: onclick="javascript:addToCart('pane2','multi');"
9
     Single request: onclick="javascript:addToCart('','single');"
10
 
11
     NOTE: incase reqtype=list then refdivid should be product id
12
*/
1922 varun.gupt 13
 
1829 varun.gupt 14
function trackEventWithGA(eventCategory, actionName, label)	{
2038 vikas 15
	if(typeof _gaq != "undefined" && _gaq != null)	{
16
		_gaq.push(['_trackEvent', eventCategory, actionName, label, 2]);
17
	}
1829 varun.gupt 18
}
2110 vikas 19
 
20
function trackPageWithGA(page)	{
21
	if(typeof _gaq != "undefined" && _gaq != null)	{
22
		_gaq.push(['_trackPageview', page]);
23
	}
24
}
1922 varun.gupt 25
 
637 rajveer 26
$(function() {
1199 vikas 27
	$("a.addtocart").live('click', function() {
637 rajveer 28
		var catalogid = $(this).attr('catalogid');
1795 varun.gupt 29
 
762 rajveer 30
		var radBtn = "";
31
		var param = "PARAMETERS_" + catalogid;
32
 
33
		$.each(eval(param), function(val, text) {
34
			radBtn += '<label><input type="radio" name="radColorSel" value="' + val + '" /> <span>' + text + '</span></label>';
35
		});
36
 
37
		radBtn += '<div class="clearBoth"></div>';
38
		$(".colorSelLightBoxColor .content").html(radBtn);
637 rajveer 39
 
1189 varun.gupt 40
		$.fn.colorbox({inline:true, href:".colorSelLightBoxColor", open:true, onComplete:function(){
41
			var posLeft = (document.documentElement.clientWidth / 2) - (parseInt($('#colorbox').css('width')) / 2);
42
			var posTop = (document.documentElement.clientHeight / 2) - (parseInt($('#colorbox').css('height')) / 2);
43
 
44
			$('#colorbox').css('top', posTop);
45
			$('#colorbox').css('left', posLeft);
46
		}});
637 rajveer 47
	});
762 rajveer 48
 
637 rajveer 49
});
50
 
2755 rajveer 51
 
52
 
53
function addToCart(refdivid,reqtype){
54
     var seldata="";
55
     var tot=0;
56
     var saprt="";
57
     if(reqtype == "multi"){
58
          var containerdiv = "#" + refdivid;
59
          var par= containerdiv + " input[type=checkbox]:checked";
60
          var isMulti = false;
61
          $(par).each(function(){
62
 
63
	       	   var totalcolors = $(this).attr('totalcolors');
64
	           saprt = (tot>0)? "_":"";
65
               seldata += saprt+$(this).attr('itemid');
66
 
67
	           if(totalcolors != 1)	{
68
	        	   isMulti = true;
69
	       	   }
70
               tot++;
71
          });
72
          if(isMulti == true){
73
        	  alert("Some items are available in multiple colors. Please go to product page and select color you want.");
74
        	  return;
75
          } else	{
76
        	  var items = seldata.split('_');
77
        	  for(var i in items)	{
78
        		  trackEventWithGA('Order', 'Add to Cart', items[i]);
79
        	  }
80
          }
81
     }else if(reqtype == "single"){
82
          seldata = $("#item_id").val();
83
		  trackEventWithGA('Order', 'Add to Cart', seldata + '');
84
          tot=1;
85
     }else if(reqtype == "list"){
86
    	  var seldata=refdivid;
87
		  trackEventWithGA('Order', 'Add to Cart', seldata + '');
88
          tot=1;
89
     }
90
 
91
     if(tot > 0)	{
92
    	 jQuery.ajax({
93
    		 type: "POST",
94
    		 url: "/addtocart",
95
    		 data: "productid=" + seldata,
96
    		 success: function(msg){
97
    			 if(msg==""){
98
    				 window.location = "/cart";
99
    			 }else{
100
    				 displayRelatedProducts(msg);
101
    			 }
102
    		 }
103
    	 });
104
     } else	{
105
    	 alert("Please select atleast one product");
106
     }
107
}
108
 
109
 
762 rajveer 110
function selectColor(){
111
	var selected = $(".colorSelLightBoxColor .content input[name='radColorSel']:checked");
112
	var itemid = selected.val();
1829 varun.gupt 113
 
114
	trackEventWithGA('Order', 'Select Product Color', itemid);
762 rajveer 115
 
1795 varun.gupt 116
	if(itemid == undefined)	{
762 rajveer 117
		alert('Please select a color.');
1795 varun.gupt 118
	} else	{
762 rajveer 119
		addToCart(itemid,'list');
120
	}
121
}
122
 
637 rajveer 123
 
2755 rajveer 124
function displayRelatedProducts(message){
125
	var radBtn = "<div id='cartRecommendationBox'>";
126
	jQuery.ajax({
127
		type: "GET",
128
		url: "/related-products/" + $("#product_id").val(),
129
		data: "productid=" + $("#product_id").val(),
130
		success: function(msg)	{
131
			radBtn += "<h3 style='margin-top:5px; margin-bottom:5px;'>" + message + "</h3>";
132
			if($.trim(msg)!=""){
133
				radBtn += "<span style='font-size:14px; color:#003300; background-color:#ffffdd;  margin-bottom:8px;'>You can check out following similar products</span><hr size=1/>";
134
			}
135
			radBtn += msg;
136
			radBtn += '<div class="clearBoth"></div></div>';
137
 
138
	    	$.colorbox({
139
	    		html:radBtn,
140
	    		width:"400px",
141
	    		height:"410px",
142
 
143
	    		onComplete: function(){
144
	    			$('#cartRecommendationBox').show().find('.widgetChkBox').hide();
145
	    		},
146
	    		onCleanup: function(){
147
	    			$('#cartRecommendationBox').hide();
148
	    		}
149
	    	});
150
		}
151
	});		
152
}
153
 
154
 
155
 
1829 varun.gupt 156
function addResearch(refdivid, reqtype){
157
     var research_tot = $("#research_total").val();
158
     var seldata = [];
159
     var tot = 0;
538 rajveer 160
 
1829 varun.gupt 161
     if(reqtype == "multi")	{
538 rajveer 162
          var containerdiv = "#" + refdivid;     
1829 varun.gupt 163
          var par = containerdiv + " input[type=checkbox]:checked";
538 rajveer 164
          $(par).each(function(){
1761 vikas 165
               seldata.unshift($(this).val());
1829 varun.gupt 166
               tot ++;
538 rajveer 167
          });
1829 varun.gupt 168
     }else if(reqtype == "single")	{
1761 vikas 169
    	  seldata.unshift($("#product_id").val());
2633 rajveer 170
          tot = 1;
1829 varun.gupt 171
     }else if(reqtype == "list"){
1761 vikas 172
    	  seldata.unshift(refdivid);
2633 rajveer 173
          tot = 1;
538 rajveer 174
     }
1795 varun.gupt 175
 
176
     if(tot > 0)	{
879 rajveer 177
          //alert("AJAX request to add products in My research. Product ID: "+seldata+" and total: "+tot);
538 rajveer 178
          jQuery.ajax({
179
               type: "POST",
1614 rajveer 180
                      url: "/addtoresearch",
1829 varun.gupt 181
                      data: "productid=[" + seldata +  "]",
1047 vikas 182
                      success: function(msg){
2759 varun.gupt 183
                           var postSuccessDOMProcessing = function(objValue)	{
184
                        	   trackEventWithGA('Research', 'Add to Research', objValue);
185
                        	   add_to_storage_set("resitems", objValue);
186
                        	   var tblid = "#pane1 #" + objValue + " td";
187
                        	   $(tblid + " div a.truncate").truncate({addtitle: true});
188
                        	   $(tblid + " div div.price").truncate({addtitle: true});
189
                        	   $(tblid + " div div.text").truncate({addtitle: true});
190
                        	   $(tblid).animate({ backgroundColor: "#fcffb3" }, 'slow');
191
                        	   $(tblid).animate({ backgroundColor: "#F5F5F5" }, 'slow');
192
                           };
1047 vikas 193
 
194
                           if(msg == 0){
195
                                alert( "Product is already in my research" );
2759 varun.gupt 196
                           } else	{
1829 varun.gupt 197
                                var t = (research_tot * 1) + (tot * 1);
538 rajveer 198
                                $("#research_total").val(t);
2759 varun.gupt 199
                                if(t > 0)	{
538 rajveer 200
                                     $("#research_default").css("display","none");
201
                                }     
202
                                $("#pane1").prepend(msg);
203
 
2759 varun.gupt 204
                                if(reqtype == "multi")	{
205
                                     jQuery.each(seldata,function(intIndex, objValue)	{
206
                                    	 postSuccessDOMProcessing(objValue);
538 rajveer 207
                                     });
208
 
2759 varun.gupt 209
                                } else if(reqtype == "single")	{
210
                                	postSuccessDOMProcessing(seldata);
211
 
212
                                } else if(reqtype == "list")	{
213
                                	postSuccessDOMProcessing(seldata);
214
                                }
538 rajveer 215
                           }
216
                      }
217
          });
2759 varun.gupt 218
     } else	{
538 rajveer 219
          alert("Please select atleast one product");
220
     }
221
}
222
 
223
 
1873 varun.gupt 224
 
225
 
1047 vikas 226
function scrollWinToTop(){
227
    $('html, body').animate({
228
      scrollTop: $("body").offset().top
229
    }, 0);
230
}
231
 
232
function resetShipForm(){
233
  $('#shipName').val("");
234
  $('#shipAddress1').val("");
235
  $('#shipAddress2').val("");
236
  $('#shipState').val("");
237
  $('#shipCity').val("");
238
  $('#shipPin').val("");
239
  $('#shipPhone').val("");
240
	$('#newShipAdr').hide();
241
	scrollWinToTop();
242
}
243
 
244
function changeShipAddress(id){
245
  addressId = id.substring(20);
246
 //alert("TODO AJAX request to change shipping address. " + addressId);
247
   jQuery.ajax({
248
      type: "POST",
1919 rajveer 249
      url: "/shipping",
1047 vikas 250
      data: "action=change&addressid="+addressId,
251
      success: function(msg){
252
         $("#addressid").val(msg);
253
      }
254
   });
255
  document.getElementById('shipAddressContainer').innerHTML = document.getElementById(id).innerHTML;
256
	$(".proceed-bttn .yellow-image").removeClass('imgDisableButton').addClass('imgEnableButton');
257
	$(".proceed-bttn input[disabled='']").removeAttr('disabled');
2633 rajveer 258
 
259
	$('#newShipAdr').hide();
1047 vikas 260
	scrollWinToTop();
261
 
262
}
1053 vikas 263
 
1761 vikas 264
function merge_history_items(){
265
	params = $.Storage.get("histitems");
266
 
267
	jQuery.ajax({
268
		type: "POST",
269
		url: "/browse-history",
270
		data: "id="+params,
271
		cache: false,
272
		success: function(json) {
273
		    $.Storage.set("histitems", json);
274
		    load_history_widget();
275
	    }
276
	});
277
}
278
 
279
function load_research_items(){
280
	jQuery.ajax({
281
		type: "GET",
282
		url: "/myresearch",
283
		cache: false,
284
		success: function(json) {
285
		    $.Storage.set("resitems", json);
286
		    load_research_widget();
287
	    }
288
	});
289
}
290
 
1372 vikas 291
function load_research_widget(){
1761 vikas 292
	var params = "";
293
	params = "/" + $.Storage.get("resitems");
294
 
295
	jQuery.ajax({
1372 vikas 296
		type : "GET",
1761 vikas 297
		url : "/myresearch" + params,
1567 vikas 298
		cache: false,
1372 vikas 299
		success : function(html) {
1761 vikas 300
   		    $("#myresearch").html(html);
1372 vikas 301
 
1761 vikas 302
		    // Product Title
2718 varun.gupt 303
		    $("#myresearch table td div a.truncate").each(function() {
1761 vikas 304
					$(this).truncate({addtitle : true});
305
		    });
1372 vikas 306
 
1761 vikas 307
		    // Product Price
308
		    $("#myresearch table td div div.price").each(function() {
309
					$(this).truncate({addtitle : true});
310
			});
1372 vikas 311
 
1761 vikas 312
		    // Product Details
313
		    $("#myresearch table td div div.text").each(function() {
314
					$(this).truncate( {addtitle : true});
315
			});
316
	    }
1372 vikas 317
	});
318
}
319
 
1623 rajveer 320
function load_history_widget() {
1614 rajveer 321
	var params = "";
1761 vikas 322
	params = "/" + $.Storage.get("histitems");
1614 rajveer 323
 
1372 vikas 324
	jQuery.ajax({
325
		type: "GET",
1614 rajveer 326
		url: "/browse-history" + params,
1567 vikas 327
		cache: false,
1372 vikas 328
		success: function(html){
1761 vikas 329
		    $("#browsehistory").html(html);
1372 vikas 330
 
1761 vikas 331
		    // Product Title
332
		    $("#browsehistory table td div a").each(function(){
333
			    $(this).truncate({addtitle: true}); 
334
		    });
1372 vikas 335
 
1761 vikas 336
    		// Product Price
337
	    	$("#browsehistory table td div div.price").each(function(){
338
		    	$(this).truncate({addtitle: true});
339
		    });
1372 vikas 340
 
1761 vikas 341
		    // Product Details
342
		    $("#browsehistory table td div div.text").each(function(){
343
			    $(this).truncate({addtitle: true});
344
		    });
345
	    }
346
	});
347
}
348
 
349
function add_to_storage_set(key, id) {
350
	var set = eval($.Storage.get(key));
351
	if (set) {
352
		$.each(set, function(index, value) {
353
			if (value == id) {
354
				set.splice(index, 1);
355
			}
1372 vikas 356
		});
357
	}
1761 vikas 358
	set.unshift(id);
1964 vikas 359
	if (set.length>10)
360
	{
361
		set.splice(10, set.length-10);
362
	}
1761 vikas 363
	$.Storage.set(key, "[" + set.toString() + "]");
1372 vikas 364
}
365
 
1761 vikas 366
function delete_from_storage_set(key, id) {
367
	var set = eval($.Storage.get(key));
368
	if (set) {
369
		$.each(set, function(index, value) {
370
			if (value == id) {
371
				set.splice(index, 1);
372
			}
373
		});
374
	}
375
	$.Storage.set(key, "[" + set.toString() + "]");
1866 vikas 376
}
377
 
1868 vikas 378
function add_track_log(event, url, data) {
1999 vikas 379
	if ($.cookie("uafc")) {
1866 vikas 380
		jQuery.ajax( {
1919 rajveer 381
			url : "/tracking",
1866 vikas 382
			type : "POST",
383
			data : {
1868 vikas 384
				"event" : event,
1866 vikas 385
				"url" : url,
386
				"data" : data
387
			},
388
			cache : false
389
		});
390
	}
1761 vikas 391
}