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

Show pool condition and address on review page

Browse source
This commit is contained in:
Eli Ribble 2026-03-10 16:35:53 +00:00
parent fb8ee96b21
commit a9c0c56e7c
No known key found for this signature in database
1 changed files with 21 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

35
html/template/sync/review/pool.html
View file

@ -8,6 +8,12 @@
></script>
<script defer src="//unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script>
function formatAddress(a) {
if (a.number == "" && a.street == "") {
return "no address provided";
}
return a.number + " " + a.street + ", " + a.locality;
}
function reviewApp() {
return {
// State
@ -81,11 +87,13 @@
console.error("Error fetching tasks:", err);
} finally {
this.loading = false;
console.log("set loading", this.loading);
}
},
// Select a task
selectTask(task) {
console.log("Selected task", task);
this.selectedTask = task;
// Populate form with task values
@ -335,16 +343,14 @@
>
<div class="d-flex justify-content-between align-items-start">
<div>
<strong>Entry #<span x-text="task.id"></span></strong>
<i class="bi bi-droplet"></i>
<strong>Pool <span x-text="task.id"></span></strong>
</div>
<small
class="text-muted"
x-text="formatRelativeTime(task.createdAt)"
></small>
<small class="text-muted" x-text="task.condition"></small>
</div>
<small
class="text-muted d-block mt-1"
x-text="task.shortAddress || task.address"
x-text="formatAddress(task.address)"
></small>
</div>
</template>
@ -353,15 +359,16 @@
<!-- Middle Column - Details and Media -->
<div class="col-md-6 p-0 middle-panel">
<!-- No Selection State -->
<div
x-show="!selectedTask && !loading"
class="h-100 d-flex align-items-center justify-content-center text-muted"
>
<div class="text-center">
<i class="bi bi-cursor-fill" style="font-size: 48px;"></i>
<p class="mt-2">Select an entry from the list to review</p>
<template x-show="selectedTask == null">
<div
class="h-100 d-flex align-items-center justify-content-center text-muted"
>
<div class="text-center">
<i class="bi bi-cursor-fill" style="font-size: 48px;"></i>
<p class="mt-2">Select an entry from the list to review</p>
</div>
</div>
</div>
</template>
<!-- Selected Task Details -->
<div x-show="selectedTask">