Fix display of types on comms page

This commit is contained in:
Eli Ribble 2026-03-18 19:26:49 +00:00
parent d03ae73285
commit bf99e0ce2e
No known key found for this signature in database

View file

@ -358,18 +358,18 @@
class="d-flex justify-content-between align-items-center mb-2" class="d-flex justify-content-between align-items-center mb-2"
> >
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<template x-if="comm.type === 'nuisance'"> <template x-if="comm.type === 'publicreport.nuisance'">
<i class="bi fs-4 me-2">{{ template "mosquito.svg" }}</i> <i class="bi fs-4 me-2">{{ template "mosquito.svg" }}</i>
</template> </template>
<template x-if="comm.type === 'standing_water'"> <template x-if="comm.type === 'publicreport.water'">
<i <i
class="bi bi-droplet-fill icon-standing-water fs-4 me-2" class="bi bi-droplet-fill icon-standing-water fs-4 me-2"
></i> ></i>
</template> </template>
<span <span
class="badge" class="badge"
:class="comm.type === 'nuisance' ? 'bg-danger' : 'bg-info'" :class="comm.type === 'publicreport.nuisance' ? 'bg-danger' : 'bg-info'"
x-text="comm.type === 'nuisance' ? 'Nuisance' : 'Standing Water'" x-text="comm.type === 'publicreport.nuisance' ? 'Nuisance' : 'Standing Water'"
></span> ></span>
</div> </div>
<small <small
@ -447,7 +447,7 @@
<div> <div>
<h5 class="mb-1"> <h5 class="mb-1">
<template <template
x-if="selectedCommunication.type === 'nuisance'" x-if="selectedCommunication.type === 'publicreport.nuisance'"
> >
<span <span
><i class="bi icon-nuisance" ><i class="bi icon-nuisance"
@ -457,7 +457,7 @@
> >
</template> </template>
<template <template
x-if="selectedCommunication.type === 'standing_water'" x-if="selectedCommunication.type === 'publicreport.water'"
> >
<span <span
><i ><i
@ -523,7 +523,9 @@
</div> </div>
<!-- Nuisance-specific Fields --> <!-- Nuisance-specific Fields -->
<template x-if="selectedCommunication.type === 'nuisance'"> <template
x-if="selectedCommunication.type === 'publicreport.nuisance'"
>
<div class="card mb-3"> <div class="card mb-3">
<div class="card-header bg-danger bg-opacity-10"> <div class="card-header bg-danger bg-opacity-10">
<i class="bi bi-exclamation-triangle"></i> Nuisance <i class="bi bi-exclamation-triangle"></i> Nuisance
@ -634,7 +636,7 @@
<!-- Standing Water-specific Fields --> <!-- Standing Water-specific Fields -->
<template <template
x-if="selectedCommunication.type === 'standing_water'" x-if="selectedCommunication.type === 'publicreport.water'"
> >
<div class="card mb-3"> <div class="card mb-3">
<div class="card-header bg-info bg-opacity-10"> <div class="card-header bg-info bg-opacity-10">