Format code.
This commit is contained in:
parent
a0262ed974
commit
c48951cb86
1 changed files with 31 additions and 13 deletions
|
|
@ -5,7 +5,10 @@
|
||||||
class="row vin-toggle flex align-items-center pt-4"
|
class="row vin-toggle flex align-items-center pt-4"
|
||||||
:class="[isExpanded ? 'expanded' : '']"
|
:class="[isExpanded ? 'expanded' : '']"
|
||||||
@click="toggleIsExpanded()">
|
@click="toggleIsExpanded()">
|
||||||
<a aria-label="expand cart" href="#!" class="col d-flex justify-content-between py-0">
|
<a
|
||||||
|
aria-label="expand cart"
|
||||||
|
href="#!"
|
||||||
|
class="col d-flex justify-content-between py-0">
|
||||||
<span class="label">{{ amountDueText }}</span>
|
<span class="label">{{ amountDueText }}</span>
|
||||||
<span class="label amount-due">{{ getFormattedAmount("", amountDue) }}</span>
|
<span class="label amount-due">{{ getFormattedAmount("", amountDue) }}</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -61,25 +64,40 @@
|
||||||
<span v-else-if="cartItem == recycleFeeCartItem">
|
<span v-else-if="cartItem == recycleFeeCartItem">
|
||||||
{{ recycleFeeCartItem.name }}
|
{{ recycleFeeCartItem.name }}
|
||||||
</span>
|
</span>
|
||||||
<span tabindex="0"><span class="sr-only">{{screenReaderRecycleFeeText}}</span>{{ getFormattedAmount(cartItem.category, cartItem.subTotal) }}</span>
|
<span tabindex="0"
|
||||||
|
><span class="sr-only">{{ screenReaderRecycleFeeText }}</span
|
||||||
|
>{{ getFormattedAmount(cartItem.category, cartItem.subTotal) }}</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Sub total, sales tax, total columns -->
|
<!-- Sub total, sales tax, total columns -->
|
||||||
<div class="sub-total">
|
<div class="sub-total">
|
||||||
<span>{{ subtotalText }}</span
|
<span>{{ subtotalText }}</span
|
||||||
><span tabindex="0"><span class="sr-only">{{screenReaderSubTotalText}}</span>{{ getFormattedAmount("", subTotal) }}</span>
|
><span tabindex="0"
|
||||||
|
><span class="sr-only">{{ screenReaderSubTotalText }}</span
|
||||||
|
>{{ getFormattedAmount("", subTotal) }}</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="sales-tax">
|
<div class="sales-tax">
|
||||||
<span>{{ salesTaxText }}</span
|
<span>{{ salesTaxText }}</span
|
||||||
><span tabindex="0"><span class="sr-only">{{screenReaderSalesTaxText}}</span>{{ getFormattedAmount("", salesTax) }}</span>
|
><span tabindex="0"
|
||||||
|
><span class="sr-only">{{ screenReaderSalesTaxText }}</span
|
||||||
|
>{{ getFormattedAmount("", salesTax) }}</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="showAsPaid" class="amount-paid">
|
<div v-if="showAsPaid" class="amount-paid">
|
||||||
<span>{{ amountPaidText }}</span
|
<span>{{ amountPaidText }}</span
|
||||||
><span tabindex="0"><span class="sr-only">{{screenReaderAmountPaidText}}</span>{{ getFormattedAmount("", amountPaid) }}</span>
|
><span tabindex="0"
|
||||||
|
><span class="sr-only">{{ screenReaderAmountPaidText }}</span
|
||||||
|
>{{ getFormattedAmount("", amountPaid) }}</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="amount-due">
|
<div class="amount-due">
|
||||||
<span>{{ amountDueText }}</span
|
<span>{{ amountDueText }}</span
|
||||||
><span tabindex="0"><span class="sr-only">{{screenReaderTotalAmountDueText}}</span>{{ getFormattedAmount("", amountDue) }}</span>
|
><span tabindex="0"
|
||||||
|
><span class="sr-only">{{ screenReaderTotalAmountDueText }}</span
|
||||||
|
>{{ getFormattedAmount("", amountDue) }}</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue