Fix indentation
This commit is contained in:
Lance Edgar
parent
d778ce29e7
commit
229b0b7f2e
1 changed files with 108 additions and 108 deletions
|
|
@ -1,139 +1,139 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
|
|
||||||
<byjove-model-crud ref="modelCrud"
|
<byjove-model-crud ref="modelCrud"
|
||||||
model-name="Product"
|
model-name="Product"
|
||||||
:label-renderer="renderLabel"
|
:label-renderer="renderLabel"
|
||||||
:allow-edit="allowEdit"
|
:allow-edit="allowEdit"
|
||||||
:mode="mode"
|
:mode="mode"
|
||||||
@refresh="record => { product = record }"
|
@refresh="record => { product = record }"
|
||||||
v-show="!scannerSubmitting"
|
v-show="!scannerSubmitting"
|
||||||
class="block">
|
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">
|
<b-field label="Brand">
|
||||||
{{ product.brand_name }}
|
{{ product.brand_name }}
|
||||||
</b-field>
|
</b-field>
|
||||||
|
|
||||||
<b-field label="Description">
|
<b-field label="Description">
|
||||||
{{ product.description }}
|
{{ product.description }}
|
||||||
</b-field>
|
</b-field>
|
||||||
|
|
||||||
<b-field label="Size">
|
<b-field label="Size">
|
||||||
{{ product.size }}
|
{{ product.size }}
|
||||||
</b-field>
|
</b-field>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<img :src="product.image_url" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<img :src="product.image_url" />
|
<slot name="default-panels" :product="product">
|
||||||
</div>
|
|
||||||
|
|
||||||
<slot name="default-panels" :product="product">
|
<b-collapse class="card"
|
||||||
|
animation="slide"
|
||||||
|
:open="false"
|
||||||
|
aria-id="contentIdForVendors">
|
||||||
|
|
||||||
<b-collapse class="card"
|
<template #trigger="props">
|
||||||
animation="slide"
|
<div class="card-header"
|
||||||
:open="false"
|
role="button"
|
||||||
aria-id="contentIdForVendors">
|
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-content">
|
||||||
<div class="card-header"
|
<div class="content">
|
||||||
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">
|
<b-field label="Preferred">
|
||||||
<div class="content">
|
{{ product.vendor_name }} @ {{ product.default_unit_cost_display }}
|
||||||
|
</b-field>
|
||||||
|
|
||||||
<b-field label="Preferred">
|
<b-table :data="product.costs">
|
||||||
{{ product.vendor_name }} @ {{ product.default_unit_cost_display }}
|
<b-table-column label="Vendor"
|
||||||
</b-field>
|
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">
|
</div>
|
||||||
<b-table-column label="Vendor"
|
</div>
|
||||||
field="vendor_name"
|
</b-collapse>
|
||||||
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>
|
<b-collapse class="card"
|
||||||
</div>
|
animation="slide"
|
||||||
</b-collapse>
|
:open="false"
|
||||||
|
aria-id="contentIdForPrices">
|
||||||
|
|
||||||
<b-collapse class="card"
|
<template #trigger="props">
|
||||||
animation="slide"
|
<div class="card-header"
|
||||||
:open="false"
|
role="button"
|
||||||
aria-id="contentIdForPrices">
|
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-content">
|
||||||
<div class="card-header"
|
<div class="content">
|
||||||
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">
|
<b-field label="Reg. Price">
|
||||||
<div class="content">
|
{{ product.unit_price_display }}
|
||||||
|
</b-field>
|
||||||
|
|
||||||
<b-field label="Reg. Price">
|
<b-field label="Sale Price"
|
||||||
{{ product.unit_price_display }}
|
v-if="product.sale_price">
|
||||||
</b-field>
|
{{ product.sale_price_display }}
|
||||||
|
</b-field>
|
||||||
|
|
||||||
<b-field label="Sale Price"
|
<b-field label="Sale Ends"
|
||||||
v-if="product.sale_price">
|
v-if="product.sale_price">
|
||||||
{{ product.sale_price_display }}
|
{{ product.sale_ends_display }}
|
||||||
</b-field>
|
</b-field>
|
||||||
|
|
||||||
<b-field label="Sale Ends"
|
<b-field label="TPR Price"
|
||||||
v-if="product.sale_price">
|
v-if="product.tpr_price">
|
||||||
{{ product.sale_ends_display }}
|
{{ product.tpr_price_display }}
|
||||||
</b-field>
|
</b-field>
|
||||||
|
|
||||||
<b-field label="TPR Price"
|
<b-field label="TPR Ends"
|
||||||
v-if="product.tpr_price">
|
v-if="product.tpr_price">
|
||||||
{{ product.tpr_price_display }}
|
{{ product.tpr_ends_display }}
|
||||||
</b-field>
|
</b-field>
|
||||||
|
|
||||||
<b-field label="TPR Ends"
|
</div>
|
||||||
v-if="product.tpr_price">
|
</div>
|
||||||
{{ product.tpr_ends_display }}
|
</b-collapse>
|
||||||
</b-field>
|
|
||||||
|
|
||||||
</div>
|
</slot>
|
||||||
</div>
|
|
||||||
</b-collapse>
|
|
||||||
|
|
||||||
</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"
|
<byjove-scanner-input ref="scannerInput"
|
||||||
class="block"
|
class="block"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue