Large update to geo-coding functions in order to support better matching of street addresses. Added premium mapbox option

This commit is contained in:
2025-09-25 11:28:51 -06:00
parent f35a1f4be5
commit 37ca9f76d2
7 changed files with 1467 additions and 99 deletions

View File

@@ -1,6 +1,72 @@
/* Data Conversion Interface Styles */
/* CSV upload, processing, and results preview components */
/* Geocoding Provider Status */
.geocoding-status-container {
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 6px;
padding: 15px;
}
.provider-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 10px;
}
.provider-item {
display: flex;
align-items: center;
gap: 5px;
padding: 5px 10px;
border-radius: 4px;
font-size: 14px;
background: white;
border: 1px solid #e9ecef;
}
.provider-item.provider-available {
border-color: #28a745;
background: #f8fff9;
}
.provider-item.provider-unavailable {
border-color: #dc3545;
background: #fff8f8;
opacity: 0.7;
}
.provider-premium {
background: #ffc107;
color: #212529;
font-size: 11px;
padding: 1px 4px;
border-radius: 3px;
font-weight: bold;
}
.provider-note {
margin-top: 10px;
padding: 10px;
background: #e8f4fd;
border: 1px solid #b8daff;
border-radius: 4px;
font-size: 13px;
}
.provider-note ul {
margin: 5px 0 0 20px;
}
.provider-note code {
background: #f8f9fa;
padding: 2px 4px;
border-radius: 3px;
font-family: monospace;
}
.data-convert-container {
display: flex;
flex-direction: column;
@@ -192,11 +258,55 @@
animation: slideIn 0.3s ease-out;
}
.result-warning {
background: #fff3cd;
border-left: 4px solid #ffc107;
animation: slideIn 0.3s ease-out;
}
.result-error {
background: #f8d7da;
animation: slideIn 0.3s ease-out;
}
/* Status icons */
.status-icon {
font-weight: bold;
padding: 2px 6px;
border-radius: 3px;
font-size: 12px;
}
.status-icon.success {
background: #d1e7dd;
color: #0f5132;
}
.status-icon.warning {
background: #fff3cd;
color: #664d03;
}
.status-icon.error {
background: #f8d7da;
color: #721c24;
}
/* Custom markers for warnings */
.custom-marker {
display: flex;
align-items: center;
justify-content: center;
}
.warning-marker {
filter: drop-shadow(0 2px 4px rgba(255, 193, 7, 0.4));
}
.success-marker {
filter: drop-shadow(0 2px 4px rgba(40, 167, 69, 0.4));
}
.error-message {
color: #721c24;
font-style: italic;