diff --git a/templates/P4N/index.html b/templates/P4N/index.html
index 3b5b3706..37f7d9fb 100644
--- a/templates/P4N/index.html
+++ b/templates/P4N/index.html
@@ -33,6 +33,9 @@
overflow: hidden;
z-index: 2; /* Ensure the rolling text is above the map */
}
+ .leaflet-popup-content {
+ font-size: 16px; /* Adjust the font size as needed */
+ }
@@ -126,7 +129,7 @@ axios.get('./wallets.json')
// Iterate through wallet data
walletPlaces.forEach(place => {
- const { geoPoint, title, description, socials, pubkey } = place;
+ const { geoPoint, title, description, socials, pubkey, isMember } = place;
const { lat, lon } = geoPoint;
// Add a marker with a FontAwesome icon
@@ -143,12 +146,20 @@ axios.get('./wallets.json')
// Check if socials is defined
if (socials && socials.length > 0) {
- popupContent += `WWW
`;
+ popupContent += `
WWW
`;
}
- popupContent += `
* Cesium`;
- popupContent += `
* Gchange`;
- popupContent += `
* + TW +`;
+ if (isMember) {
+ // Member ID
+ popupContent += `
* Forgeron`;
+ } else {
+ // Merchant ID
+ popupContent += `
* Gchange`;
+ popupContent += `
* Cesium`;
+ popupContent += `
* + TW +`;
+ }
+
+ popupContent += `
* Route`;
// Bind popup to the marker
marker.bindPopup(popupContent);
@@ -176,8 +187,9 @@ axios.get('./p4n.json')
${description}
Services: ${services.join(', ')}
Activities: ${activities.join(', ')}
- Zoom In
- `;
+ * Zoom
+ * Route
+ `;
// Bind popup to the marker
marker.bindPopup(popupContent);