109 lines
3.2 KiB
HTML
109 lines
3.2 KiB
HTML
<div>
|
|
<q-tabs v-model="tab" no-caps class="bg-dark text-white shadow-2">
|
|
<q-tab name="info" label="Stall Info"></q-tab>
|
|
<q-tab name="products" label="Products"></q-tab>
|
|
<q-tab name="orders" label="Orders"></q-tab>
|
|
</q-tabs>
|
|
<q-tab-panels v-model="tab">
|
|
<q-tab-panel name="info">
|
|
<div v-if="stall">
|
|
<div class="row items-center no-wrap q-mb-md">
|
|
<div class="col-3 q-pr-lg">Name:</div>
|
|
<div class="col-6 col-sm-8 q-pr-lg">
|
|
<q-input
|
|
filled
|
|
dense
|
|
v-model.trim="stall.name"
|
|
type="text"
|
|
></q-input>
|
|
</div>
|
|
<div class="col-3 col-sm-1"></div>
|
|
</div>
|
|
<div class="row items-center no-wrap q-mb-md">
|
|
<div class="col-3 q-pr-lg">Description:</div>
|
|
<div class="col-6 col-sm-8 q-pr-lg">
|
|
<q-input
|
|
filled
|
|
dense
|
|
v-model.trim="stall.config.description"
|
|
type="textarea"
|
|
rows="3"
|
|
label="Description"
|
|
></q-input>
|
|
</div>
|
|
<div class="col-3 col-sm-1"></div>
|
|
</div>
|
|
<div class="row items-center no-wrap q-mb-md">
|
|
<div class="col-3 q-pr-lg">Wallet:</div>
|
|
<div class="col-6 col-sm-8 q-pr-lg">
|
|
<q-select
|
|
filled
|
|
dense
|
|
emit-value
|
|
v-model="stall.wallet"
|
|
:options="walletOptions"
|
|
label="Wallet *"
|
|
>
|
|
</q-select>
|
|
</div>
|
|
<div class="col-3 col-sm-1"></div>
|
|
</div>
|
|
<div class="row items-center no-wrap q-mb-md">
|
|
<div class="col-3 q-pr-lg">Currency:</div>
|
|
<div class="col-6 col-sm-8 q-pr-lg">
|
|
<q-select
|
|
filled
|
|
dense
|
|
v-model="stall.currency"
|
|
type="text"
|
|
label="Unit"
|
|
:options="currencies"
|
|
></q-select>
|
|
</div>
|
|
<div class="col-3 col-sm-1"></div>
|
|
</div>
|
|
<div class="row items-center no-wrap q-mb-md">
|
|
<div class="col-3 q-pr-lg">Shipping Zones:</div>
|
|
<div class="col-6 col-sm-8 q-pr-lg">
|
|
<q-select
|
|
:options="filteredZoneOptions"
|
|
filled
|
|
dense
|
|
multiple
|
|
v-model.trim="stall.shipping_zones"
|
|
label="Shipping Zones"
|
|
></q-select>
|
|
</div>
|
|
<div class="col-3 col-sm-1"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row items-center q-mt-xl">
|
|
<div class="col-6 q-pr-lg">
|
|
<q-btn
|
|
unelevated
|
|
color="secondary"
|
|
class="float-left"
|
|
@click="updateStall()"
|
|
>Update Stall</q-btn
|
|
>
|
|
</div>
|
|
<div class="col-6">
|
|
<q-btn
|
|
unelevated
|
|
color="pink"
|
|
icon="cancel"
|
|
class="float-right"
|
|
@click="deleteStall()"
|
|
>Delete Stall</q-btn
|
|
>
|
|
</div>
|
|
</div>
|
|
</q-tab-panel>
|
|
<q-tab-panel name="payment">
|
|
<div v-if="stall"></div>
|
|
</q-tab-panel>
|
|
<q-tab-panel name="config">
|
|
<div v-if="stall"></div>
|
|
</q-tab-panel>
|
|
</q-tab-panels>
|
|
</div>
|