Gleipnir/nidus-sync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make display of distances avoid long decimals

Browse source
This commit is contained in:
Eli Ribble 2026-03-10 04:58:43 +00:00
parent 8bbe3d3cb3
commit a2b8e8f7c7
No known key found for this signature in database
1 changed files with 28 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

38
html/template/sync/communication-root.html
View file

@ -26,6 +26,24 @@
} }
return a.number + " " + a.street + ", " + a.locality; return a.number + " " + a.street + ", " + a.locality;
} }
function formatDistance(meters) {
if (meters == undefined || meters == null) {
return "unknown";
}
if (meters < 1) {
// Convert to millimeters
const mm = Math.round(meters * 1000);
return `${mm} mm`;
} else if (meters >= 1000) {
// Convert to kilometers
const km = Math.round(meters / 1000);
return `${km} km`;
} else {
// Keep in meters
const m = Math.round(meters);
return `${m} m`;
}
}
function communicationsApp() { function communicationsApp() {
return { return {
apiBase: "/api", apiBase: "/api",
@ -72,7 +90,7 @@
"https://via.placeholder.com/400x300/cccccc/666666?text=Photo+1", "https://via.placeholder.com/400x300/cccccc/666666?text=Photo+1",
"https://via.placeholder.com/400x300/cccccc/666666?text=Photo+2", "https://via.placeholder.com/400x300/cccccc/666666?text=Photo+2",
], ],
activityLog: [ history: [
{ {
action: "Report created", action: "Report created",
timestamp: new Date(Date.now() - 2 * 60 * 60 * 1000), timestamp: new Date(Date.now() - 2 * 60 * 60 * 1000),
@ -176,10 +194,10 @@
); );
// Add to activity log // Add to activity log
if (!this.selectedCommunication.activityLog) { if (!this.selectedCommunication.history) {
this.selectedCommunication.activityLog = []; this.selectedCommunication.history = [];
} }
this.selectedCommunication.activityLog.push({ this.selectedCommunication.history.push({
action: "Lead created", action: "Lead created",
timestamp: new Date(), timestamp: new Date(),
}); });
@ -229,10 +247,10 @@
console.log("Message:", this.messageText); console.log("Message:", this.messageText);
// Add to activity log // Add to activity log
if (!this.selectedCommunication.activityLog) { if (!this.selectedCommunication.history) {
this.selectedCommunication.activityLog = []; this.selectedCommunication.history = [];
} }
this.selectedCommunication.activityLog.push({ this.selectedCommunication.history.push({
action: "Message sent to reporter", action: "Message sent to reporter",
timestamp: new Date(), timestamp: new Date(),
}); });
@ -824,7 +842,7 @@
<h6><i class="bi bi-clock-history"></i> Activity Log</h6> <h6><i class="bi bi-clock-history"></i> Activity Log</h6>
<div class="small"> <div class="small">
<template <template
x-for="activity in selectedCommunication.activityLog || []" x-for="activity in selectedCommunication.history || []"
:key="activity.timestamp" :key="activity.timestamp"
> >
<div class="border-start border-2 ps-2 mb-2"> <div class="border-start border-2 ps-2 mb-2">
@ -836,7 +854,7 @@
</div> </div>
</template> </template>
<template <template
x-if="!selectedCommunication.activityLog || selectedCommunication.activityLog.length === 0" x-if="!selectedCommunication.history || selectedCommunication.history.length === 0"
> >
<div class="text-muted">No activity yet</div> <div class="text-muted">No activity yet</div>
</template> </template>
@ -904,7 +922,7 @@
>Distance from Reporter</small >Distance from Reporter</small
> >
<span <span
x-text="selectedCommunication.public_report.images[currentPhotoIndex].distance_from_reporter_meters || 'N/A'" x-text="formatDistance(selectedCommunication.public_report.images[currentPhotoIndex].distance_from_reporter_meters)"
></span> ></span>
</div> </div>
</div> </div>