{"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('<div class=\"loc-infowindow\">' +\r\n                                    '<div class=\"loc-type\">' + locType + '</div>' +\r\n                                    '<div class=\"loc-title\">' + locTitle + '</div>' +\r\n                                    '<div class=\"loc-address\">' +\r\n                                    locAddress + '<br/>' +\r\n                                    locCity + ', ' + locState + ' ' + locZip +\r\n                                    '</div>' +\r\n                                    '<div class=\"loc-hours\" style=\"display: none;\">' +\r\n                                    '<strong>Branch Hours</strong><br>' +\r\n                                    //'<div style=\"whitespace:pre\">' + data.hours.replace(/\\\\n/g, '<br />') + '</div>' +\r\n                                    '</div>' +\r\n                                    '<div class=\"loc-directions\">' +\r\n                                    //'<div class=\"distance\">' + data.distance.toFixed() + 'mi</div>' +\r\n                                    '<a class=\"external-google\" href=\"http://maps.google.com/?daddr=' + locAddress + ' ' + locCity + ' ' + locState + ' ' + locZip + '\" target=\"_blank\" aria-label=\"Get directions to the ' + locTitle + ' branch\">Get Directions</a>' +\r\n                                    '</div>' +\r\n                                    '</div>');\r\n                                infoWindow.open(extmap, marker);\r\n\r\n                            });\r\n                        })(marker, data);\r\n\r\n                        $(\"ul.loc-list\").append('<li id=\"' + locID + '\">' +\r\n                            '<div class=\"loc-list-left\">' +\r\n                            '<div class=\"icon\"><img src=\"/static/dist/images/' + iconType + '\" /></div>' +\r\n                            '<div class=\"loc-type\">' + locType + '</div>' +\r\n                            '<div class=\"loc-title\">' + locTitle + '</div>' +\r\n                            //$(this).find('attribute[key=\"MapIcon\"]').text() +\r\n                            '<p>' + locAddress + '<br>' + locCity + ' ' + locState + ' ' + locZip + '</p>' +\r\n                            '</div>' +\r\n                            '<div class=\"loc-list-right\">' +\r\n                            '<strong>' + locDistance + '</strong>' + ' miles | <a href=\"http://maps.google.com/?daddr=' + locAddress + ' ' + locCity + ' ' + locState + ' ' + locZip + '\" target=\"_blank\" aria-label=\"Get directions to the ' + locTitle + ' branch\">Directions</a>' +\r\n                            '</div>' +\r\n                            '</li>');\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"}