Subversion Repositories SmartDukaan

Rev

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

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