From eb5c433ee068fd530da3e601cd7719434cd8d8bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Viricel?= <noe.viricel@wazo-lab.io>
Date: Tue, 5 Mar 2024 11:54:47 +0100
Subject: [PATCH] feat: display boolean with checkbox in list #172

---
 components/Fields/Field.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/components/Fields/Field.vue b/components/Fields/Field.vue
index 0253954ab..dbd9637e0 100644
--- a/components/Fields/Field.vue
+++ b/components/Fields/Field.vue
@@ -232,6 +232,7 @@ export default defineNuxtComponent({
       >
         <ExternalLink :href="item">
           {{ context !== 'label_list' ? item : '' }}
+          <br>
         </ExternalLink>
       </div>
 
@@ -242,6 +243,7 @@ export default defineNuxtComponent({
       >
         <ExternalLink :href="`mailto:${item}`" icon="envelope">
           {{ context !== 'label_list' ? item : '' }}
+          <br>
         </ExternalLink>
       </div>
 
@@ -301,6 +303,14 @@ export default defineNuxtComponent({
         :tag-key="field.field"
       />
 
+      <span v-else-if="['wheelchair', 'internet_access', 'toilets:handwashing', 'changing_table', 'supervised', 'male', 'female', 'unisex'].includes(field.field) && context === 'label_list'">
+        <VCheckbox
+          :disabled="true"
+          :model-value="properties[field.field]"
+          :value="properties[field.field]"
+        />
+      </span>
+
       <span v-else>
         {{ propTranslateV(field.field) }}
       </span>