{"version":3,"sources":["assets/src/modules/ElcaWhereToFindUs/js/ElcaWhereToFindUs.js"],"names":["let","StableCountryList","map","tileMapLayer","L","tileLayer","provider","mapOptions","customCircleMarker","CircleMarker","extend","options","country","center","zoom","searchContactsByCountry","$","ajax","url","data","type","success","result","deserializeListContacts","error","alert","searchPartialCountry","finalCountryList","i","length","name","toLowerCase","includes","push","$htmlSelection","htmlFinal","empty","html","addCountriesToMap","contactsString","siteId","attr","imagesSourcePath","locatorImageSource","phoneImageSource","technicalImageSource","assistantImageSource","contacts","JSON","parse","contactusButtonText","val","technicalSupport","customerCare","FirmName","Address1","Address2","Address3","Phone","PhoneTechnical","PhoneCustomer","addContactsToMap","displaySearchText","activate","css","onMarkerClick","e","target","countryList","remove","addLayer","markerAddOptions","markerAdd","markerOptions","radius","opacity","color","fill","fillOpacity","marker","lat","lon","on","addTo","nc","tooltip","permanent","direction","className","setContent","toString","setLatLng","contactList","parseFloat","Lat","Lon","removeLeafletTooltipClass","removeClass","document","ready","querySelector","whereToFindUsObserver","IntersectionObserver","entries","isIntersecting","getStableCountryList","unobserve","threshold","observe","body","this","text","contactusButtonLink","location","href","window","resize","width"],"mappings":"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","file":"ElcaWhereToFindUs.js","sourcesContent":["let StableCountryList;\r\nvar map;\r\n\r\nvar tileMapLayer = L.tileLayer.provider('CartoDB.VoyagerLabelsUnder');\r\n//var tileMapLayer = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');\r\n\r\ncustomCircleMarker = L.CircleMarker.extend({\r\n    options: {\r\n        country: 'countrydefault'\r\n    }\r\n});\r\n\r\nvar mapOptions = {\r\n    center: [22.93151, 8.072205],\r\n    zoom: 3\r\n}\r\n\r\n\r\n\r\n$(document).ready(function () {\r\n    const onIntersection = (entries, whereToFindUsObserver) => {\r\n        for (const { isIntersecting, target } of entries) {\r\n            if (isIntersecting) {\r\n                StableCountryList = getStableCountryList();\r\n                displaySearchText(true);\r\n                addCountriesToMap(mapOptions, StableCountryList);\r\n                whereToFindUsObserver.unobserve(target);\r\n                \r\n            }\r\n        }\r\n    };\r\n\r\n    const options = {\r\n        //root: $(\"#mi-corpo-wheretofindus\"),\r\n        threshold: [0.1]\r\n    };\r\n\r\n    /**\r\n     * Select the demo element, create an observer and start observing the demo element.\r\n     */\r\n    let target = document.querySelector('#mi-corpo-wheretofindus');\r\n    const whereToFindUsObserver = new IntersectionObserver(onIntersection, options);\r\n\r\n    whereToFindUsObserver.observe(target);\r\n  \r\n    \r\n    $(\"#mi-corpo-wheretofindus-search\").on('input',function () {\r\n        var partialCountry = $(\"#mi-corpo-wheretofindus-search\").val();\r\n        searchPartialCountry(partialCountry);\r\n    });\r\n\r\n\r\n    $(document.body).on('click', \".mi-corpo-wheretofindus-country-item\", function () {\r\n        var country = $(this).text();\r\n        searchContactsByCountry(country);\r\n        displaySearchText(false);\r\n\r\n    });\r\n\r\n    $(document.body).on('click', \"#mi-corpo-wheretofindus-arrowback-button\", function () {\r\n        searchPartialCountry();\r\n        displaySearchText(true);\r\n    });\r\n\r\n    $(document.body).on('click', \".mi-corpo-wheretofindus-contactus-button\", function () {\r\n        var contactusButtonLink = $(\"#mi-corpo-wheretofindus-contactus-button-link\").val();\r\n        location.href = contactusButtonLink;\r\n    });\r\n\r\n});\r\n\r\nfunction searchContactsByCountry(country) {\r\n    var options = {\r\n        url: \"/elcawheretofindus/searchContactsByCountry\",\r\n        data: \"country=\" + country,\r\n        type: \"PUT\",\r\n        success: function (result) {\r\n            deserializeListContacts(result);\r\n        },\r\n        error: function () {\r\n            alert(\"Error loading the countries.\");\r\n        }\r\n    };\r\n    return $.ajax(options);\r\n\r\n}\r\n\r\nfunction searchPartialCountry(country) {\r\n    var finalCountryList = [];\r\n\r\n    for (let i = 0; i < StableCountryList.length; i++) {\r\n        if (country == null || country == \"\") {\r\n            finalCountryList.push(StableCountryList[i]);\r\n        }\r\n        else if (StableCountryList[i].name.toLowerCase().includes(country.toLowerCase())) {\r\n            finalCountryList.push(StableCountryList[i]);\r\n        }\r\n    }\r\n\r\n    var $htmlSelection = $(\".mi-corpo-wheretofindus-list\");\r\n    var htmlFinal=\"\";\r\n    $htmlSelection.empty();\r\n    for (i = 0; i < finalCountryList.length; i++) {\r\n        var html = '<div class=\"row col-12 mi-corpo-wheretofindus-country\"><div class=\"col-10 mi-corpo-wheretofindus-country-item\">' + finalCountryList[i].name + '</div><div class=\"col-2\"><i class=\"mi-corpo-wheretofindus-country-arrow\"></i></div></div>';\r\n        htmlFinal += html;\r\n    }\r\n\r\n    $htmlSelection.html(htmlFinal);\r\n    addCountriesToMap(mapOptions, StableCountryList);\r\n\r\n\r\n}\r\n\r\nfunction deserializeListContacts(contactsString) {\r\n\r\n    const siteId = $('html').attr('data-site-id');\r\n\r\n    const imagesSourcePath = '/ResourcePackages/BootStrap4MI/assets/dist/sprites/';\r\n    const locatorImageSource = imagesSourcePath + siteId + '-locator.svg';\r\n    const phoneImageSource = imagesSourcePath + siteId + '-phone.svg';\r\n    const technicalImageSource = imagesSourcePath + siteId + '-technical.svg';\r\n    const assistantImageSource = imagesSourcePath + siteId + '-assistant.svg';\r\n\r\n    let contacts = JSON.parse(contactsString);\r\n    let contactusButtonText = $(\"#mi-corpo-wheretofindus-contactus-text\").val();\r\n    let technicalSupport = $(\"#mi-corpo-wheretofindus-technicalsupport\").val();\r\n    let customerCare = $(\"#mi-corpo-wheretofindus-customercare\").val();\r\n\r\n    var $htmlSelection = $(\".mi-corpo-wheretofindus-list\");\r\n    $htmlSelection.empty();\r\n    let htmlFinal = \"\";\r\n\r\n    for (i = 0; i < contacts.length; i++) {\r\n        let html = '<div class=\"row col-12 mi-corpo-wheretofindus-contact\">' +\r\n            '<div class=\"row col-12 mi-corpo-wheretofindus-contact-name\">' + (i + 1) + '.' + contacts[i].FirmName + '</div>' +\r\n            '<div class=\"row col-12 mi-corpo-wheretofindus-contact-address\"><img class=\"mi-corpo-wheretofindus-contact-icon\" src=\"' + locatorImageSource + '\">' + contacts[i].Address1 + \" \" + contacts[i].Address2 + \" \" + contacts[i].Address3 + '</div>' +\r\n            '<div class=\"row col-12 mi-corpo-wheretofindus-contact-phone\"><img class=\"mi-corpo-wheretofindus-contact-icon\" src=\"' + phoneImageSource + '\">' + contacts[i].Phone + '</div>';\r\n        if (contacts[i].PhoneTechnical != null & contacts[i].PhoneTechnical != \"\") {\r\n            html += '<div class=\"row col-12 mi-corpo-wheretofindus-contact-phonetitle\">' + technicalSupport + '</div><div class=\"row col-12 mi-corpo-wheretofindus-contact-phonesupport\"><img class=\"mi-corpo-wheretofindus-contact-icon\" src=\"' + technicalImageSource + '\">' + contacts[i].PhoneTechnical + '</div>';\r\n        }\r\n        if (contacts[i].PhoneCustomer != null & contacts[i].PhoneCustomer != \"\") {\r\n            html += '<div class=\"row col-12 mi-corpo-wheretofindus-contact-phonetitle\">' + customerCare + '</div><div class=\"row col-12 mi-corpo-wheretofindus-contact-phonecustomer\"><img class=\"mi-corpo-wheretofindus-contact-icon\" src=\"' + assistantImageSource + '\">' + contacts[i].PhoneCustomer + '</div>';\r\n        }\r\n        html += '<div class=\"row col-12 mi-corpo-wheretofindus-contact-button\"><button class=\"mi-corpo-wheretofindus-contactus-button\">' + contactusButtonText + '<i class=\"mi-corpo-vertical-align-middle material-icons mi-corpo-wheretofindus-buttonarrow\" style=\"font-size: 16px;\">arrow_forward</i></button></div>';\r\n        html += '</div > ';\r\n            \r\n        htmlFinal += html;\r\n    }\r\n    $htmlSelection.html(htmlFinal);\r\n    addContactsToMap(contacts)\r\n}\r\n\r\nfunction displaySearchText(activate) {\r\n    if (activate == true) {\r\n        $('#mi-corpo-wheretofindus-search').css('display', 'inline');\r\n        $('.mi-corpo-wheretofindus-search-container-icon').css('display', 'inline');\r\n        $('#mi-corpo-wheretofindus-arrowback-button').css('display', 'none');\r\n\r\n    }\r\n    else{\r\n        $('#mi-corpo-wheretofindus-search').css('display', 'none');\r\n        $('.mi-corpo-wheretofindus-search-container-icon').css('display', 'none');\r\n        $('#mi-corpo-wheretofindus-arrowback-button').css('display', 'block');\r\n    }\r\n}\r\n\r\nfunction onMarkerClick(e) {\r\n    searchContactsByCountry(e.target.options.country);\r\n    displaySearchText(false);\r\n}\r\n\r\n\r\nfunction addCountriesToMap(mapOptions, countryList) {\r\n    if (map) {\r\n        map.remove();\r\n    }\r\n    \r\n    map = new L.map('mi-corpo-wheretofindus-map', mapOptions);\r\n    map.addLayer(tileMapLayer);\r\n\r\n    for (var i = 0; i < countryList.length; i++) {\r\n        var markerOptions = { radius: 17, opacity: 1, color: \"var(--primary-color-01)\", fill: true, fillOpacity: 1, country: countryList[i].name };\r\n        var marker = new customCircleMarker([countryList[i].lat, countryList[i].lon], markerOptions);\r\n        marker.on('click', onMarkerClick);\r\n        marker.addTo(map);\r\n        if (countryList[i].nc > 1) {\r\n            if (countryList[i].nc > 1) {\r\n                var markerAddOptions = { radius: 27, opacity: 0, color: \"var(--primary-color-01)\", fill: true, fillOpacity: 0.5, country: countryList[i].name};\r\n                var markerAdd = new customCircleMarker([countryList[i].lat, countryList[i].lon], markerAddOptions);\r\n                markerAdd.on('click', onMarkerClick);\r\n                markerAdd.addTo(map);\r\n            }\r\n            \r\n            if (countryList[i].nc > 2) {\r\n                var markerAddOptions = { radius: 37, opacity: 0, color: \"var(--primary-color-01)\", fill: true, fillOpacity: 0.1, country: countryList[i].name};\r\n                var markerAdd = new customCircleMarker([countryList[i].lat, countryList[i].lon], markerAddOptions);\r\n                markerAdd.on('click', onMarkerClick);\r\n                markerAdd.addTo(map);\r\n            }\r\n            \r\n        }\r\n        var tooltip = new L.tooltip({\r\n            permanent: true,\r\n            direction: 'center',\r\n            className: 'mi-corpo-wheretofindus-circlemarker-text'\r\n        }).setContent(countryList[i].nc.toString()).setLatLng([countryList[i].lat, countryList[i].lon]);\r\n        tooltip.addTo(map);\r\n\r\n    }\r\n\r\n}\r\n\r\nfunction addContactsToMap(contactList) {\r\n    \r\n\r\n    for (var i = 0; i < contactList.length; i++) {\r\n        if (i == 0) {\r\n            var mapOptions = {\r\n                center: [parseFloat(contactList[i].Lat), parseFloat(contactList[i].Lon)],\r\n                zoom: 5\r\n            }\r\n            map.remove();\r\n            map = new L.map('mi-corpo-wheretofindus-map', mapOptions);\r\n            \r\n            map.addLayer(tileMapLayer);\r\n        }\r\n        var marker = new L.marker([parseFloat(contactList[i].Lat), parseFloat(contactList[i].Lon)]);\r\n        marker.addTo(map);\r\n        var tooltip = new L.tooltip({\r\n            permanent: true,\r\n            direction: 'center',\r\n            className: 'mi-corpo-wheretofindus-marker-text'\r\n        }).setContent((i + 1).toString()).setLatLng([contactList[i].Lat, contactList[i].Lon]);\r\n        tooltip.addTo(map);\r\n    }\r\n\r\n}\r\n\r\nfunction removeLeafletTooltipClass() {\r\n    $(\".mi-corpo-wheretofindus-circlemarker-text\").removeClass(\"leaflet-tooltip\");\r\n    $(\".mi-corpo-wheretofindus-marker-text\").removeClass(\"leaflet-tooltip\");\r\n\r\n}\r\n\r\n\r\n$(window).resize(function () {\r\n\r\n    if ($(window).width() <= 750) {\r\n        $('#mi-corpo-wheretofindus-map').css('display', 'none');\r\n    }\r\n    else {\r\n        $('#mi-corpo-wheretofindus-map').css('display', 'block');\r\n    }\r\n\r\n});\r\n\r\n"]}