site-libsoc/Server/app/svelte/public/js/communes.js

export let communes = [
    {
        location: [["Canada","Montreal"],[45.55541047232767, -73.42859611607271]],
        status: "forming",
        members: 2,
        contact: ["https://discord.gg/Qk8KUk787z","DiscordInviteLink"]
    },
    {
        location: [["Denmark"],[55.915625218626275, 9.673445220831253]],
        status: "forming",
        members: 1,
        contact: ["https://discord.gg/Qk8KUk787z","DiscordInviteLink"]
    },
    {
        location: [["Estonia","KohtlaJarve"],[59.409521829709504, 27.288415912535914]],
        status: "forming",
        members: 2,
        contact: ["https://discord.gg/Qk8KUk787z","DiscordInviteLink"]
    },
    {
        location: [["Latvia"],[56.934159375258055, 25.269099001330265]],
        status: "forming",
        members: 1,
        contact: ["https://discord.gg/Qk8KUk787z","DiscordInviteLink"]
    }
]

export let communesByCountry = {}
for (let c of communes) {
    let country = c.location[0][0]
    if (country in communesByCountry) {
        communesByCountry[country].push(c)
    }
    else {
        communesByCountry[country] = [c]
    }
}

export let communesMarkersLayer = L.layerGroup()

export function addMarkersCommunes(map,content) {
    for (let g of communes) {
        let coordinates
        let text = "<b>"+content["Commune"]+"</b><br>"
        for (let field in g) {
            let fieldText = content[field] + ": "
            if (field=="contact") {
                text += fieldText + "<a href='" + g.contact[0] + "' target='_blank' rel=noreferrer>" + content[g.contact[1]]+ "</a>"
            }
            else if (field=="location") {
                let location = g[field][0]
                let locationString = location.map(x => content[x]).join(", ")
                text += fieldText + locationString + "<br>"
                coordinates = g[field][1]
            }
            else if (field=="status") {
                text += fieldText + content[g[field]] + "<br>"
            }
            else {
                text += fieldText + g[field] + "<br>"
            }
        }
        var markerIcon = new L.Icon({
            iconUrl: 'https://www.libsoc.org/img/common/markers/marker-red.png',
            shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
            iconSize: [25, 41],
            iconAnchor: [12, 41],
            popupAnchor: [1, -34],
            shadowSize: [41, 41]
        });
        let marker = L.marker(coordinates, {icon: markerIcon})
        marker.addTo(communesMarkersLayer).bindPopup(text)
    }
    communesMarkersLayer.addTo(map)
}