// Merge with revision 7841

modules/mondialrelay/mondialrelay.js

@@ -1,5 +1,21 @@
 var toggle_status_order_list = false;
 var toggle_history_order_list = false;
+var relay_point_max = 10;
+
+// /!\ All the following list data could be store into the same variable
+// But for a better reading of the code, there are separated
+
+// List of the supplier id which the user trying to fetch the relay
+var fetchingRelayPoint = new Array();
+
+// List of the relay point object
+var relayPointDataContainers = new Array();
+
+// List of the google map object
+var GmapList = new Object();
+
+// List the marker liable to the relay pint
+var markerList = new Object();
 
 function toggleOrderListSelection()
 {
@@ -72,15 +88,14 @@ function checkOtherErrors(json)
 {
 	$('#otherErrors').fadeOut('fast', function()
 	{
-		
 		if (json && json.other && json.other.error)
-		for (numError in json.other.error)
-			if (json.other.error[numError])
-			{
-				$('#otherErrors').fadeIn('slow');
-				$('#otherErrors').children('span').html('');
-				$('#otherErrors').children('span').append(json.other.error[numError]);
-			}
+			for (numError in json.other.error)
+				if (json.other.error[numError])
+				{
+					$('#otherErrors').fadeIn('slow');
+					$('#otherErrors').children('span').html('');
+					$('#otherErrors').children('span').append(json.other.error[numError]);
+				}
 	});
 }
 
@@ -101,7 +116,8 @@ function checkSucceedGenerateTickets(json)
 					$('#successCreatingTicket_' + id_order).fadeIn('slow');
 					detailedExpeditionList.push({'id_order':id_order, 'expeditionNumber':json.success[id_order].expeditionNumber});
 					
-					if (!$('#detailHistory_' + id_order).length)
+					if (!$('#detailHistory_' + id_order).length) 
+					{
 						$('#PS_MRHistoriqueTableList').append('\
 							<tr id="detailHistory_' + id_order + '">\
 								<td><input type="checkbox" class="history_id_list" name="history_id_list[]" value="' + id_order + '" /></td>\
@@ -110,8 +126,9 @@ function checkSucceedGenerateTickets(json)
 								<td id="URLA4_' + id_order + '"><img src="' + _PS_MR_MODULE_DIR_ + 'images/getTickets.gif" /></td>\
 								<td id="URLA5_' + id_order + '"><img src="' + _PS_MR_MODULE_DIR_ + 'images/getTickets.gif" /></td>\
 							</tr>');
-					else
-					{	
+					} 
+					else 
+					{
 						$('#detailHistory_' + id_order).children('#URLA4_' + id_order).html('<img src="' + _PS_MR_MODULE_DIR_ + 'images/getTickets.gif" />');
 						$('#detailHistory_' + id_order).children('#URLA5_' + id_order).html('<img src="' + _PS_MR_MODULE_DIR_ + 'images/getTickets.gif" />');
 						$('#detailHistory_' + id_order).children('#expeditionNumber_' + id_order).html('<img src="' + _PS_MR_MODULE_DIR_ + 'images/getTickets.gif" />');
@@ -184,9 +201,6 @@ function generateTicketsAjax()
 
 function displayDeletedHistoryInformation()
 {
-  :x
-
-
 	$('input[name="history_id_list[]"]:checked').each(function()
 	{
 		$(this).parent().parent().css('background-color', '#FFE2E3');
@@ -194,13 +208,16 @@ function displayDeletedHistoryInformation()
 	displayBackHistoriesSubmitButton();
 }
 
+/*
+** Manage the removed histories id
+*/
 function checkDeletedHistoriesId(json)
 {
 	if (json && json.success)
 	{
 		// Allow to wait the end of the loop to manage unremoved item
 		i = 0;
-		for (numberHistoryId in json.success.deletedListId)
+		for (numberHistoryId in json.success.deletedListId) 
 		{
 			$('#PS_MRHistoryId_' + json.success.deletedListId[numberHistoryId]).parent().parent().fadeOut('fast', function()
 			{
@@ -218,6 +235,9 @@ function checkDeletedHistoriesId(json)
 		displayBackHistoriesSubmitButton();
 }
 
+/*
+** Delete the histories selected by the merchant 
+*/
 function deleteSelectedHistories()
 {
 	var history_id_list = new Array();
@@ -252,6 +272,471 @@ function deleteSelectedHistories()
 	});
 }
 
+/*
+** Display a fancy box displaying details about the 
+** backup of the database
+*/
+function PS_MRGetUninstallDetail()
+{
+	$.ajax(
+	{
+		type: 'POST',
+		url: _PS_MR_MODULE_DIR_ + 'ajax.php',
+		data: {'method' : 'uninstallDetail',
+						'action' : 'showFancy',
+						'href' : targetButton,
+						'mrtoken' : mrtoken},
+		dataType: 'json',
+		success: function(json) 
+		{
+			((json.html.length) ?
+				$.fancybox(json.html, 
+				{
+					'autoDimensions'	: false,
+					'width'						: 450,
+					'height'					: 'auto',
+					'transitionIn'		: 'none',
+					'transitionOut'		: 'none',
+					'onComplete'			: function()
+						{
+							PS_MRHandleUninstallButton();
+							
+							// Rewrite some css properties of Fancybox 
+							$('#fancybox-wrap').css('width', '');
+							$('#fancybox-content').css('background-color', '');
+							$('#fancybox-content').css('border', '');
+						}
+				})
+				: '');
+		},
+		error: function(xhr, ajaxOptions, thrownError) 
+		{
+			//console.log(thrownError);
+			// Put debug to see error detail
+		}
+	});
+	return false;
+}
+
+/*
+** Handle the button when a user clicked on the uninstall button
+*/
+function PS_MRHandleUninstallButton()
+{
+	$('#PS_MR_BackupAction').click(function()
+	{
+		$.fancybox.close();
+		PS_MRBackupDatabase();
+	});
+	
+	$('#PS_MR_UninstallAction').click(function()
+	{
+		window.location.href = targetButton;
+		$.fancybox.close();
+		return true;
+	});
+	
+	$('#PS_MR_StopUninstall').click(function()
+	{
+		$.fancybox.close();
+		return false;
+	});
+}
+
+/*
+** ajax call to keep the database of the module safe
+*/
+function PS_MRBackupDatabase()
+{	
+	$.ajax(
+	{
+		type: 'POST',
+		url: _PS_MR_MODULE_DIR_ + 'ajax.php',
+		data: {'method' : 'uninstallDetail',
+					'action' : 'backupAndUninstall',
+					'mrtoken' : mrtoken},
+		dataType: 'json',
+		success: function(json) 
+		{
+			targetButton += '&keepDatabase=true';
+			window.location.href = targetButton;		
+		},
+		error: function(xhr, ajaxOptions, thrownError) 
+		{
+			//console.log(thrownError);
+			// Put debug to see error detail
+		}
+	});
+}
+
+/*
+** Add / update a entry to the selected carrier to the mr_selected table
+** with the selected relay point information
+*/
+function PS_MRAddSelectedRelayPointInDB(relayPointNumber, id_carrier)
+{
+	// Ajax call to add the selection in the database (compatibility for 1.3)
+	// But keep this way to add a selection better that the hook
+	$.ajax({
+		type: 'POST',
+    url: _PS_MR_MODULE_DIR_ + 'ajax.php',
+    data: {'method' : 'addSelectedCarrierToDB',
+    	'relayPointInfo' : relayPointDataContainers[relayPointNumber],
+    	'id_carrier' : id_carrier,
+    	'id_mr_method' : PS_MRCarrierMethodList[id_carrier],
+    	'mrtoken' : mrtoken},
+    success: function(json)
+    {
+    // 	console.log(json);
+    },
+    error: function(xhr, ajaxOptions, thrownError)
+    {
+     	//console.log(xhr);
+     	//console.log(thrownError);
+     	//console.log(ajaxOptions);
+    }
+	});
+}
+
+/*
+** Add / update a entry to the selected carrier to the mr_selected table
+** Without relay point information
+*/
+function PS_MRAddSelectedCarrierInDB(id_carrier)
+{
+	PS_MRHideLastRelayPointList();
+	// Make the request
+	$.ajax({
+		type: 'POST',
+    url: _PS_MR_MODULE_DIR_ + 'ajax.php',
+    data: {'method' : 'addSelectedCarrierToDB',
+    	'id_carrier' : id_carrier,
+    	'id_mr_method' : PS_MRCarrierMethodList[id_carrier],
+    	'mrtoken' : mrtoken},
+    success: function(json)
+    {
+     	//console.log(json);
+    },
+    error: function(xhr, ajaxOptions, thrownError)
+    {
+     	//console.log(xhr);
+     	//console.log(thrownError);
+     	//console.log(ajaxOptions);
+    }
+	});
+}
+
+function PS_MRCarrierSelectedProcess(carrierSelected, id_carrier, MRLivraisonType)
+{
+	if (MRLivraisonType != 'LD1' &&	MRLivraisonType != 'LDS')
+		// Seek Relay point if it doesn't a home delivery mode
+		PS_MRGetRelayPoint(carrierSelected);
+	else
+		// Simply add the selected carrier to the db, relay information will be empty
+		PS_MRAddSelectedCarrierInDB(id_carrier);
+}
+
+/*
+** Hide the last displayed relay point list
+*/
+function PS_MRHideLastRelayPointList()
+{
+	$('.PS_MRSelectedCarrier').fadeOut('fast');
+}
+
+/*
+** Link the generated relay point to an handle click
+** Allow to add the selected relay point in the database
+*/
+function PS_MRHandleSelectedRelayPoint()
+{	
+	// Link all new generated relay point Selected button to an action
+	$('.PS_MRSelectRelayPointButton').click(function()
+	{
+		// Unselect all previous selection (normaly juste one)
+		$('.PS_MRFloatRelayPointSelected').each(function()
+		{
+			$(this).attr('class', 'PS_MRFloatRelayPointSelecteIt');
+			$(this).children('a').text(PS_MRTranslationList['Select']);
+		});
+		// Make the Selection
+		$(this).text(PS_MRTranslationList['Selected']);
+		$(this).parent().attr('class', 'PS_MRFloatRelayPointSelected');
+		
+		// Get the info about the relay point (relayPoint_RelayPointNumber_IdCarrier)
+		tab = $(this).parent().parent().attr('id').split('_');
+		
+		// Store Separated data for the ajax query
+		if (tab.length == 3)
+		{
+			relayPointNumber = tab[1];
+			id_carrier = tab[2];
+			PS_MRAddSelectedRelayPointInDB(relayPointNumber, id_carrier);
+		}
+	});	
+}
+
+
+// Display the relay point fetched
+function PS_MRDisplayRelayPoint(json, blockContent, carrier_id)
+{
+	if (typeof json != 'undefined' && typeof blockContent != 'undefined')
+	{
+		numberDisplayed = 0;
+		
+		PS_MRCreateGmap(carrier_id);
+		blockContent.fadeOut('fast', function()
+		{
+			$(this).children('td').html('');
+			for (relayPoint in json.success)
+			{
+				// Check if the the content wasn't already displayed
+				contentBlockid =  'relayPoint_' + json.success[relayPoint].Num + '_' + carrier_id;
+				if (!$('#' + contentBlockid).size())
+				{
+					$('<div class="PS_MRRelayPointInfo clearfix" id="' + contentBlockid + '"> \
+						<img src="' + _PS_MR_MODULE_DIR_ + 'logo_hd.png" /> \
+						<p><b>' + json.success[relayPoint].LgAdr1 + '</b><br /> ' +  json.success[relayPoint].LgAdr3
+						+ ' - ' + json.success[relayPoint].CP + ' - ' + json.success[relayPoint].Ville
+						+ ' ' + json.success[relayPoint].Pays + '</p> \
+						<div class="PS_MRFloatRelayPointSelecteIt"> \
+							<a class="PS_MRSelectRelayPointButton">' + PS_MRTranslationList['Select'] + '</a> \
+						</div> \
+					</div>').appendTo($(this).children('td'));
+					
+					// Store all the object content to prevent an ajax request
+					relayPointDataContainers[json.success[relayPoint].Num] = json.success[relayPoint];
+					++numberDisplayed;
+					PS_MRAddGMapMarker(carrier_id, json.success[relayPoint].Num, contentBlockid);
+				}
+			}
+			PS_MRHandleSelectedRelayPoint();
+			$(this).fadeIn('fast');
+		});
+	}
+}
+
+// Fetch the relay point
+function PS_MRFetchRelayPoint(carrierSelected)
+{
+	carrier_id = carrierSelected.val();
+	
+	// Block is an input, we need the 'tr' element
+	blockTR = carrierSelected.parent().parent();
+	// Add a new line to the table after the clicked parent element
+	blockTR.after(' \
+		<tr class="PS_MRSelectedCarrier" id="PS_MRSelectedCarrier_' + carrier_id + '"> \
+			<td colspan="4"><div> \
+				<img src="' + _PS_MR_MODULE_DIR_ + 'images/loader.gif" /> \
+			</div> \
+		</td></tr>');
+	
+	fetchingRelayPoint[carrier_id] = $('#PS_MRSelectedCarrier_' + carrier_id);
+	$.ajax(
+	{
+		type: 'POST',
+		url: _PS_MR_MODULE_DIR_ + 'ajax.php',
+		data: {'method' : 'MRGetRelayPoint',
+					'id_carrier' : carrier_id,
+					'mrtoken' : mrtoken},
+		dataType: 'json',
+		success: function(json) 
+		{
+			if (json && json.success)
+				PS_MRDisplayRelayPoint(json, $('#PS_MRSelectedCarrier_' + carrier_id), carrier_id);					
+		},
+		error: function(xhr, ajaxOptions, thrownError) 
+		{
+			//console.log(thrownError);
+			// Put debug to see error detail
+		}
+	});
+}
+
+// Display the relay point of a selected Carrier and keep fetched data
+// in the html page (cache)
+function PS_MRGetRelayPoint(carrierSelected)
+{
+	carrier_id = carrierSelected.val();
+	
+	// Init back the inital view, hide existing element, (keep cached)
+	element = 0;
+	totalElement = $('.PS_MRSelectedCarrier').size();
+	
+	// Check if the element has already been fetched
+	if (totalElement)
+		// It Works like a foreach
+		$('.PS_MRSelectedCarrier').fadeOut('fast', function()
+		{
+			if ((element + 1) >= totalElement)
+			{
+				// Check if the user already clicked and if the process is done
+				if (typeof fetchingRelayPoint[carrier_id] != 'undefined')
+				{
+					fetchingRelayPoint[carrier_id].fadeIn('fast');
+					return ;
+				}
+				// If the element isn't cached, we fetch it
+				PS_MRFetchRelayPoint(carrierSelected);
+			}
+			++element;
+		});
+	else
+		PS_MRFetchRelayPoint(carrierSelected);
+}
+
+/*
+** Create the Gmap Block and cache the js object for the carrier
+*/
+function PS_MRCreateGmap(id_carrier)
+{
+	$('body').prepend('\
+		<tr id="PS_MRGmapDefaultPosition_' + id_carrier + '" class="PS_MRGmapDefaultPosition">\
+			<td colspan="4"> \
+				<div id="PS_MRGmap_' + id_carrier + '" class="PS_MRGmapStyle">\
+		</div></td</tr>');
+	 $('#PS_MRGmap_' + id_carrier).gmap3(
+		{
+			action: 'init',
+			callback: function(result)
+			{
+				GmapList[id_carrier] = $(this);
+				// Can't set the display to none by default (bug due to
+				// navigator that tell to google that content size = 0
+				//$(this).toggle('fast');
+			}
+		}
+	);
+}
+
+/*
+** Resize the map when the div got changement about dimension / position and displaying
+*/
+function PS_MRGmapResizeEvent($map)
+{
+	gmap = $map.gmap3({action:'get'});	
+	google.maps.event.trigger(gmap, 'resize');
+}
+
+/*
+** Move the view of the gmap to a marker 
+** liable to the relay point 
+*/
+function PS_MRGmapPlaceViewOnMarker($map, marker)
+{
+	$map.gmap3(
+	{
+			action:'panTo',
+			args:[marker.position],
+			callback: function()
+			{
+				(function(m)
+				{
+      		setTimeout(function() 
+      		{
+          	m.setAnimation(google.maps.Animation.BOUNCE);
+        	}, 200);
+    		})(marker);
+			//	marker.setAnimation(google.maps.Animation.BOUNCE);
+			}
+	});
+}
+
+/*
+** Stop all dancing marker of the current selected carrier
+*/
+function PS_MRStopDancingMarkers(currentMarkerList)
+{
+	for (markerNumber in currentMarkerList)
+		if (currentMarkerList[markerNumber] != undefined)
+			if (currentMarkerList[markerNumber].getAnimation() != null)
+		 		currentMarkerList[markerNumber].setAnimation(null);
+}
+
+/*
+** Display the Gmap of the selected relay point 
+*/
+function PS_MRDisplayGmap(contentBlockid, $map)
+{	
+	tab = contentBlockid.split('_');
+	relayPointNumber = tab[1];
+	id_carrier = tab[2];
+	
+	// Stop the dancing marker of the current carrier
+	PS_MRStopDancingMarkers(markerList[id_carrier]);
+	if ($('#PS_MRGmap_' + id_carrier).css('display') == 'none')
+	{
+		$('#' + contentBlockid).after($('#PS_MRGmap_' + id_carrier));
+		$('#PS_MRGmap_' + id_carrier).slideDown('fast', function()
+		{
+			PS_MRGmapResizeEvent($map);
+			PS_MRGmapPlaceViewOnMarker($map, markerList[id_carrier][relayPointNumber]);
+		});
+	}
+	else
+	{
+		previousElem = $('#PS_MRGmap_' + id_carrier).prev();	
+		//$('#' + contentBlockid).after($('#PS_MRGmap_' + id_carrier));	
+		$('#PS_MRGmap_' + id_carrier).toggle('fast', function()
+		{
+			if (previousElem.attr('id') != contentBlockid)
+			{
+				$('#' + contentBlockid).after($(this));	
+				$('#PS_MRGmap_' + id_carrier).slideDown('fast', function()
+				{
+					PS_MRGmapPlaceViewOnMarker($map, markerList[id_carrier][relayPointNumber]);
+				});
+			}
+		});
+	}
+}
+
+/*
+** Add a new Marker to a Gmap for a carrier using the 
+** relay point information 
+*/
+function PS_MRAddGMapMarker(id_carrier, relayPointNumber, contentBlockid)
+{
+	// Check if the gmap has been properly created
+	if (GmapList[id_carrier] == undefined)
+		return ;
+	relayInfo = relayPointDataContainers[relayPointNumber];
+	
+	// Add Marker to the map
+	fullFormatedAddress = relayInfo.LgAdr1 + ' ' + relayInfo.LgAdr3 + ' ' + 
+		relayInfo.CP + ' ' + relayInfo.Ville + ' ' + relayInfo.Pays;
+	GmapList[id_carrier].gmap3(
+	{ 
+		action: 'addMarker',
+		address: fullFormatedAddress,
+		map:
+		{
+    	center: true,
+    	zoom: 14
+  	},
+		callback: function(marker)
+		{
+			if (marker)
+			{
+				// Check if the a marker list exist for the carrier,
+				if (markerList[id_carrier] == undefined)
+					markerList[id_carrier] = new Object();
+
+				// Store the marker in the markerList of the carrier
+				markerList[id_carrier][relayPointNumber] = marker;
+				
+				// Link all relay point line info to an action
+				$('#' + contentBlockid).children('p').click(function()
+				{
+					PS_MRDisplayGmap($(this).parent().attr('id'), GmapList[id_carrier]);
+				});
+				return true;
+			}
+		}
+	});
+	return false;
+}	
+
 $(document).ready(function()
 {
 	$('#toggleStatusOrderList').click(function()
@@ -271,3 +756,5 @@ $(document).ready(function()
 		deleteSelectedHistories();
 	});
 });
+
+