will/the-villages-import
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

show removed and properties properly

Browse Source
This commit is contained in:
Will Bradley
2025-12-02 15:38:55 -08:00
parent 05fefc6ed0
commit 6f5cf83a56
1 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app.js
+14 -11
View File
@@ -93,7 +93,7 @@ function diffStyle(feature) {
}; };
} }
const isRemoved = feature.properties && feature.properties.removed === true; const isRemoved = feature.properties && (feature.properties.removed === true || feature.properties.removed === 'True');
return { return {
color: isRemoved ? '#dc3545' : '#28a745', color: isRemoved ? '#dc3545' : '#28a745',
weight: 3, weight: 3,
@@ -191,21 +191,24 @@ function selectFeature(feature, layer, e) {
// Create popup near the clicked location // Create popup near the clicked location
const props = feature.properties || {}; const props = feature.properties || {};
const isRemoved = props.removed === true; const isRemoved = props.removed === true || props.removed === 'True';
const isAccepted = acceptedFeatures.has(feature); const isAccepted = acceptedFeatures.has(feature);
const isRejected = rejectedFeatures.has(feature); const isRejected = rejectedFeatures.has(feature);
let html = '<div style="font-size: 12px;">'; let html = '<div style="font-size: 12px; max-height: 400px; overflow-y: auto;">';
html += `<div><strong>Status:</strong> ${isRemoved ? 'Removed' : 'Added/Modified'}</div>`; html += `<div style="margin-bottom: 8px;"><strong>Status:</strong> ${isRemoved ? 'Removed' : 'Added/Modified'}</div>`;
if (props.name) { // Display all non-null properties
html += `<div><strong>Name:</strong> ${props.name}</div>`; const displayProps = Object.entries(props)
.filter(([key, value]) => value !== null && value !== undefined && key !== 'removed')
.sort(([a], [b]) => a.localeCompare(b));
if (displayProps.length > 0) {
html += '<div style="font-size: 11px;">';
for (const [key, value] of displayProps) {
html += `<div style="margin: 2px 0;"><strong>${key}:</strong> ${value}</div>`;
} }
if (props.highway) { html += '</div>';
html += `<div><strong>Highway:</strong> ${props.highway}</div>`;
}
if (props.service) {
html += `<div><strong>Service:</strong> ${props.service}</div>`;
} }
if (isAccepted) { if (isAccepted) {