{"version":3,"names":[],"mappings":"","sources":["locations.js"],"sourcesContent":["if ($('#map').length) {\r\n /* Custom Scrollbar */\r\n $('.scrollbar-light').scrollbar();\r\n\r\n /*\r\n Categories:\r\n FCS = California Coast Branches\r\n ESC = Shared Branches\r\n ATMSF = ATM Surcharge Free\r\n ATMDP = ATM Accept Deposits\r\n */\r\n\r\n window.onload = function () {\r\n\r\n //Global Variables\r\n var extmap,\r\n latLng,\r\n //userpin,\r\n lat = 33.1347205, //Default\r\n long = -117.1050825, //Default\r\n markers = [],\r\n bounds,\r\n mapCenterLat = 33.1347205,\r\n mapCenterLng = -117.1049967,\r\n hours,\r\n setHours,\r\n zoomLevel = 11,\r\n locFilters = 'FCS ESC ATMSF ATMDP',\r\n infoWindow = new google.maps.InfoWindow();\r\n\r\n //Browser GeoLocation on Page Load\r\n function onPositionReceived(position) {\r\n lat = position.coords['latitude'];\r\n long = position.coords['longitude'];\r\n console.log(\"user position: \" + lat, long);\r\n\r\n latLng = new google.maps.LatLng(lat, long);\r\n\r\n extmap.setCenter(latLng);\r\n\r\n //Update Map Bounds and Map Center\r\n userLocMapBounds(extmap);\r\n\r\n locFilters = 'FCS ESC ATMSF ATMDP';\r\n\r\n //Locations Data\r\n getData();\r\n }\r\n\r\n //Autocomplete location\r\n var input = document.getElementById('enterCurrentLoc');\r\n var autocomplete = new google.maps.places.Autocomplete(input);\r\n\r\n // Check to see if the browser supports the GeoLocation API.\r\n if (navigator.geolocation) {\r\n // Get user location\r\n navigator.geolocation.getCurrentPosition(onPositionReceived);\r\n } else {\r\n // Print out a message to the user.\r\n console.log('Your browser does not support GeoLocation');\r\n }\r\n\r\n //Map Bounds\r\n function userLocMapBounds(extmap) {\r\n //Map Bounds\r\n bounds = extmap.getBounds();\r\n\r\n //Map Center\r\n mapCenterLat = extmap.getCenter().lat();\r\n mapCenterLng = extmap.getCenter().lng();\r\n }\r\n\r\n //Google Init Map\r\n function initMap(latLng) {\r\n // Set map options\r\n var mapOptions = {\r\n zoom: zoomLevel,\r\n center: {\r\n lat: lat,\r\n lng: long\r\n },\r\n disableDefaultUI: true,\r\n zoomControl: true,\r\n panControl: true,\r\n streetViewControl: false,\r\n rotateControl: true\r\n };\r\n\r\n // Create the map\r\n extmap = new google.maps.Map(document.getElementById('map'), mapOptions);\r\n\r\n //Locations Data\r\n getData();\r\n\r\n //Panning map bounds\r\n mapBounds();\r\n\r\n //WCGA Map Updates\r\n google.maps.event.addListenerOnce(extmap, 'tilesloaded', function () {\r\n setTimeout(function () {\r\n $('.gm-style > div').removeAttr('tabindex');\r\n }, 2000);\r\n $('.gm-style').find('iframe').attr('title', 'Google Interactive Map');\r\n });\r\n\r\n }\r\n initMap();\r\n\r\n //Get Map Bounds on Drag\r\n function mapBounds() {\r\n //Find the new map bounds only when panning / zooming stopped\r\n google.maps.event.addListener(extmap, 'dragend', function () {\r\n //Map Bounds & Center\r\n userLocMapBounds(extmap);\r\n\r\n //Delete all markers\r\n deleteMarkers();\r\n\r\n //Get new data\r\n getData();\r\n });\r\n }\r\n\r\n //Get Data\r\n function getData() {\r\n\r\n let URL = 'https://mobileapi.locatorsearch.com/LocatorSearchAPI.asmx/FindLocations?UserName=39514221&Password=39514221-D8C2-4684-84D9-D5F66E308913&AddressLine=&City=&State=&PostalCode=&Country=&Latitude=' + mapCenterLat + '&Longitude=' + mapCenterLng + '&Type=' + locFilters + '&Offset=25';\r\n\r\n $.ajax({\r\n type: \"get\",\r\n url: URL,\r\n dataType: \"xml\",\r\n success: function (data) {\r\n /* handle data here */\r\n $(\".loc-list \").empty();\r\n\r\n console.log(data);\r\n\r\n $(data).find('locations location').each(function () {\r\n let locID = $(this).find('attribute[key=\"LocationID\"]').text();\r\n let iconType = $(this).find('attribute[key=\"MapIcon\"]').text();\r\n let locType = $(this).find('attribute[key=\"LocationType\"]').text();\r\n let locTitle = $(this).find('attribute[key=\"LocationName\"]').text();\r\n let surcharge = $(this).find('attribute[key=\"SurchargeFree\"]').text();\r\n let deposit = $(this).find('attribute[key=\"AcceptDeposit\"]').text();\r\n let locAddress = $(this).find('address street').text();\r\n let locCity = $(this).find('address city').text();\r\n let locState = $(this).find('address state').text();\r\n let locZip = $(this).find('address zip').text();\r\n let locDistance = $(this).attr('distance');\r\n\r\n // Get Lat/Lng for each location\r\n let latitude = $(this).find('attribute[key=\"Latitude\"]').text();\r\n let longitude = $(this).find('attribute[key=\"Longitude\"]').text();\r\n latLng = new google.maps.LatLng(latitude, longitude);\r\n\r\n if (iconType == '1.png') {\r\n if (deposit == 'Deposit Taking') {\r\n iconType = '1.png';\r\n } else {\r\n iconType = '2.png';\r\n }\r\n }\r\n\r\n var marker = new google.maps.Marker({\r\n position: latLng, //set coords\r\n title: locTitle, //set title\r\n icon: \"/Static/dist/images/\" + iconType, //set the custom marker\r\n category: locType,\r\n id: locID,\r\n });\r\n\r\n //Set markers to the map\r\n marker.setMap(extmap);\r\n ;\r\n //Add markers to markers array so we can keep track\r\n markers.push(marker);\r\n\r\n (function (marker, data) {\r\n google.maps.event.addListener(marker, \"click\", function (e) {\r\n var mkpos = marker.getPosition();\r\n infoWindow.setContent('

' +\r\n '

' + locType + '

' +\r\n '

' + locTitle + '

' +\r\n '

' +\r\n locAddress + '
' +\r\n locCity + ', ' + locState + ' ' + locZip +\r\n '

' +\r\n '

' +\r\n 'Branch Hours
' +\r\n //'

' + data.hours.replace(/\\\\n/g, '
') + '

' +\r\n '

' +\r\n //'

' + data.distance.toFixed() + 'mi

' +\r\n 'Get Directions' +\r\n '

' +\r\n '

');\r\n infoWindow.open(extmap, marker);\r\n\r\n });\r\n })(marker, data);\r\n\r\n $(\"ul.loc-list\").append('

' +\r\n '

' + locType + '

' +\r\n '

' + locTitle + '

' +\r\n //$(this).find('attribute[key=\"MapIcon\"]').text() +\r\n '

' + locAddress + '
' + locCity + ' ' + locState + ' ' + locZip + '

' +\r\n '

' +\r\n '' + locDistance + '' + ' miles | Directions' +\r\n '

' +\r\n '

');\r\n\r\n if (locFilters === 'FCS') {\r\n extmap.setZoom(9);\r\n }\r\n\r\n //Close open infowindow\r\n google.maps.event.addListener(extmap, 'click', function () {\r\n infoWindow.close();\r\n });\r\n });\r\n },\r\n error: function (xhr, status) {\r\n /* handle error here */\r\n console.log('something went wrong');\r\n }\r\n });\r\n }\r\n\r\n //Entering Address in text field and updating user location\r\n $('#getLocation').on('click', function (e) {\r\n getLocation(e);\r\n });\r\n\r\n $('#enterCurrentLoc').on('keypress', function (e) {\r\n if (e.which == 13) {\r\n getLocation(e);\r\n }\r\n });\r\n\r\n var getLocation = function (e) {\r\n var startingLocation = $('#enterCurrentLoc').val(),\r\n location = $('#enterCurrentLoc').attr('id');\r\n\r\n if (startingLocation == '') {\r\n $('#' + location + '-error').show();\r\n e.preventDefault();\r\n } else {\r\n $('#' + location + '-error').hide();\r\n $.ajax({\r\n url: \"https://maps.googleapis.com/maps/api/geocode/json?address=\" + decodeURIComponent(startingLocation) + \"&key=AIzaSyCpwflbT5FtylsEWlrPlTfra8riEijEY1c&libraries=geometry,places\",\r\n type: 'GET'\r\n }).done(function (data) {\r\n lat = data.results[0].geometry.location.lat;\r\n long = data.results[0].geometry.location.lng;\r\n //Reset GoogleMaps Cords\r\n latLng = new google.maps.LatLng(lat, long);\r\n //Center Map to New Location\r\n extmap.setCenter(latLng);\r\n\r\n //Map Bounds & Center\r\n userLocMapBounds(extmap);\r\n\r\n extmap.setZoom(zoomLevel);\r\n\r\n locFilters = 'FCS ESC ATMDP ATMSF';\r\n\r\n //Get Data\r\n getData(locFilters);\r\n\r\n });\r\n };\r\n };\r\n\r\n //Filter Map and HTML List based on selected radio button\r\n var $radios = $('input[name=location_option]').change(function () {\r\n var locationsFilters = [];\r\n $.each($(\"input[name='location_option']:checked\"), function () {\r\n locationsFilters.push($(this).val());\r\n });\r\n //console.log(\"My favourite sports are: \" + locationsFilters.join(\", \"));\r\n\r\n locFilters = locationsFilters.join(\", \");\r\n console.log(locFilters);\r\n\r\n if (locationsFilters.length === 0) {\r\n locFilters = 'FCS ESC ATMDP ATMSF';\r\n extmap.setZoom(zoomLevel);\r\n }\r\n\r\n //Delete all markers\r\n deleteMarkers();\r\n //Run the new Data\r\n getData();\r\n\r\n });\r\n\r\n //Open infowindow from matching HTML link\r\n var locInfo = $('.loc-list');\r\n $(locInfo).on('click', '> *', function () {\r\n\r\n // get link data-title\r\n var titleToFind = $(this).attr('id');\r\n\r\n // find map marker in markers array with the same title\r\n var markerToClick;\r\n $.each(markers, function (i, marker) {\r\n if (marker.id == titleToFind) {\r\n markerToClick = markers[i];\r\n }\r\n });\r\n\r\n new google.maps.event.trigger(markerToClick, 'click');\r\n });\r\n\r\n // Sets the map on all markers in the array.\r\n function setMapOnAll(map) {\r\n for (var i = 0; i < markers.length; i++) {\r\n markers[i].setMap(map);\r\n }\r\n }\r\n\r\n // Removes the markers from the map, but keeps them in the array.\r\n function clearMarkers() {\r\n setMapOnAll(null);\r\n }\r\n\r\n // Deletes all markers in the array by removing references to them.\r\n function deleteMarkers() {\r\n clearMarkers();\r\n markers = [];\r\n }\r\n\r\n }\r\n\r\n}\r\n"],"file":"locations.js"}