Feat: Mostrar valores afectivos en ResumenMuestra cuando descriptivos son null
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m8s
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:
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user