rattail/byjove
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add Prices panel for default product view

Browse source
This commit is contained in:
Lance Edgar 2023-01-29 18:50:07 -06:00
parent 606bf7d19e
commit e94383dd25
1 changed files with 54 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
src/components/products/ByjoveProduct.vue
View file

@ -70,6 +70,60 @@
</div>
</b-collapse>
<b-collapse class="card"
animation="slide"
:open="false"
aria-id="contentIdForPrices">
<template #trigger="props">
<div class="card-header"
role="button"
aria-controls="contentIdForPrices"
:aria-expanded="props.open">
<p class="card-header-title">
Prices
</p>
<a class="card-header-icon">
<b-icon pack="fas"
:icon="props.open ? 'angle-down' : 'angle-up'">
</b-icon>
</a>
</div>
</template>
<div class="card-content">
<div class="content">
<b-field label="Reg. Price">
{{ product.unit_price_display }}
</b-field>
<b-field label="Sale Price"
v-if="product.sale_price">
{{ product.sale_price_display }}
</b-field>
<b-field label="Sale Ends"
v-if="product.sale_price">
{{ product.sale_ends_display }}
</b-field>
<b-field label="TPR Price"
v-if="product.tpr_price">
{{ product.tpr_price_display }}
</b-field>
<b-field label="TPR Ends"
v-if="product.tpr_price">
{{ product.tpr_ends_display }}
</b-field>
</div>
</div>
</b-collapse>
<slot name="extra-panels" :product="product"></slot>
</byjove-model-crud>
</template>