Fix indentation
This commit is contained in:
Lance Edgar
parent
d778ce29e7
commit
229b0b7f2e
|
|
@ -1,139 +1,139 @@
|
|||
<template>
|
||||
<div>
|
||||
|
||||
<byjove-model-crud ref="modelCrud"
|
||||
model-name="Product"
|
||||
:label-renderer="renderLabel"
|
||||
:allow-edit="allowEdit"
|
||||
:mode="mode"
|
||||
@refresh="record => { product = record }"
|
||||
v-show="!scannerSubmitting"
|
||||
class="block">
|
||||
<byjove-model-crud ref="modelCrud"
|
||||
model-name="Product"
|
||||
:label-renderer="renderLabel"
|
||||
:allow-edit="allowEdit"
|
||||
:mode="mode"
|
||||
@refresh="record => { product = record }"
|
||||
v-show="!scannerSubmitting"
|
||||
class="block">
|
||||
|
||||
<div style="display: flex; justify-content: space-between; margin-bottom: 0.5rem;">
|
||||
<div style="display: flex; justify-content: space-between; margin-bottom: 0.5rem;">
|
||||
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
|
||||
<b-field label="Brand">
|
||||
{{ product.brand_name }}
|
||||
</b-field>
|
||||
<b-field label="Brand">
|
||||
{{ product.brand_name }}
|
||||
</b-field>
|
||||
|
||||
<b-field label="Description">
|
||||
{{ product.description }}
|
||||
</b-field>
|
||||
<b-field label="Description">
|
||||
{{ product.description }}
|
||||
</b-field>
|
||||
|
||||
<b-field label="Size">
|
||||
{{ product.size }}
|
||||
</b-field>
|
||||
<b-field label="Size">
|
||||
{{ product.size }}
|
||||
</b-field>
|
||||
</div>
|
||||
|
||||
<img :src="product.image_url" />
|
||||
</div>
|
||||
|
||||
<img :src="product.image_url" />
|
||||
</div>
|
||||
<slot name="default-panels" :product="product">
|
||||
|
||||
<slot name="default-panels" :product="product">
|
||||
<b-collapse class="card"
|
||||
animation="slide"
|
||||
:open="false"
|
||||
aria-id="contentIdForVendors">
|
||||
|
||||
<b-collapse class="card"
|
||||
animation="slide"
|
||||
:open="false"
|
||||
aria-id="contentIdForVendors">
|
||||
<template #trigger="props">
|
||||
<div class="card-header"
|
||||
role="button"
|
||||
aria-controls="contentIdForVendors"
|
||||
:aria-expanded="props.open">
|
||||
<p class="card-header-title">
|
||||
Vendors
|
||||
</p>
|
||||
<a class="card-header-icon">
|
||||
<b-icon pack="fas"
|
||||
:icon="props.open ? 'angle-up' : 'angle-down'">
|
||||
</b-icon>
|
||||
</a>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template #trigger="props">
|
||||
<div class="card-header"
|
||||
role="button"
|
||||
aria-controls="contentIdForVendors"
|
||||
:aria-expanded="props.open">
|
||||
<p class="card-header-title">
|
||||
Vendors
|
||||
</p>
|
||||
<a class="card-header-icon">
|
||||
<b-icon pack="fas"
|
||||
:icon="props.open ? 'angle-up' : 'angle-down'">
|
||||
</b-icon>
|
||||
</a>
|
||||
</div>
|
||||
</template>
|
||||
<div class="card-content">
|
||||
<div class="content">
|
||||
|
||||
<div class="card-content">
|
||||
<div class="content">
|
||||
<b-field label="Preferred">
|
||||
{{ product.vendor_name }} @ {{ product.default_unit_cost_display }}
|
||||
</b-field>
|
||||
|
||||
<b-field label="Preferred">
|
||||
{{ product.vendor_name }} @ {{ product.default_unit_cost_display }}
|
||||
</b-field>
|
||||
<b-table :data="product.costs">
|
||||
<b-table-column label="Vendor"
|
||||
field="vendor_name"
|
||||
v-slot="props">
|
||||
{{ props.row.vendor_name }}
|
||||
</b-table-column>
|
||||
<b-table-column label="Unit Cost"
|
||||
field="unit_cost"
|
||||
v-slot="props">
|
||||
{{ props.row.unit_cost }}
|
||||
</b-table-column>
|
||||
</b-table>
|
||||
|
||||
<b-table :data="product.costs">
|
||||
<b-table-column label="Vendor"
|
||||
field="vendor_name"
|
||||
v-slot="props">
|
||||
{{ props.row.vendor_name }}
|
||||
</b-table-column>
|
||||
<b-table-column label="Unit Cost"
|
||||
field="unit_cost"
|
||||
v-slot="props">
|
||||
{{ props.row.unit_cost }}
|
||||
</b-table-column>
|
||||
</b-table>
|
||||
</div>
|
||||
</div>
|
||||
</b-collapse>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</b-collapse>
|
||||
<b-collapse class="card"
|
||||
animation="slide"
|
||||
:open="false"
|
||||
aria-id="contentIdForPrices">
|
||||
|
||||
<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-up' : 'angle-down'">
|
||||
</b-icon>
|
||||
</a>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<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-up' : 'angle-down'">
|
||||
</b-icon>
|
||||
</a>
|
||||
</div>
|
||||
</template>
|
||||
<div class="card-content">
|
||||
<div class="content">
|
||||
|
||||
<div class="card-content">
|
||||
<div class="content">
|
||||
<b-field label="Reg. Price">
|
||||
{{ product.unit_price_display }}
|
||||
</b-field>
|
||||
|
||||
<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 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="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 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>
|
||||
|
||||
<b-field label="TPR Ends"
|
||||
v-if="product.tpr_price">
|
||||
{{ product.tpr_ends_display }}
|
||||
</b-field>
|
||||
</div>
|
||||
</div>
|
||||
</b-collapse>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</b-collapse>
|
||||
</slot>
|
||||
|
||||
</slot>
|
||||
<slot name="extra-panels" :product="product"></slot>
|
||||
|
||||
<slot name="extra-panels" :product="product"></slot>
|
||||
|
||||
</byjove-model-crud>
|
||||
</byjove-model-crud>
|
||||
|
||||
<byjove-scanner-input ref="scannerInput"
|
||||
class="block"
|
||||
|
|
|
|||
Loading…
Reference in a new issue