From 2091cf76cfa67d37dc8f058cc62d0aa1050eef3c Mon Sep 17 00:00:00 2001
From: secondl1ght <85003930+secondl1ght@users.noreply.github.com>
Date: Tue, 25 Oct 2022 18:38:02 -0600
Subject: format locations map popup

---
 src/components/LocationsMap.svelte | 67 +++++++++++++++++++-------------------
 1 file changed, 33 insertions(+), 34 deletions(-)

(limited to 'src')

diff --git a/src/components/LocationsMap.svelte b/src/components/LocationsMap.svelte
index 34821745..b3be164f 100644
--- a/src/components/LocationsMap.svelte
+++ b/src/components/LocationsMap.svelte
@@ -108,38 +108,38 @@
 
 				let marker = L.marker([location.lat, location.lon]);
 
-				marker.bindPopup(`${
-					location.tags && location.tags.name
-						? `<span class='block'>${location.tags.name}</span>`
-						: ''
-				}
+				marker.bindPopup(
+					`${
+						location.tags && location.tags.name
+							? `<span class='block'>${location.tags.name}</span>`
+							: ''
+					}
+
+          <span class='block'>${location.tags && checkAddress(location.tags)}</span>
+
+          ${
+						location.tags && location.tags.phone
+							? `<a href='tel:${location.tags.phone}' class='block'>${location.tags.phone}</a>`
+							: ''
+					}
+
+          ${
+						location.tags && location.tags.website
+							? `<a href=${location.tags.website} target="_blank" rel="noreferrer" class='block'>${location.tags.website}</a>`
+							: ''
+					}
 
-                <span class='block'>${location.tags && checkAddress(location.tags)}</span>
-
-
-                  ${
-										location.tags && location.tags.phone
-											? `<a href='tel:${location.tags.phone}' class='block'>${location.tags.phone}</a>`
-											: ''
-									}
-
-                  ${
-										location.tags && location.tags.website
-											? `<a href=${location.tags.website} target="_blank" rel="noreferrer" class='block'>${location.tags.website}</a>`
-											: ''
-									}
-
-					        ${
-										location.tags && location.tags['contact:twitter']
-											? `<a href=${
-													location.tags['contact:twitter'].startsWith('http')
-														? location.tags['contact:twitter']
-														: `https://twitter.com/${location.tags['contact:twitter']}`
-											  } target="_blank" rel="noreferrer" class='block'>TWT: ${
-													location.tags['contact:twitter']
-											  }</a>`
-											: ''
-									}
+					${
+						location.tags && location.tags['contact:twitter']
+							? `<a href=${
+									location.tags['contact:twitter'].startsWith('http')
+										? location.tags['contact:twitter']
+										: `https://twitter.com/${location.tags['contact:twitter']}`
+							  } target="_blank" rel="noreferrer" class='block'>TWT: ${
+									location.tags['contact:twitter']
+							  }</a>`
+							: ''
+					}
 
 	        ${
 						location.tags && location.tags['contact:instagram']
@@ -175,9 +175,8 @@
 									location.tags['contact:linkedin']
 							  }</a>`
 							: ''
-					}
-
-`);
+					}`
+				);
 				markers.addLayer(marker);
 			});
 
-- 
cgit v1.2.3