From 0d1f2f33e0bfd9bf8d389c1e85f9df4400e6c8b5 Mon Sep 17 00:00:00 2001
From: benjaminedc <benjaminedc@verdnatura.es>
Date: Thu, 27 Mar 2025 12:27:42 +0100
Subject: [PATCH] refactor: refs #8673 enhance display of evaNotes in
 ExtraCommunity.vue with conditional rendering

---
 src/pages/Travel/ExtraCommunity.vue | 33 +++++++++++++++++------------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/src/pages/Travel/ExtraCommunity.vue b/src/pages/Travel/ExtraCommunity.vue
index dcfbf0d4330..bff2ee20b7e 100644
--- a/src/pages/Travel/ExtraCommunity.vue
+++ b/src/pages/Travel/ExtraCommunity.vue
@@ -612,12 +612,27 @@ watch(route, () => {
                     <QTd class="text-right">
                         <span>{{ entry.volumeKg }}</span>
                     </QTd>
-                    <QTd />
-                    <QTd />
-                    <QTd />
-                    <QTd />
+                    <QTd :colspan="entry.showEvaNotes ? 4 : 1">
+                        <span
+                            v-if="entry.showEvaNotes"
+                            style="white-space: pre-wrap; word-break: break-word"
+                        >
+                            {{ entry.evaNotes }}
+                        </span>
+                    </QTd>
+                    <QTd v-if="!entry.showEvaNotes" />
+                    <QTd v-if="!entry.showEvaNotes" />
+                    <QTd v-if="!entry.showEvaNotes" />
                     <QTd>
-                        <span>{{ entry.evaNotes }}</span>
+                        <QBtn
+                            v-if="entry.evaNotes"
+                            icon="comment"
+                            size="md"
+                            flat
+                            color="primary"
+                            @click="entry.showEvaNotes = !entry.showEvaNotes"
+                        >
+                        </QBtn>
                     </QTd>
                 </QTr>
             </template>
@@ -691,12 +706,4 @@ watch(route, () => {
     white-space: normal;
     width: max-content;
 }
-
-.q-td {
-    &:nth-child(15) {
-        white-space: normal;
-        text-align: left;
-        word-break: break-word;
-    }
-}
 </style>