Make submit page read from model values

This commit is contained in:
Eli Ribble 2026-04-09 22:29:42 +00:00
parent 79a56c2d20
commit a4a9662c94
No known key found for this signature in database

View file

@ -111,8 +111,8 @@
<div class="summary-section"> <div class="summary-section">
<h3><i class="bi bi-geo-alt"></i> Property Address</h3> <h3><i class="bi bi-geo-alt"></i> Property Address</h3>
<div class="summary-item"> <div class="summary-item">
<div class="summary-value" v-if="compliance.locator?.address.raw"> <div class="summary-value" v-if="modelValue.locator?.address.raw">
{{ compliance.locator.address.raw }} {{ modelValue.locator.address.raw }}
<span class="status-badge status-provided ms-2"> <span class="status-badge status-provided ms-2">
<i class="bi bi-check-circle"></i> Provided <i class="bi bi-check-circle"></i> Provided
</span> </span>
@ -130,10 +130,10 @@
<h3><i class="bi bi-camera"></i> Photos</h3> <h3><i class="bi bi-camera"></i> Photos</h3>
<div class="summary-item"> <div class="summary-item">
<div class="summary-value"> <div class="summary-value">
<span class="photo-count" v-if="compliance.images.length > 0"> <span class="photo-count" v-if="modelValue.images.length > 0">
<i class="bi bi-images"></i> <i class="bi bi-images"></i>
{{ compliance.images.length }} photo{{ {{ modelValue.images.length }} photo{{
compliance.images.length > 1 ? "s" : "" modelValue.images.length > 1 ? "s" : ""
}} }}
uploaded uploaded
</span> </span>
@ -141,9 +141,9 @@
<i class="bi bi-x-circle"></i> Not Provided <i class="bi bi-x-circle"></i> Not Provided
</span> </span>
</div> </div>
<div class="summary-value mt-2" v-if="compliance.comments"> <div class="summary-value mt-2" v-if="modelValue.comments">
<div class="summary-label">Comments:</div> <div class="summary-label">Comments:</div>
<small class="text-muted">{{ compliance.comments }}</small> <small class="text-muted">{{ modelValue.comments }}</small>
</div> </div>
</div> </div>
</div> </div>
@ -155,7 +155,7 @@
<div class="summary-value"> <div class="summary-value">
<span <span
class="status-badge status-provided" class="status-badge status-provided"
v-if="compliance.permission?.access == PermissionAccess.GRANTED" v-if="modelValue.permission?.access == PermissionAccess.GRANTED"
> >
<i class="bi bi-check-circle"></i> Entry permitted without owner <i class="bi bi-check-circle"></i> Entry permitted without owner
present present
@ -163,7 +163,7 @@
<span <span
class="status-badge status-provided" class="status-badge status-provided"
v-else-if=" v-else-if="
compliance.permission?.access == PermissionAccess.WITH_OWNER modelValue.permission?.access == PermissionAccess.WITH_OWNER
" "
> >
<i class="bi bi-check-circle"></i> Entry permitted with owner <i class="bi bi-check-circle"></i> Entry permitted with owner
@ -172,7 +172,7 @@
<span <span
class="status-badge status-not-provided" class="status-badge status-not-provided"
v-else-if=" v-else-if="
compliance.permission?.access == PermissionAccess.DENIED modelValue.permission?.access == PermissionAccess.DENIED
" "
> >
<i class="bi bi-x-circle"></i> Entry denied <i class="bi bi-x-circle"></i> Entry denied
@ -189,8 +189,8 @@
<h3><i class="bi bi-person"></i> Contact Information</h3> <h3><i class="bi bi-person"></i> Contact Information</h3>
<div class="summary-item"> <div class="summary-item">
<div class="summary-label">Name</div> <div class="summary-label">Name</div>
<div class="summary-value" v-if="compliance.contact?.name"> <div class="summary-value" v-if="modelValue.contact?.name">
{{ compliance.contact.name }} {{ modelValue.contact.name }}
</div> </div>
<div class="summary-value status-badge status-not-provided" v-else> <div class="summary-value status-badge status-not-provided" v-else>
<i class="bi bi-x-circle"></i> Not provided <i class="bi bi-x-circle"></i> Not provided
@ -198,9 +198,9 @@
</div> </div>
<div class="summary-item"> <div class="summary-item">
<div class="summary-label">Phone</div> <div class="summary-label">Phone</div>
<div class="summary-value" v-if="compliance.contact?.phone"> <div class="summary-value" v-if="modelValue.contact?.phone">
{{ compliance.contact.phone }} {{ modelValue.contact.phone }}
<small class="text-muted" v-if="compliance.contact?.can_text" <small class="text-muted" v-if="modelValue.contact?.can_text"
>(texting OK)</small >(texting OK)</small
> >
</div> </div>
@ -210,8 +210,8 @@
</div> </div>
<div class="summary-item"> <div class="summary-item">
<div class="summary-label">Email</div> <div class="summary-label">Email</div>
<div class="summary-value" v-if="compliance.contact?.email"> <div class="summary-value" v-if="modelValue.contact?.email">
{{ compliance.contact?.email }} {{ modelValue.contact?.email }}
</div> </div>
<div class="summary-value status-badge status-not-provided" v-else> <div class="summary-value status-badge status-not-provided" v-else>
<i class="bi bi-x-circle"></i> Not provided <i class="bi bi-x-circle"></i> Not provided
@ -251,7 +251,7 @@ interface Emits {
(e: "doSubmit"): void; (e: "doSubmit"): void;
} }
interface Props { interface Props {
compliance: Compliance; modelValue: Compliance;
district: District; district: District;
} }
const emit = defineEmits<Emits>(); const emit = defineEmits<Emits>();