Add photo information showing the EXIF data

This commit is contained in:
Eli Ribble 2026-03-09 19:32:19 +00:00
parent 808d6fb273
commit d3f554db92
No known key found for this signature in database

View file

@ -855,11 +855,40 @@
<template
x-if="selectedCommunication && selectedCommunication.public_report.images"
>
<img
:src="selectedCommunication.public_report.images[currentPhotoIndex].url_content"
class="img-fluid rounded"
style="max-height: 60vh;"
/>
<div>
<img
:src="selectedCommunication.public_report.images[currentPhotoIndex].url_content"
class="img-fluid rounded"
style="max-height: 60vh;"
/>
<!-- EXIF Data Section -->
<div class="mt-4 pt-3 border-top text-start">
<h6 class="text-muted mb-3">Photo Information</h6>
<div class="row g-3">
<div class="col-md-4">
<small class="text-muted d-block">Date Taken</small>
<span
x-text="selectedCommunication.public_report.images[currentPhotoIndex].exif?.created || 'N/A'"
></span>
</div>
<div class="col-md-4">
<small class="text-muted d-block">Camera</small>
<span
x-text="(selectedCommunication.public_report.images[currentPhotoIndex].exif?.make || '') + ' ' + (selectedCommunication.public_report.images[currentPhotoIndex].exif?.model || '') || 'N/A'"
></span>
</div>
<div class="col-md-4">
<small class="text-muted d-block"
>Distance from Reporter</small
>
<span
x-text="selectedCommunication.public_report.images[currentPhotoIndex].exif?.distance_from_reporter || 'N/A'"
></span>
</div>
</div>
</div>
</div>
</template>
</div>
<div class="modal-footer justify-content-between">