@ecomplus/storefront-components
Version:
Vue components for E-Com Plus Storefront
29 lines (27 loc) • 670 B
HTML
<div
v-if="minSubtotalToEarn > cartSubtotal"
class="earn-points-progress"
>
<span>
{{ i19add$1ToEarn.replace('$1', formatMoney(minSubtotalToEarn - cartSubtotal)) }}
<strong>{{ i19loyaltyPoints.toLowerCase() }}</strong>
</span>
<div
v-if="earnFromPercentage >= 33"
class="progress"
>
<div
class="progress-bar progress-bar-striped"
role="progressbar"
:style="`width: ${earnFromPercentage}%`"
:aria-valuenow="earnFromPercentage"
aria-valuemin="0"
aria-valuemax="100"
>
<span>
{{ programName }}
<strong>{{ earnFromPercentage }}%</strong>
</span>
</div>
</div>
</div>