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

Move communication to have more width for details.

Browse source
This commit is contained in:
Eli Ribble 2026-03-06 22:44:11 +00:00
parent 228379a8a6
commit 6081781a5f
No known key found for this signature in database
1 changed files with 35 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -461,35 +461,36 @@
:class="{ 'active': selectedReport && selectedReport.id === report.id }"
@click="selectReport(report)"
>
<div class="d-flex align-items-start">
<div class="me-3">
<!-- First row: icon, type badge, and time -->
<div
class="d-flex justify-content-between align-items-center mb-2"
>
<div class="d-flex align-items-center">
<template x-if="report.type === 'nuisance'">
<i
class="bi bi-exclamation-triangle-fill icon-nuisance fs-4"
class="bi bi-exclamation-triangle-fill icon-nuisance fs-4 me-2"
></i>
</template>
<template x-if="report.type === 'standing_water'">
<i
class="bi bi-droplet-fill icon-standing-water fs-4"
class="bi bi-droplet-fill icon-standing-water fs-4 me-2"
></i>
</template>
</div>
<div class="flex-grow-1">
<div
class="d-flex justify-content-between align-items-center"
>
<span
class="badge"
:class="report.type === 'nuisance' ? 'bg-danger' : 'bg-info'"
x-text="report.type === 'nuisance' ? 'Nuisance' : 'Standing Water'"
>
</span>
></span>
</div>
<small
class="text-muted"
x-text="getRelativeTime(report.createdAt)"
></small>
</div>
<div class="mt-1">
<!-- Details section: full width -->
<div>
<div>
<i class="bi bi-geo-alt text-muted"></i>
<span x-text="report.zipCode" class="fw-medium"></span>
</div>
@ -497,19 +498,16 @@
class="text-muted"
x-text="report.address.substring(0, 30) + '...'"
></small>
<template x-if="report.photos && report.photos.length > 0">
<div class="mt-1">
<template
x-if="report.photos && report.photos.length > 0"
>
<small class="text-muted">
<i class="bi bi-camera"></i>
<span x-text="report.photos.length"></span> photo(s)
</small>
</div>
</template>
</div>
</div>
</div>
</div>
</template>
</div>