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

Fix indentation

Browse source
This commit is contained in:
Lance Edgar 2023-08-07 18:31:38 -05:00
parent d778ce29e7
commit 229b0b7f2e
1 changed files with 108 additions and 108 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -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"