Feat: Mostrar valores afectivos en ResumenMuestra cuando descriptivos son null
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m8s

Modificado para que los chips de intensidades muestren valores afectivos
cuando los descriptivos no están disponibles. Útil para la calculadora SCAA.
This commit is contained in:
2025-10-19 03:49:12 -06:00
parent 387727606a
commit 79d80cc742

View File

@@ -59,46 +59,46 @@
</div> </div>
</template> </template>
<!-- Chips Intensidades (solo Descriptiva con icono) --> <!-- Chips Intensidades (Descriptiva o Afectiva con icono) -->
<template v-if="mostrarChipsIntensidades"> <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" /> <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>
<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" /> <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>
<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" /> <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>
<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" /> <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>
<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" /> <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>
<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" /> <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>
<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" /> <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>
<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" /> <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> </div>
</template> </template>