diff --git a/main.css b/main.css index 9d6501c..90ab97e 100644 --- a/main.css +++ b/main.css @@ -26,3 +26,15 @@ body { .map-popup .leaflet-popup-content p { @apply m-0 mb-1; } + +li.contact-email::marker { + content: "📧"; +} + +li.contact-phone::marker { + content: "☎"; +} + +li.contact-website::marker { + content: "🌐"; +} diff --git a/ts/map.ts b/ts/map.ts index 598fa37..0400347 100644 --- a/ts/map.ts +++ b/ts/map.ts @@ -9,13 +9,28 @@ import supportImage from "../assets/support.svg"; import { DEFAULT_ZOOM_LEVEL, ICON_SIZE, MAX_ZOOM_LEVEL, MIN_ZOOM_LEVEL } from "./config"; import { loadJSON as loadData } from "./data"; +type OrgEmail = { + label: string; + email: string; +}; + +type OrgPhone = { + label: string; + phone: string; +}; + +type OrgWebsite = { + label: string; + url: string; +}; + type Organisation = { country: string; state: string; name: string; - email?: string; - website?: string; - phone?: string; + emails: OrgEmail[]; + websites: OrgWebsite[]; + phones: OrgPhone[]; location: { address?: string; lon: number; @@ -117,9 +132,15 @@ const buildContent = (o: Organisation): string => {
${o.location.address ?? "auf Nachfrage"}
`; if (o.activities && o.activities !== "")