From 79d80cc7422d0ce54950a78b75b6d5454be7da0c Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Sun, 19 Oct 2025 03:49:12 -0600
Subject: [PATCH] Feat: Mostrar valores afectivos en ResumenMuestra cuando
 descriptivos son null
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Modificado para que los chips de intensidades muestren valores afectivos
cuando los descriptivos no están disponibles. Útil para la calculadora SCAA.
---
 nuxt4/app/components/cata/ResumenMuestra.vue | 34 ++++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/nuxt4/app/components/cata/ResumenMuestra.vue b/nuxt4/app/components/cata/ResumenMuestra.vue
index 19564a1..8599597 100644
--- a/nuxt4/app/components/cata/ResumenMuestra.vue
+++ b/nuxt4/app/components/cata/ResumenMuestra.vue
@@ -59,46 +59,46 @@
         </div>
       </template>
 
-      <!-- Chips Intensidades (solo Descriptiva con icono) -->
+      <!-- Chips Intensidades (Descriptiva o Afectiva con icono) -->
       <template v-if="mostrarChipsIntensidades">
-        <div v-if="muestra.intensidades.fragancia.descriptiva !== null" class="chip chip-intensidad">
+        <div v-if="muestra.intensidades.fragancia.descriptiva !== null || muestra.intensidades.fragancia.afectiva !== null" class="chip chip-intensidad">
           <UIcon :name="getCategoryIcon('fragancia')" class="chip-icon" />
-          <span class="chip-value">{{ muestra.intensidades.fragancia.descriptiva }}</span>
+          <span class="chip-value">{{ muestra.intensidades.fragancia.descriptiva ?? muestra.intensidades.fragancia.afectiva }}</span>
         </div>
 
-        <div v-if="muestra.intensidades.aroma.descriptiva !== null" class="chip chip-intensidad">
+        <div v-if="muestra.intensidades.aroma.descriptiva !== null || muestra.intensidades.aroma.afectiva !== null" class="chip chip-intensidad">
           <UIcon :name="getCategoryIcon('aroma')" class="chip-icon" />
-          <span class="chip-value">{{ muestra.intensidades.aroma.descriptiva }}</span>
+          <span class="chip-value">{{ muestra.intensidades.aroma.descriptiva ?? muestra.intensidades.aroma.afectiva }}</span>
         </div>
 
-        <div v-if="muestra.intensidades.sabor.descriptiva !== null" class="chip chip-intensidad">
+        <div v-if="muestra.intensidades.sabor.descriptiva !== null || muestra.intensidades.sabor.afectiva !== null" class="chip chip-intensidad">
           <UIcon :name="getCategoryIcon('sabor')" class="chip-icon" />
-          <span class="chip-value">{{ muestra.intensidades.sabor.descriptiva }}</span>
+          <span class="chip-value">{{ muestra.intensidades.sabor.descriptiva ?? muestra.intensidades.sabor.afectiva }}</span>
         </div>
 
-        <div v-if="muestra.intensidades.saborResidual.descriptiva !== null" class="chip chip-intensidad">
+        <div v-if="muestra.intensidades.saborResidual.descriptiva !== null || muestra.intensidades.saborResidual.afectiva !== null" class="chip chip-intensidad">
           <UIcon :name="getCategoryIcon('saborResidual')" class="chip-icon" />
-          <span class="chip-value">{{ muestra.intensidades.saborResidual.descriptiva }}</span>
+          <span class="chip-value">{{ muestra.intensidades.saborResidual.descriptiva ?? muestra.intensidades.saborResidual.afectiva }}</span>
         </div>
 
-        <div v-if="muestra.intensidades.acidez.descriptiva !== null" class="chip chip-intensidad">
+        <div v-if="muestra.intensidades.acidez.descriptiva !== null || muestra.intensidades.acidez.afectiva !== null" class="chip chip-intensidad">
           <UIcon :name="getCategoryIcon('acidez')" class="chip-icon" />
-          <span class="chip-value">{{ muestra.intensidades.acidez.descriptiva }}</span>
+          <span class="chip-value">{{ muestra.intensidades.acidez.descriptiva ?? muestra.intensidades.acidez.afectiva }}</span>
         </div>
 
-        <div v-if="muestra.intensidades.dulzor.descriptiva !== null" class="chip chip-intensidad">
+        <div v-if="muestra.intensidades.dulzor.descriptiva !== null || muestra.intensidades.dulzor.afectiva !== null" class="chip chip-intensidad">
           <UIcon :name="getCategoryIcon('dulzor')" class="chip-icon" />
-          <span class="chip-value">{{ muestra.intensidades.dulzor.descriptiva }}</span>
+          <span class="chip-value">{{ muestra.intensidades.dulzor.descriptiva ?? muestra.intensidades.dulzor.afectiva }}</span>
         </div>
 
-        <div v-if="muestra.intensidades.sensacionBoca.descriptiva !== null" class="chip chip-intensidad">
+        <div v-if="muestra.intensidades.sensacionBoca.descriptiva !== null || muestra.intensidades.sensacionBoca.afectiva !== null" class="chip chip-intensidad">
           <UIcon :name="getCategoryIcon('sensacionBoca')" class="chip-icon" />
-          <span class="chip-value">{{ muestra.intensidades.sensacionBoca.descriptiva }}</span>
+          <span class="chip-value">{{ muestra.intensidades.sensacionBoca.descriptiva ?? muestra.intensidades.sensacionBoca.afectiva }}</span>
         </div>
 
-        <div v-if="muestra.intensidades.impresionGlobal.descriptiva !== null" class="chip chip-intensidad">
+        <div v-if="muestra.intensidades.impresionGlobal.descriptiva !== null || muestra.intensidades.impresionGlobal.afectiva !== null" class="chip chip-intensidad">
           <UIcon :name="getCategoryIcon('impresionGlobal')" class="chip-icon" />
-          <span class="chip-value">{{ muestra.intensidades.impresionGlobal.descriptiva }}</span>
+          <span class="chip-value">{{ muestra.intensidades.impresionGlobal.descriptiva ?? muestra.intensidades.impresionGlobal.afectiva }}</span>
         </div>
       </template>