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

export let communities = [
    {
        location: [{
            en: "Estonia, Kohtla-Järve",
            ru: "Эстония, Кохтла-Ярве"
        },
        [59.409521829709504, 27.288415912535914]],
        status: {
            en: "forming",
            ru: "формируется"
        },
        members: 2,
        contact: ["https://chat.whatsapp.com/BhnmUNljUxJ2AjeHUwyTKh",
            {
                en: "WhatsApp invite link",
                ru: "WhatsApp ссылка"
            }]
    }
]

export function addMarkersCommunities(map,content,locale) {
    for (let g of communities) {
        let coordinates
        let text = ""
        for (let field in g) {
            let fieldText = content[field] + ": "
            if (field=="contact") {
                text += fieldText + "<a href='" + g.contact[0] + "' target='_blank' rel=noreferrer>" + g.contact[1][locale[0]] + "</a>"
            }
            else if (field=="location") {
                text += fieldText + g[field][0][locale[0]] + "<br>"
                coordinates = g[field][1]
            }
            else if (field=="status") {
                text += fieldText + g[field][locale[0]] + "<br>"
            }
            else {
                text += fieldText + g[field] + "<br>"
            }
        }
        var greenIcon = new L.Icon({
            iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-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: greenIcon})
        marker.addTo(map).bindPopup(text)
    }
}