var AtisContextMenu = function (map, options) {
var publicItem = {};
var nearestLocationsArray;
publicItem.populateMenu = function(menu, clickedX, clickedY, clickedLatLng, displayMenu) {
var useZoom = false;
//When we are using zoom, it is to set a Maximum Functional class (the more we are zoomed-out, the bigger the road we want)
var zoom = 16;//default to very zoomed-in to get all functional classes
if (useZoom) {
zoom = map.zoom;
}
$.ajax('/api/route/getlocations?latitude=' + clickedLatLng.lat() + '&longitude=' + clickedLatLng.lng() + '&zoom=' + zoom)
.done(function (data) {
var contextString = '';
nearestLocationsArray = [];
if (data == null) {
//there was an ajax error.
} else if (!data.length) {
contextString = '
' + resources.CouldNotRetrieveMapLocation + '
';
} else {
for (var i = 0, count = data.length; i < count; i++) {
if (data[i].name) {
//add the roadway name options.
contextString += '
';
nearestLocationsArray.push(data[i]);
}
}
}
//display the menu.
displayMenu(contextString);
};
// location menu item clicked.
var locationClicked = function (event, location, contextMenu) {
//get click event target.
var jqueryObj = $(event.target);
//get parent of event target.
var parent = jqueryObj.parent();
//detach click event target from parent.
var original = jqueryObj.detach();
//reference to this for closure.
var $this = this;
$this.mostRecentLocation = location;
parent.append($this.toHereFromHereMenuItem || '');
//if to here / from here menu created for first time, attach event handlers.
if (!$this.toHereFromHereMenuItem) {
var firstChild = parent.children().first();
var clickAction = function (toFrom) {
//trigger selection event and fade out context menu.
$(document).trigger('locationSelected-contextMenu', [toFrom, $this.mostRecentLocation]);
contextMenu.fadeOut(75);
}; //attach event handler to click event.
$('[data-type="fromHere"],[data-type="toHere"]', firstChild).on('click', function (e) {
clickAction($(this).attr('data-type'));
}).css('cursor', 'pointer');
}
//on mouse leave of parent
parent.on('mouseleave.atisContextMenu', function (e) {
//remove current content and append original content.
$this.toHereFromHereMenuItem = parent.children().first().detach();
parent.append(original);
//remove event handler and hover class.
parent.off('mouseleave.atisContextMenu');
parent.removeClass('hover');
});
};
return publicItem;
};
var NewAtisContextMenu = function (appPublic, options) {
var publicItem = {};
var latLng, contextMenu, clickedLatLng, clickedX, clickedY, nearestLocationsArray, addWaypointToContextMenu;
publicItem.populateMenu = function (menu, clickedX, clickedY, clickedLatLng, displayMenu) {
latLng = clickedLatLng;
displayMenu('' + resources.FromHere + '' + resources.ToHere + '', clickedX, clickedY, clickedLatLng);
};
var onRightClick = function (e) {
// start by hiding the context menu if its open
contextMenu.hide();
// See if My Route tab exist first, switch tab to My Routes if it is on other tabs
if ($("#RoutesTab").length > 0) {
if (!$("#RoutesTab").hasClass("active")) {
$("#RoutesTab > a").trigger("click");
}
}
// pixel location of click
clickedX = e.pixel.x;
clickedY = e.pixel.y;
// latitude, longitude of click
clickedLatLng = e.latLng;
if (resources.DisplayLocationsInContextMenu == "True") {
// Call getNearestLocations, gMarker is null since it is yet to be created.
publicItem.getNearestLocations(clickedLatLng, getNearestLocationsCallback);
//displayMenu('');
} else {
var displayString = '' + resources.FromHere + '' + resources.ToHere + '';
if (addWaypointToContextMenu) {
displayString += '' + resources.AddWaypoint + '';
}
//TODO: modify for when we do permissions properly
if (globalVars.canCreateEvents == "True") {
displayString += 'Add Event';
}
displayMenu(displayString);
$('.contextPointButton').click(function () {
$(document).trigger('locationSelected-contextMenu', [$(this).attr('data-type'), { point: { latitude: clickedLatLng.lat(), longitude: clickedLatLng.lng() } }]);
contextMenu.fadeOut(75);
});
$('.addEventButton').click(function () {
//redirct to admin page
window.location.href = "/Admin/EditEvent?lat=" + clickedLatLng.lat() + "&lng=" + clickedLatLng.lng();
});
}
};
publicItem.AddWaypointToContextMenu = function (value) {
addWaypointToContextMenu = value;
};
// gets the roadway names closest to a lat, lng.
publicItem.getNearestLocations = function (latLng, callback, useZoom) {
//When we are using zoom, it is to set a Maximum Functional class (the more we are zoomed-out, the bigger the road we want)
var zoom = 16;//default to very zoomed-in to get all functional classes
if (useZoom) {
zoom = appPublic.map.zoom;
}
$.ajax('/api/route/getlocations?latitude=' + latLng.lat() + '&longitude=' + latLng.lng() + '&zoom=' + zoom)
.done(function (data) {
callback(data || []);
})
.fail(function () {
callback(null);
});
};
var getNearestLocationsCallback = function (data) {
var contextString = '';
nearestLocationsArray = [];
if (data == null) {
//there was an ajax error.
} else if (!data.length) {
contextString = '
' + resources.CouldNotRetrieveMapLocation + '
';
} else {
for (var i = 0, count = data.length; i < count; i++) {
if (data[i].name) {
//add the roadway name options.
contextString += '
';
nearestLocationsArray.push(data[i]);
}
}
}
//display the menu.
displayMenu(contextString);
};
var displayMenu = function (contextString) {
// remove all menu items and add fresh ones.
contextMenu.empty();
appendItems(contextString);
// get div which contains map.
var mapDiv = $(map.getDiv());
// adjust contextMenu if clicked near the edges so it will always be fully visible.
if (clickedX > mapDiv.width() - contextMenu.width())
clickedX -= contextMenu.width();
if (clickedY > mapDiv.height() - contextMenu.height())
clickedY -= contextMenu.height();
// fade in the menu at the correct location.
contextMenu.css({ top: clickedY, left: clickedX }).fadeIn(300);
};
var appendItems = function (contextString) {
if (resources.DisplayLocationsInContextMenu == "True") {
contextMenu.append(contextString + '');
contextMenu.append(
'
');
}
else {
contextMenu.append(contextString);
// append static menu content
contextMenu.append(
'' + resources.StartOver + '' +
'' + resources.ZoomIn + '' +
'' + resources.ZoomOut + '' +
'' + resources.CenterHere + ''
);
}
setUpMenuEventHandlers();
};
publicItem.setupEventHandlers = function (menu) {
};
publicItem.setupEventHandlersold = function () {
if (resources.DisplayLocationsInContextMenu == "True") {
contextMenu.find('a').click(function (e) {
e.preventDefault();
// get action value.
var action = $(e.target).attr('href').substr(1);
// is this a roadway name?
var actionInt = possiblyParseInt(action);
if (actionInt != null) {
var location = nearestLocationsArray[actionInt];
//special flow for location items.
locationClicked(e, location);
} else {
// fade out the menu
contextMenu.fadeOut(75);
//one of the static options.
switch (action) {
case 'resetMarkers':
$(document).trigger('resetRoutePlanner-contextMenu');
break;
case 'zoomIn':
map.setZoom(map.getZoom() + 1);
map.panTo(clickedLatLng);
break;
case 'zoomOut':
map.setZoom(map.getZoom() - 1);
map.panTo(clickedLatLng);
break;
case 'centerMap':
map.panTo(clickedLatLng);
break;
}
}
});
} else {
//on menu item click.
$('.defaultMenu').click(function (e) {
e.preventDefault();
// get action value.
var action = $(e.target).attr('href').substr(1);
// is this a roadway name?
var actionInt = possiblyParseInt(action);
if (actionInt != null) {
var location = nearestLocationsArray[actionInt];
//special flow for location items.
locationClicked(e, location);
} else {
// fade out the menu
contextMenu.fadeOut(75);
//one of the static options.
switch (action) {
case 'resetMarkers':
$(document).trigger('resetRoutePlanner-contextMenu');
break;
case 'zoomIn':
map.setZoom(map.getZoom() + 1);
map.panTo(clickedLatLng);
break;
case 'zoomOut':
map.setZoom(map.getZoom() - 1);
map.panTo(clickedLatLng);
break;
case 'centerMap':
map.panTo(clickedLatLng);
break;
}
}
});
}
// Add hover effects on items
contextMenu.find('a').hover(function () {
$(this).parent().addClass('hover');
}, function () {
$(this).parent().removeClass('hover');
});
};
// location menu item clicked.
var locationClicked = function (event, location) {
//get click event target.
var jqueryObj = $(event.target);
//get parent of event target.
var parent = jqueryObj.parent();
//detach click event target from parent.
var original = jqueryObj.detach();
//reference to this for closure.
var $this = this;
$this.mostRecentLocation = location;
//append existing to/from menu item if available, otherwise create on.
parent.append($this.toHereFromHereMenuItem || '');
//if to here / from here menu created for first time, attach event handlers.
if (!$this.toHereFromHereMenuItem) {
var firstChild = parent.children().first();
var clickAction = function (toFrom) {
//trigger selection event and fade out context menu.
$(document).trigger('locationSelected-contextMenu', [toFrom, $this.mostRecentLocation]);
contextMenu.fadeOut(75);
}; //attach event handler to click event.
$('[data-type="fromHere"],[data-type="toHere"]', firstChild).on('click', function (e) {
clickAction($(this).attr('data-type'));
}).css('cursor', 'pointer');
}
//on mouse leave of parent
parent.on('mouseleave.atisContextMenu', function (e) {
//remove current content and append original content.
$this.toHereFromHereMenuItem = parent.children().first().detach();
parent.append(original);
//remove event handler and hover class.
parent.off('mouseleave.atisContextMenu');
parent.removeClass('hover');
});
};
//returns null if val is not a number.
var possiblyParseInt = function (val) {
try {
var intVal = parseInt(val);
return isNaN(intVal) ? null : intVal;
} catch (e) {
return null;
}
};
//init the atis context menu.
//init();
publicItem.resetMarkers = function (menu) {
//event trigger kept in for backwards compatibility
$(document).trigger('resetRoutePlanner-contextMenu');
};
publicItem.doAction = function (menu, event, actionInt) {
$(document).trigger('locationSelected-contextMenu', [actionInt == 1 ? 'fromHere' : 'toHere', { point: { latitude: latLng.lat(), longitude: latLng.lng() } }]);
if ($("#mapLocation").is(":visible")) {
$(".myRouteBtn").trigger("click");
}
menu.fadeOut(75);
};
return publicItem;
};
var NewAtisContextMenuFromErs = function (map, options) {
var publicItem = {};
var latLng;
publicItem.populateMenu = function (menu, clickedX, clickedY, clickedLatLng, displayMenu) {
latLng = clickedLatLng;
displayMenu('' + resources.FromHere + '' + resources.ToHere + '', clickedX, clickedY, clickedLatLng);
};
publicItem.doAction = function (menu, event, actionInt) {
$(document).trigger('locationSelected-contextMenu', [actionInt == 1 ? 'fromHere' : 'toHere', { point: { latitude: latLng.lat(), longitude: latLng.lng() } }]);
contextMenu.fadeOut(75);
};
publicItem.setupEventHandlers = function (menu) {
};
// gets the roadway names closest to a lat, lng.
publicItem.getNearestLocations = function (latLng, callback, useZoom) {
//When we are using zoom, it is to set a Maximum Functional class (the more we are zoomed-out, the bigger the road we want)
var zoom = 16;//default to very zoomed-in to get all functional classes
if (useZoom) {
zoom = map.zoom;
}
$.ajax('/api/route/getlocations?latitude=' + latLng.lat() + '&longitude=' + latLng.lng() + '&zoom=' + zoom)
.done(function (data) {
callback(data || []);
})
.fail(function () {
callback(null);
});
};
var getNearestLocationsCallback = function (data) {
var contextString = '';
nearestLocationsArray = [];
if (data == null) {
//there was an ajax error.
} else if (!data.length) {
contextString = '
' + resources.CouldNotRetrieveMapLocation + '
';
} else {
for (var i = 0, count = data.length; i < count; i++) {
if (data[i].name) {
//add the roadway name options.
contextString += '
';
nearestLocationsArray.push(data[i]);
}
}
}
//display the menu.
displayMenu(contextString);
};
publicItem.resetMarkers = function (menu) {
//event trigger kept in for backwards compatibility
$(document).trigger('resetRoutePlanner-contextMenu');
};
return publicItem;
};
//Tab Key Helper. Focus on the correct button when tab is pressed or shift+tab is pressed.
$(() => {
$('#setStartGeolocation')[0].addEventListener('focus', () => {
if ($('#startLocationText').val() !== '' ) {
$('#swapLocationsBtn').focus();
}
});
$('#setEndGeolocation')[0].addEventListener('focus', () => {
if ($('#endLocationText').val() !== '') {
$('#generateRouteBtn').focus();
}
});
$('#generateRouteBtn').keydown(function (e) {
if (e.key === 'Tab' && e.shiftKey) {
setTimeout(() => {$('#endLocationText').focus();});
}
});
$('#swapLocationsBtn').keydown(function (e) {
if (e.key === 'Tab' && e.shiftKey) {
setTimeout(() => { $('#startLocationText').focus(); });
}
});
});
var RoutePlanner = function (appPublicApi, contextMenuApi, options) {
var publicItem = {};
var autoComplete = new RoutePlannerAutocomplete(appPublicApi.map, options, window.extraPoi || []);
// init waypoint tools.
var waypointManager = new WaypointManager(appPublicApi.map, autoComplete, contextMenuApi, publicItem);
// init route polyline
var routePolyline = new RoutingPolyline(appPublicApi, contextMenuApi, publicItem);
// reference to map.
var map = appPublicApi.map;
//user geolocation tools.
var geolocation = new UserGeolocation(autoComplete, waypointManager, contextMenuApi, appPublicApi.map, appPublicApi);
//transit route planner.
var transitPlanner = new TransitDirections(appPublicApi, routePolyline, document.getElementById('transitRouteResults'));
//some common map related functions.
var mapFctns = new MapFctns();
//By remembering our routes we can speed up creating a waypoint for it
//because we already know which parameters are most likely needed
var currentDriveRoutes = [];
//used to store which of the 3 possible routes is currently selected
var curSelected = 0;
//Used to store the id of the current routing task so that
//If there are old routes coming in we can throw them away
var currentRoutingTask = "";
var currentRouteData = null;
var lastEventTargetId = "";
autoComplete.SetupAutoComplete('#startLocationText', waypointManager.getLocations()[0]);
autoComplete.SetupAutoComplete('#endLocationText', waypointManager.getLocations()[waypointManager.getLocations().length-1]);
var routeRequested = function (event) {
event.preventDefault();
currentDriveRoutes = [];
curSelected = 0;
var fromLocation = $('#startLocationText').val();
var toLocation = $('#endLocationText').val();
//getLocationsTextFromUI();
if (fromLocation.match(/^(\-?\d+(\.\d+)?),\s*(\-?\d+(\.\d+)?)$/g) && toLocation.match(/^(\-?\d+(\.\d+)?),\s*(\-?\d+(\.\d+)?)$/g)) {
calculateRoute([{
point: { latitude: fromLocation.split(',')[0], longitude: fromLocation.split(',')[1] }
}, {
point: { latitude: toLocation.split(',')[0], longitude: toLocation.split(',')[1] }
}], event);
}
else {
waypointManager.getLocationArray()
.then(locations => {
if (locationsInvalidHandling(locations)) {
clearRouteView(true);
} else if(isSameLocation(locations)) {
updateStatus(resources.StartAndEndLocationCannotBeSame);
clearRouteView(true);
} else {
updateStatus();
calculateRoute(locations, event);
}
})
.catch(()=>updateStatus(resources.PleaseCheckStartEndLocation));
}
//Close streetView
map.getStreetView().setVisible(false);
//Remove the enter key event handler that was added when the route was defined.
$(document).off('keypress', null, WaypointManager.enterkeyHandler);
};
var locationsInvalidHandling = function(locations){
for (let i = 0; i < locations.length; i++) {
if (!locations[i]) {
if (i === 0) {
updateStatus(resources.PleaseCheckStartLocation);
} else if (i === locations.length - 1) {
updateStatus(resources.PleaseCheckEndLocation);
} else {
updateStatus(resources.PleaseCheckWaypoints);
}
return true;
}
}
return false;
}
var generateGuid = function () {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
};
/* Fully resets the route planner, removing all data related to the previous route. */
var resetRoutePlanner = function () {
$(".waypointContainer").hide();
//remove route summary, markers, status messages, polylines.
clearRouteView();
currentDriveRoutes = [];
curSelected = 0;
if (typeof TransitOptions !== 'undefined') {
TransitOptions.reset();
}
currentRoutingTask = "";
//clear text boxes.
waypointManager.clearAll();
$('#btnSaveRoute').text(resources.Save);
//trigger route cleared event.
$(document).trigger('routeCleared-routePlanner');
if ($("#Map_Index_RoutePlannerDescription > div").contents().length > 0) {
$("#routePlannerDesc").show();
}
$(document).off('keypress', null, waypointManager.enterkeyHandler);
};
/* Resets the display of the route planner, while keeping previous route data in memory. */
var clearRouteView = function (keepMsg) {
//remove polylines.
routePolyline.DeleteAll();
//hide results.
$('#routeResults').hide();
//remove result content.
$('#routeTabContent').empty();
$('#routeTabs').empty();
//clear messages.
if (!keepMsg) updateStatus();
//clear transit directions.
transitPlanner.Reset();
};
$(document).on('clearRouteView-routePlanner', function (evnt) {
clearRouteView();
});
$(document).on('saveRoutePoints', function () {
var locations = $.map(waypointManager.getLocations(), function (x) {
return x.point;
});
var obj = {
locations: locations,
avoidToll: $("#avoidTollsCheckBox").is(":checked")
}
localStorage.setItem('routeLocations', JSON.stringify(obj));
});
var triggerRouteFailEvent = function () {
//trigger event that signals routing has failed.
$(document).trigger('routingFail-routePlanner');
};
var triggerRouteSuccessEvent = function () {
//trigger event that signals routing has succeeded.
$(document).trigger('routingSuccess-routePlanner');
};
var generateTransitRoute = function (locations, options, includeDriving) {
$(".waypointContainer").hide();
// show transit results
$('#transitRouteResults').show();
transitPlanner.Directions(locations, options, includeDriving);
// trigger event for listener adjust transit results height (Routingsidebar.cshtml)
$('#routeResults').trigger('adjustTransitResultsHeight');
// Trigger Transit route requested event
//$(document).trigger('transitRouteRequested-routePlanner');
//Display transit message
updateStatus(resources.TransitForImmediateDepartures);
};
var generateDriveRoute = function (locations, transitHubLocation, options, transitOptions) {
var driveLocations = locations;
var transitLocations;
//We are doing a drive+transit route.
//We now need to drive to the nearest hub, and then transit from the hub to our destination.
if (transitHubLocation) {
driveLocations = [locations[0], transitHubLocation];
transitLocations = [transitHubLocation, locations[1]];
}
// Get Route using Marker WayPoints
$.ajax('/api/route/getroutes', {
type: 'POST',
data: { Waypoints: driveLocations, Options: options },
transitHubLocation: transitHubLocation
}).done(function (data) {
if (data.length > 0) {
for (let i = 0; i < data[0].waypoints.length; i++) {
if (i === 1 && transitHubLocation) {
break;
}
waypointManager.adjustMarker(i, data[0].waypoints[i].point.latitude, data[0].waypoints[i].point.longitude);
}
$(document).trigger("routeGenerated-loginModal");
}
//display the route.
displayRoute(data, transitHubLocation !== false, transitHubLocation.name);
if (transitHubLocation) {
generateTransitRoute(transitLocations, transitOptions, true);
//fit map to full drive+transit result.
mapFctns.fitMapToRoute(map, locations);
loadBlockerApi.hideSpinner('calculateDriveTransitRoute');
}
triggerRouteSuccessEvent()
})
.fail(function () {
triggerRouteFailEvent();
updateStatus(resources.ErrorRetrievingYourRoute);
loadBlockerApi.hideSpinner('calculateDriveTransitRoute');
})
.always(function () {
loadBlockerApi.hideSpinner('calculateRoute');
});
}
var clearMarkerListeners = function (markers, listener) {
markers.forEach(function (marker) {
marker.listenerAdded = false;
google.maps.event.clearListeners(marker, listener);
});
};
var calculateRoute = function (locations, event) {
event.currentTarget.id = event.currentTarget.id ? event.currentTarget.id : event.target.id;
//show spinner and clear out details of previous route.
loadBlockerApi.showSpinner('calculateRoute');
clearRouteView();
currentRoutingTask = "";
$("#routePlannerDesc").hide();
//make sure text fields and markers are shown correctly.
waypointManager.setDetails();
//setupWaymarkers();
//get transit options if they exists
var options = {};
var transitOptions = {};
if (typeof TransitOptions !== 'undefined') {
if (event && event.currentTarget.id === 'generateWalkOnlyRouteBtn') {
TransitOptions.UpdateTransitOptions("WALK");
}
if (event && event.currentTarget.id === 'generateBicycleOnlyRouteBtn') {
TransitOptions.UpdateTransitOptions("BICYCLE");
}
if (event && event.currentTarget.id === 'generateTransitRouteBtn') {
TransitOptions.UpdateTransitOptionsFromDropDown();
}
transitOptions = TransitOptions.GetTransitOptions();
if (transitOptions.error) {
loadBlockerApi.hideSpinner('calculateRoute');
RoutePlannerStatus.updateStatus(transitOptions.errMsg, RoutePlannerStatus.StatusTypes.danger);
return;
}
else {
try {
transitOptions = JSON.stringify(transitOptions);
} catch (e) {
}
}
}
if ($('#avoidTollsCheckBox').length > 0) {
options.AvoidTolls = $('#avoidTollsCheckBox').is(':checked');
}
if ($('#avoidFerriesCheckBox').length > 0) {
options.AvoidFerries = $('#avoidFerriesCheckBox').is(':checked');
}
if (event.currentTarget.id != "") lastEventTargetId = event.currentTarget.id;
else event.currentTarget.id = lastEventTargetId;
// Drive + Transit Results
if (event && event.currentTarget.id === 'generateDriveTransitRouteBtn') {
transitOptions.travelMode = 'transit';
$(".waypointContainer").hide();
loadBlockerApi.hideSpinner('calculateRoute');
//always hide route name input and save button.
$('.routeName').toggle(false);
$('#btnSaveRoute').toggle(false);
//here we want to first zoom to their start location
map.setZoom(12);
map.panTo(new google.maps.LatLng(locations[0].point.latitude, locations[0].point.longitude));
//turn off all other layers + turn on transit Park&Ride layer
//then alert them to select a Park&Ride lot
updateStatus(resources.DriveTransitHelpText);
var parkAndRideLayers = resources.ParkAndRideLayers.split(",");
//appPublicApi.appHelper.iconManager.RefreshLayer("Transit", true)
var allParkAndRideMarkers = [];
parkAndRideLayers.forEach(function (l) {
$(document).on('layerRefreshed-iconsAdded.' + l, function (event, layer, addedMarkers) {
if (parkAndRideLayers.indexOf(layer) > -1) {
$(document).off('layerRefreshed-iconsAdded.' + layer);
var layer = appPublicApi.appHelper.iconManager.GetIconLayer(layer);
var markers = layer.GetIcons();
allParkAndRideMarkers = allParkAndRideMarkers.concat(markers);
markers.forEach(function (marker) {
if (!marker.listenerAdded) {
marker.listenerAdded = true;
var listener = marker.addListener('mouseup', function (e) {
waypointManager.getLocationArray().then((locations) => {
if (locationsInvalidHandling(locations)) {
clearRouteView();
clearMarkerListeners(allParkAndRideMarkers, 'mouseup');
loadBlockerApi.hideSpinner('calculateDriveTransitRoute');
} else {
//clearRouteView();
loadBlockerApi.showSpinner('calculateDriveTransitRoute');
var hubLocation = autoComplete.GetCustomSimplePlace(marker.title, null, e.latLng.lat(), e.latLng.lng(), false);
//We shouldn't be using waypoints so the last 3 parameters (waypoint related) should be zeroed
generateDriveRoute(locations, hubLocation, options, transitOptions);
//add class to fix padding issue when both route and transit are generated
$('#transitRouteResults').addClass('padFix');
clearMarkerListeners(allParkAndRideMarkers, 'mouseup');
}
});
});
}
});
}
});
});
enableLayers(parkAndRideLayers);
} else if (event && event.currentTarget.id === 'generateTransitRouteBtn') {
transitOptions.travelMode = 'transit';
generateTransitRoute(locations, transitOptions, false);
} else if (event && event.currentTarget.id === 'generateWalkOnlyRouteBtn') {
transitOptions.travelMode = 'walking';
generateTransitRoute(locations, transitOptions, false);
} else if (event && event.currentTarget.id === 'generateBicycleOnlyRouteBtn') {
transitOptions.travelMode = 'bicycling';
generateTransitRoute(locations, transitOptions, false);
} else {
//Driving Route
$('#transitRouteResults').hide();
if (currentDriveRoutes.length > 0) {
var current = currentDriveRoutes[curSelected];
generateDriveRoute(locations, false, options);
} else {
generateDriveRoute(locations, false, options);
}
}
};
var displayRoute = function (routeResults, isTransit, hubName) {
$("#routePlannerDesc").hide();
if (routeResults.length == 0) {
triggerRouteFailEvent();
let locations = waypointManager.getLocations();
updateStatus(locations.length <= 2 ? resources.RouteNotAvailable : resources.RouteNotAvailableWithWaypoints);
} else {
$(".waypointContainer").show();
// show route tabs
$('#routeTabs').show();
//trigger route generated event.
$(document).trigger('routeGenerated-routePlanner', [routeResults]);
// clear route view first in case the route is generated twice in some situations
clearRouteView(true);
//display each returned route.
for (var i = 0; i < routeResults.length; i++) {
addRouteTab(routeResults[i], i + 1, isTransit, hubName);
}
//make each route tab clickable.
$('#routeTabs a').click(function (e) {
e.preventDefault();
//show the tab.
$(this).tab('show');
//make route polyline active.
routePolyline.MakeActive($(this).attr('data-guids') + getGuids('#transitRouteTabs li.active a'));
});
//activate the first route and display results.
routePolyline.MakeActive($('#routeTabs a:first').attr('data-guids') + getGuids('#transitRouteTabs li.active a'));
$('#routeTabs a:first').tab('show');
$('#routeResults').show();
//set the scroll bar to top position
$('#routeResults').scrollTop(0);
if (routeResults[0].waypoints.length > 0) {
//fit map to first result.
mapFctns.fitMapToRoute(map, routeResults[0].waypoints);
}
// trigger event for listener to adjust route planner height (Routingshidebar.cshtml)
$('#routeResults').trigger('adjustRoutePlannerHeight');
//show layers if they are not already selected
enableLayers(routeResults[0].enableMapLayers);
//Close streetView
map.getStreetView().setVisible(false);
checkEventOnRoutePlanner();
$('#routeTabs a').on('shown.bs.tab', function () {
checkEventOnRoutePlanner();
});
}
};
//gets guids from a selector, it assumes that if the selector is found it will have an attibute 'data-guids'
//mainly used for drive + transit
//Returns an empty string if the selector does not find an object
function getGuids(selector) {
var activeTab = $(selector);
var otherGuids = '';
if (activeTab != null && activeTab.length && activeTab != this) {
otherGuids = ';' + activeTab.attr('data-guids');
}
return otherGuids;
}
var beforeDisplayRoute = function () {
// show route tabs
$('#routeTabs').show();
$('#routeResults').show();
$('#routeResults').scrollTop(0);
//Close streetView
map.getStreetView().setVisible(false);
// calculate route results height in mobile mode
if (Modernizr.mq('(max-width: 992px)')) {
$(document).trigger("BeforeDisplayRoute");
}
}
var displaySingleRoute = function (route, id, active) {
addRouteTab(route, id, false);
//make each route tab clickable.
$('#routeTabs a').click(function (e) {
e.preventDefault();
//show the tab.
$(this).tab('show');
curSelected = id - 1;
//make route polyline active.
routePolyline.MakeActive($(this).attr('data-guids'));
});
if (active) {
$('#routeTabs a:first').tab('show');
routePolyline.MakeActive($('#routeTabs a:first').attr('data-guids'));
if (route.waypoints.length > 0) {
//fit map to first result.
mapFctns.fitMapToRoute(map, route.waypoints);
}
//show layers if they are not already selected
enableLayers(route.enableMapLayers);
} else {
routePolyline.MakeActive(routePolyline.getActivePolylines());
}
$(document).trigger('routeGenerated-routePlanner', [currentDriveRoutes]);
}
var enableLayers = function (mapLayers) {
//iterate through layers to be enabled
for (var i in mapLayers) {
var checkBox = $('input[type=\'checkbox\'][data-layerid =' + mapLayers[i] + ']', $('#layerSelection'));
if (checkBox && checkBox[0] && !checkBox[0].checked) {
checkBox[0].click();
} else {
appPublicApi.appHelper.iconManager.RefreshLayer(mapLayers[i], true);
}
}
};
var addRouteTab = function (route, id, isTransit, hubName) {
//reference to route statistics.
var routeStats = route.statistics;
var useRouteClosureDisclaimer = resources.EnableRouteClosureDisclaimer == "True" && route.statistics.includesClosures;
var useRouteConditionDisclaimer = resources.EnableRouteConditionDisclaimer == "True" && route.statistics.includesRouteConditions;
var options = useRouteClosureDisclaimer ? { strokeColor: '#FF0000' } : null;
//add route polyline.
var guid = routePolyline.AddRoute(route.encodedPolyline, options, false, isTransit);
var fromLocation = '';
var endLocation = '';
if (route.waypoints.length > 1) {
fromLocation = route.waypoints[0].nameDirection;
endLocation = route.waypoints[route.waypoints.length - 1].nameDirection;
}
var withDisclaimerClass = useRouteClosureDisclaimer || useRouteConditionDisclaimer ? 'withDisclaimer' : '';
//Add the route tab. // We add transit to the beginning of the id so that we don't confuse the tabs when we do drive+transit
$('#routeTabs').append('
';
}
var text = '';
for (var i in cameras) {
text += linkCamerasFormat.replaceAll('{Name}', cameras[i].displayName).replaceAll('{Id}', cameras[i].id).replaceAll('{IconURL}', cameras[i].icon.url);
}
if (cameras.length > 1) {
var prepend = '
';
var append = '
';
text = prepend + text + append;
}
return text;
};
var linkEventsFormat = null;
var linkEventsHtml = function (events, tabId, rowId) {
//no events on this link.
if (!events || !events.length) {
return '';
}
//if format not yet built.
if (!linkEventsFormat) {
var format = '
';
format += '';
format += '
{heading}
';
format += '
';
format += '{text}';
format += '
';
//set class variable so we do not generate the format string each time.
linkEventsFormat = format;
}
//the text we will return.
var text = '';
for (var idx in events) {
var attrsText = '';
//build the attributes html.
for (var infoIdx in events[idx].orderedPiecesOfInfo) {
if (events[idx].orderedPiecesOfInfo[infoIdx].title == resources.Description) {
// remove extra spaces
var content = events[idx].orderedPiecesOfInfo[infoIdx].text.trim().replace(/\s\s+/g, ' ');
content = content.replace(" .", ".");
var modHtml = '
';
modHtml += content;
modHtml += '
';
attrsText += linkEventsFormat.replaceAll('{text}', modHtml);
}
}
//build the overall html.
text += attrsText.replaceAll('{iconUrl}',
events[idx].icon.url).replaceAll('{heading}',
events[idx].heading).replaceAll('{viewLink}',
events[idx].urlFriendlyName).replaceAll('{layerId}',
events[idx].urlFriendlyName + "-" + events[idx].id);
}
if (events.length > 1) {
var sectionId = events[0].id + tabId + rowId;
var prepend = '
';
var append = '
';
text = prepend + text + append;
}
return text;
};
var linkWtaHtml = function (conditions) {
if (!conditions || !conditions.length) {
return '';
}
var format = '
';
format += '
' + resources.RoadConditions + '
';
format += '
';
//var uniqueList = [...new Map(conditions.map(x => [x.id, x])).values()]; // IE 11 not supported
var uniqueList = conditions.reduce(function (result, e1) {
var matches = result.filter(function (e2) {
return e1.id == e2.id;
})
if (matches.length == 0)
result.push(e1)
return result;
}, []);
for (var i = 0; i < uniqueList.length; i++) {
format += '
' + uniqueList[i].statusName + '
';
}
format += '
';
format += '
';
return format;
};
var applyWTAStyling = function (conditions) {
var gradient = '';
if (conditions && conditions.length > 0) {
var step = Math.round(100 / conditions.length);
for (var i = 0; i < conditions.length; i++) {
var current = (step * i);
gradient += conditions[i].colour + ' ' + current + '%, ' + conditions[i].colour + ' ' + (current + step) + '%';
if ((i + 1) != conditions.length) {
gradient += ',';
}
else {
gradient += ', ' + conditions[i].colour + ' 100%'; //double up the last colour, this create a solid line if we only have 1 condition.
}
}
return 'class="instructionText" style ="border-style: solid; border-width: 5px; border-right: 0; margin-left: -15px; margin-top: -10px; margin-bottom: -10px; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; border-image: linear-gradient(to bottom, ' + gradient + ') 1 100%;"';
} else return 'class="instructionText"';
}
//reference to global updateStatus function.
var updateStatus = RoutePlannerStatus.updateStatus;
var isSameLocation = function (locations) {
//give nulls/undefined random values so they do not equal another null/undefined.
var sameLatLng = (locations[0].point.latitude || 'rand') == locations[locations.length - 1].point.latitude && (locations[0].point.longitude || 'rand') == locations[locations.length - 1].point.longitude;
var sameLinkId = (locations[0].linkId || 'rand') == locations[locations.length - 1].linkId;
return sameLatLng || sameLinkId;
};
//Sets the destination from a POI Id.
var setDestination = function (e, placeId) {
var simplePlace = autoComplete.GetSimplePlace(placeId);
if (simplePlace) {
waypointManager.setLocation(false, simplePlace, true);
}
};
publicItem.SetWaypoint = function (simplePlace, index, existingWaypoint) {
//we do +1 because index is the index of the polyline and we want the index of the waypoint
waypointManager.setWaypoint(simplePlace, Number(index) + 1, true, existingWaypoint);
};
//returns the active route tab index.
publicItem.getActiveRouteIndex = function () {
var dataId = $('#routeTabs li.active a').attr('data-id');
return isNaN(dataId) ? null : dataId - 1;
};
publicItem.getNameForSimplePlace = function (simplePlace, callback) {
waypointManager.getNameForSimplePlace(simplePlace, callback);
}
publicItem.displayRoutes = function (routes) {
//reset route planner.
resetRoutePlanner();
//if the destination is a POI set destination as POI instead of last link
if (routes[0].waypoints.length > 0) {
if (routes[0].waypoints[routes[0].waypoints.length - 1].poiId) {
setDestination(null, routes[0].waypoints[routes[0].waypoints.length].poiId);
waypointManager.setLocation(true, routes[0].waypoints[0], true);
} else {
waypointManager.setAllLocations(routes[0].waypoints);
}
}
//reset autocomplete for start and end location since all locations are reset by resetRoutePlanner
autoComplete.SetupAutoComplete('#startLocationText', waypointManager.getLocations()[0]);
autoComplete.SetupAutoComplete('#endLocationText', waypointManager.getLocations()[waypointManager.getLocations().length - 1]);
//display the route.
displayRoute(routes, false);
};
//display a calculated route.
publicItem.displayRoute = function (routeData) {
publicItem.displayRoutes([routeData], false);
};
publicItem.displayTransitRoute = function (routeData) {
resetRoutePlanner();
waypointManager.setStartEndPoint(new autoComplete.GetCustomSimplePlace(routeData.fromAddress, null, routeData.fromLat, routeData.fromLong, false), new autoComplete.GetCustomSimplePlace(routeData.toAddress, null, routeData.toLat, routeData.toLong, false));
waypointManager.getLocationArray().then((locations) => {
if (locationsInvalidHandling(locations)) {
clearRouteView();
} else {
generateTransitRoute(locations, routeData.options, false);
}
});
//Set route options
if (typeof TransitOptions !== 'undefined') TransitOptions.SetTransitOptions(routeData.options);
}
//ability to reset route planner.
publicItem.resetRoutePlanner = resetRoutePlanner;
publicItem.calculateRoute = function (mode) {
var event = {};
event.currentTarget = { id: mode };
event.target = { id: mode };
event.preventDefault = function () { };
routeRequested(event);
}
publicItem.clearLoationsWithoutPoints = function () {
waypointManager.clearLoationsWithoutPoints();
};
var checkIsEmptyWaypointTextbox = function () {
var inputWayPointTextbox = $(".waypointText:last");
var isEmpty = inputWayPointTextbox.html() != undefined && inputWayPointTextbox.val().length === 0;
return isEmpty;
}
var buildWaypoint = function (index, name, existingWaypoint) {
var html = '
' +
'
' +
'' +
'
' +
'' +
'
' +
'' + '
' +
'
' +
'
';
$("#waypoints").append(html);
$("#waypointText-" + index).val(name);
$("#deleteWaypoint-" + index).click(function () {
var index = $(this).data('wpid');
waypointManager.ClearWaypoint(index, null, true);
//publicItem.redrawWaypoints(false);
});
$('#setWaypointGeolocation-' + index).click(function () {
var index = $(this).data('wpid');
geolocation.AttemptToSetWaypointWithUsersGeolocation(index);
});
autoComplete.SetupAutoComplete('#waypointText-' + index, waypointManager.getLocations()[index], existingWaypoint);
}
publicItem.redrawWaypoints = function (name, isEmptyWaypoint) {
let locations = waypointManager.getLocations();
if (isEmptyWaypoint) {
var index = locations.length - 1; //we add to the end
waypointManager.addWaypoint(index);
buildWaypoint(index, name, false);
} else {
$("#waypoints").html('');
for (var i = 1; i < locations.length - 1; i++) {
buildWaypoint(i, locations[i].text, true);
}
}
};
publicItem.AddWaypointToPlanner = function (name, isEmptyWaypoint) {
//var index = locations == null ? 1 : locations.length - 1;
publicItem.redrawWaypoints(name, isEmptyWaypoint);
};
var printRouteDetails = function () {
var toPrint = $('#routeTabs').html();
var printDrive = toPrint.length > 0;
var transitPrint = $('#transitRouteResults').html();
var printTransit = transitPrint.length > 0;
if (!(printDrive || printTransit)) {
// display msg no route / transit detail generated if route is empty
updateStatus(resources.NoRouteDetailGenerated, RoutePlannerStatus.StatusTypes.danger);
} else {
//Finding which divs need to be printed
var itemsToPrint = (printDrive && printTransit ? '#routeTabContent div.active, #transitRouteResults' : printDrive ? '#routeTabContent div.active' : '#transitRouteResults');
$(itemsToPrint).printThis();
}
};
var checkQuerystringsForDestination = function () {
//Check for a placeId specified as the destination in the URL.
var placeId = $.QueryString['placeId'];
//Check for a destination text specified in the URL.
var destinationText = $.QueryString['destination'];
//placeId takes precedence over destination text.
if (placeId) {
setDestination(null, parseInt(placeId));
} else if (destinationText) {
//perform text search.
autoComplete.GetSimplePlaceByTextSearch(destinationText, function (simplePlace) {
if (simplePlace) {
//search yielded a result.
waypointManager.setLocation(false, simplePlace, true);
}
});
}
};
// on detecting User route dropdown, show link route icon
$(document).on('UserRouteDropDownVisible', function () {
$('.linkRoute').toggle(true);
});
//set all the locations and display them.
setAllLocations = function (newWaypoints) {
//specific things for the start and end locations
waypointManager.setStartEndPoint(newWaypoints[0], newWaypoints[newWaypoints.length - 1]);
//insert the waypoints that are not the start and end
for (var i = 1; i < newWaypoints.length - 1; ++i) {
buildWaypoint(i, '', false);
waypointManager.setWaypoint(newWaypoints[i], i, true, false);
}
};
var loadCachedRoute = function () {
var localRouteObj = localStorage.getItem('routeLocations');
if (localRouteObj) {
var routeObj = JSON.parse(localRouteObj);
setAllLocations(routeObj.locations);
if (routeObj.avoidToll) {
$("#avoidTollsCheckBox").prop("checked", true);
$("#routeOptions").click();
}
$('.myRouteBtn').trigger("click", {skipPtBSetup: true});
var cachedGenerateButton = localStorage.getItem('routeGenerateButton')
if (cachedGenerateButton === 'TRANSIT') {
$('#generateTransitRouteBtn').click()
} else if (cachedGenerateButton === 'DRIVETRANSIT') {
$('#generateDriveTransitRouteBtn').click()
} else if (cachedGenerateButton === 'WALK') {
$('#generateWalkOnlyRouteBtn').click()
} else if (cachedGenerateButton === 'CYCLE') {
$('#generateBicycleOnlyRouteBtn').click()
} else {
$('#generateRouteBtn').click()
}
// Only want this to load once
localStorage.removeItem('routeLocations');
}
}
var init = function () {
//generate route buttons and event handlers.
$('#generateRouteBtn').click(routeRequested);
$('#generateTransitRouteBtn').click(routeRequested);
$('#generateDriveTransitRouteBtn').click(routeRequested);
$('#generateWalkOnlyRouteBtn').click(routeRequested);
$('#generateBicycleOnlyRouteBtn').click(routeRequested);
$('#generateRouteBtn').submit(function (event) { event.preventDefault(); });
$('#generateTransitRouteBtn').submit(function (event) { event.preventDefault(); });
$('#generateWalkOnlyRouteBtn').submit(function (event) { event.preventDefault(); });
$('#generateBicycleOnlyRouteBtn').submit(function (event) { event.preventDefault(); });
$('#generateDriveTransitRouteBtn').submit(function (event) { event.preventDefault(); });
// if route is in url, don't load cache route
if (window.location.hash.indexOf("#route-") < 0) {
loadCachedRoute();
} else {
// remove local cache route
localStorage.removeItem('routeLocations');
}
//context menu clear route option.
$(document).on('resetRoutePlanner-contextMenu', resetRoutePlanner);
//Handle the event for setting route destination from venue tooltip.
//$(document).on('setVenueDestination.venueTooltip', function (e, poiId) {
// // Check to see if the route planner is closed, open if it is closed
// var isSideBarClosed = $('.showSideBar').css('display') == 'block';
// if (isSideBarClosed) {
// $('.showSideBar').trigger('click');
// }
// setDestination(e, poiId);
// //close modal tooltip in case it is open.
// bootbox.closeMapPageDialog();
//});
$(document).on('setCarpoolDestination.carpoolTooltip', function (e, longitude, latitude, label, poiId) {
// Check to see if the route planner is closed, open if it is closed
var isSideBarClosed = $('.showSideBar').css('display') == 'block';
if (isSideBarClosed) {
$('.showSideBar').trigger('click');
}
var lat = latitude / 1000000.0;
var lng = longitude / 1000000.0;
//Sometimes Oracle stores these with an extra decimal place that we need to take into account.
if (lat < -90 || lat > 90) {
lat = lat / 10.0;
}
if (lng < -180 || lng > 180) {
lng = lng / 10.0;
}
waypointManager.setLocation(false, autoComplete.GetCustomSimplePlace(label, null, lat, lng, false), true);
//close modal tooltip in case it is open.
bootbox.closeMapPageDialog();
});
//clear url hash on clear route button clicked or transit route requested.
$(document).on('clearRouteButtonClicked.routeSave', urlHash.clearHash);
//clear route button.
$('#clearRouteBtn').click(function () {
resetRoutePlanner();
$(document).trigger('clearRouteButtonClicked');
$('.clearLocateBtn').trigger("click");
});
$(document).on("clearUserRouteTrigger", function () {
$('#clearRouteBtn').trigger("click");
});
//Swap Locations (Start and End) button
$('#swapLocationsBtn').click(function (event) {
//switch texts
var tempStart = $('#startLocationText').val();
$('#startLocationText').val($('#endLocationText').val());
$('#endLocationText').val(tempStart);
//switch start and end locations
waypointManager.swapStartEnd();
//switch markers
waypointManager.setDetails();
if (resources.AutoGenerateDriveRoute === "True") {
//if both locatiosn exists regenerate the route with reversed start and end points
waypointManager.getLocationArray().then((locations) => {
if (locations != null) {
routeRequested(event);
}
});
}
});
//check query strings for route destination.
checkQuerystringsForDestination();
// print route details button click event handler
$('.printRoute').click(printRouteDetails);
$('.printRoute').bind('keydown', function (e) {
if (e.keyCode == 13) {
printRouteDetails();
}
});
if ($('#routeNotificationAlert').length > 0) {
$(".createRouteAlert .close").on("click", function () {
$(".createRouteAlert").hide();
});
}
//Set start to geolocation button and do not pan to
$('#setStartGeolocation').click(function () {
geolocation.AttemptToSetLocationWithUsersGeolocation(true, true);
});
//Set start to geolocation button and do not pan to
$('#setEndGeolocation').click(function () {
geolocation.AttemptToSetLocationWithUsersGeolocation(false, true);
});
$('#addWaypointBtn').click(function () {
var isEmptyWaypointTextbox = checkIsEmptyWaypointTextbox();
if (!isEmptyWaypointTextbox) {
publicItem.AddWaypointToPlanner(null, true);
}
});
$(document).on("checkEventOnRoutePlanner", checkEventOnRoutePlanner);
};
// called on load and resize
function checkEventOnRoutePlanner(evt, windowResize) {
var routeLinkEvents = evt ? $(evt).parent().find(".routeLinkEvent") :
$(".routeTab:visible .routeLinkEvent");
routeLinkEvents.each(function () {
var box = $(this).find(".shorten")[0];
var showMoreLink = $(this).find(".showMore");
if (windowResize == "windowResize") {
if ($(box).hasClass("expanded")) {
$(box).removeClass("expanded");
}
if (showMoreLink) {
showMoreLink.remove();
}
}
//add a show more button only if needed based on height and it hasn't been added already
if (box && box.clientHeight < box.scrollHeight && !box.nextElementSibling) {
$(this).find(".text").append("");
}
});
}
$(document).ready(init);
return publicItem;
};
$(document).on('appInitComplete', function (event, appPublicApi, options) {
// init atis context menu.
var contextMenuHelper;
if (resources.DisplayLocationsInContextMenu == "true") {
contextMenuHelper = new AtisContextMenu(appPublicApi.map, options);
} else {
contextMenuHelper = new NewAtisContextMenu(appPublicApi, options);
}
var contextMenu = new ContextMenu(appPublicApi.map, contextMenuHelper);
// init route planner
var routePlanner = new RoutePlanner(appPublicApi, contextMenu, options);
// init user route planner (save, edit).
var userRoutePlanner = new UserRoutePlanner(routePlanner);
$(document).trigger('hashChanged-urlHash');
});
/*
extraPoi is an empty array or an array of objects with the
following design.
{
poiId: idValue,
latLng: [ latValue, lngValue ],
label: nameValue
}
*/
var RoutePlannerAutocomplete = function (map, options, extraPois) {
var publicItem = {};
//if extra pois passed in.
if (extraPois) {
$(extraPois).each(function (index, obj) { obj.isGoogle = false; });
}
//south-west and north-east lat, lng pair which defines the boundaries of the area we are interested in.
var swBounds = new google.maps.LatLng(options.RoutingModel.MapBottomLeftBounds.Latitude, options.RoutingModel.MapBottomLeftBounds.Longitude);
var neBounds = new google.maps.LatLng(options.RoutingModel.MapTopRightBounds.Latitude, options.RoutingModel.MapTopRightBounds.Longitude);
//google auto-complete boundaries.
var autoCompleteBounds = new google.maps.LatLngBounds(swBounds, neBounds);
//init google auto-complete service.
var googleService = new google.maps.places.AutocompleteService();
//google places object.
var googlePlacesService = new google.maps.places.PlacesService(map);
var autocompleteFilter = function (googleResults, term) {
//first only match poi whose labels start with term.
var matcher = new RegExp('^' + $.ui.autocomplete.escapeRegex(term), 'i');
var firstPois = $.grep(extraPois, function (value) {
return matcher.test(value.label);
});
/*
concat extra pois with google auto complete results
*/
return firstPois.concat(googleResults);
};
publicItem.GetLocationDetails = function (location) {
if (location.point && location.point.name == location.text) {
return new Promise((resolve, reject) => {
resolve(location.point);
});
}
return publicItem.autoCompleteSource(location,location.text)
.then((autocomplete) => {
if (autocomplete.length) {
var selcetedLocation = autocomplete[0];
location.poiId = selcetedLocation.poiId;
location.text = selcetedLocation.label;
$(location.selector).val(location.text);
return publicItem.GetGoogleLocaition(location)
.then(details => {
location.point = details;
return details;
});
}
});
};
publicItem.GetGoogleLocaition = function (location) {
var googleSerivcePromise = new Promise((resolve, reject) => {
if (!location.poiId) {
reject("invalid poiId");
}
googlePlacesService.getDetails({
placeId: location.poiId,
fields: ['address_component,adr_address,alt_id,formatted_address,geometry,icon,id,name,place_id,plus_code,scope,type,url,utc_offset,vicinity'],
sessionToken: location.token
}, (place, status) => {
location.token = new google.maps.places.AutocompleteSessionToken();
if (status !== google.maps.places.PlacesServiceStatus.OK) {
reject(status);
return;
}
place.formatted_address = location.text;
resolve(convertGooglePlaceResultToSimplePlaceResult(place));
});
});
return googleSerivcePromise;
}
publicItem.selectHandler = function (e, ui) {
var location = this;
location.poiId = ui.item.poiId;
location.isGoogle = true;
location.text = ui.item.label;
publicItem.GetGoogleLocaition(location)
.then(
details => {
location.point = details;
$(document).trigger('locationSelected-autocomplete', location);
}
);
};
publicItem.autoCompleteSource = function (location,input) {
//var location =
var input = (input || location.text || '').trim();
if (!input || input.length < resources.AutoCompleteNumCharacters) {
//why not return empty here???;
return Promise.resolve($.ui.autocomplete.filter(extraPois, input));
}
//if session token is not created or expired
if (location.token == null || location.tokenCreatedTime == null || location.tokenCreatedTime < new Date(Date.now() - 180000)) {
location.token = new google.maps.places.AutocompleteSessionToken();
location.tokenCreatedTime = Date.now();
}
var settings = {
input: input, bounds: autoCompleteBounds, componentRestrictions:
{ country: options.RoutingModel.AutoCompleteCountryCode.split(',') }, sessionToken: location.token
};
// get google prediction
return googleService.getPlacePredictions(settings)
.then((response) => {
googleResults = convertGooglePlaceResultsToJqueryUiAutoCompleteFilterArray(response.predictions);
var autocomplete = autocompleteFilter(googleResults, input);
return autocomplete;
});
};
publicItem.appendGoogleLogoToAutocompleteResults = function (event, ui) {
$('ul.ui-autocomplete.ui-menu').append($('
' + resources.RoadConditions + '