149 lines
4 KiB
HTML
149 lines
4 KiB
HTML
<div>
|
|
<div class="row items-center no-wrap q-mb-md">
|
|
<div class="col q-pr-lg">
|
|
<q-btn
|
|
@click="openCreateStallDialog"
|
|
unelevated
|
|
color="green"
|
|
class="float-left"
|
|
>New Stall</q-btn
|
|
>
|
|
<q-input
|
|
borderless
|
|
dense
|
|
debounce="300"
|
|
v-model="filter"
|
|
placeholder="Search"
|
|
class="float-right"
|
|
>
|
|
<template v-slot:append>
|
|
<q-icon name="search"></q-icon>
|
|
</template>
|
|
</q-input>
|
|
</div>
|
|
</div>
|
|
|
|
<q-table
|
|
flat
|
|
dense
|
|
:data="stalls"
|
|
row-key="id"
|
|
:columns="stallsTable.columns"
|
|
:pagination.sync="stallsTable.pagination"
|
|
:filter="filter"
|
|
>
|
|
<template v-slot:body="props">
|
|
<q-tr :props="props">
|
|
<q-td auto-width>
|
|
<q-btn
|
|
size="sm"
|
|
color="accent"
|
|
round
|
|
dense
|
|
@click="props.row.expanded= !props.row.expanded"
|
|
:icon="props.row.expanded? 'remove' : 'add'"
|
|
/>
|
|
</q-td>
|
|
|
|
<q-td key="id" :props="props">
|
|
<a style="color: unset" :href="props.row.id" target="_blank">
|
|
{{props.row.name}}</a
|
|
>
|
|
</q-td>
|
|
|
|
<q-td key="description" :props="props">
|
|
{{props.row.config.description}}
|
|
</q-td>
|
|
<q-td key="shippingZones" :props="props">
|
|
<div>
|
|
{{props.row.shipping_zones.filter(z => !!z.name).map(z =>
|
|
z.name).join(', ')}}
|
|
</div>
|
|
</q-td>
|
|
</q-tr>
|
|
<q-tr v-if="props.row.expanded" :props="props">
|
|
<q-td colspan="100%">
|
|
<div class="row items-center q-mb-lg">
|
|
<div class="col-12">
|
|
<stall-details
|
|
:stall-id="props.row.id"
|
|
:adminkey="adminkey"
|
|
:inkey="inkey"
|
|
:wallet-options="walletOptions"
|
|
:zone-options="zoneOptions"
|
|
:currencies="currencies"
|
|
@stall-deleted="handleStallDeleted"
|
|
@stall-updated="handleStallUpdated"
|
|
></stall-details>
|
|
</div>
|
|
</div>
|
|
</q-td>
|
|
</q-tr>
|
|
</template>
|
|
</q-table>
|
|
|
|
<div>
|
|
<q-dialog v-model="stallDialog.show" position="top">
|
|
<q-card class="q-pa-lg q-pt-xl" style="width: 500px">
|
|
<q-form @submit="sendStallFormData" class="q-gutter-md">
|
|
<q-input
|
|
filled
|
|
dense
|
|
v-model.trim="stallDialog.data.name"
|
|
label="Name"
|
|
></q-input>
|
|
<q-input
|
|
filled
|
|
dense
|
|
v-model.trim="stallDialog.data.description"
|
|
type="textarea"
|
|
rows="3"
|
|
label="Description"
|
|
></q-input>
|
|
<q-select
|
|
filled
|
|
dense
|
|
emit-value
|
|
v-model="stallDialog.data.wallet"
|
|
:options="walletOptions"
|
|
label="Wallet *"
|
|
>
|
|
</q-select>
|
|
<q-select
|
|
filled
|
|
dense
|
|
v-model="stallDialog.data.currency"
|
|
type="text"
|
|
label="Unit"
|
|
:options="currencies"
|
|
></q-select>
|
|
<q-select
|
|
:options="filteredZoneOptions"
|
|
filled
|
|
dense
|
|
multiple
|
|
v-model.trim="stallDialog.data.shippingZones"
|
|
label="Shipping Zones"
|
|
></q-select>
|
|
|
|
<div class="row q-mt-lg">
|
|
<q-btn
|
|
unelevated
|
|
color="primary"
|
|
:disable="!stallDialog.data.name
|
|
|| !stallDialog.data.currency
|
|
|| !stallDialog.data.wallet
|
|
|| !stallDialog.data.shippingZones
|
|
|| !stallDialog.data.shippingZones.length"
|
|
type="submit"
|
|
>Create Stall</q-btn
|
|
>
|
|
<q-btn v-close-popup flat color="grey" class="q-ml-auto"
|
|
>Cancel</q-btn
|
|
>
|
|
</div>
|
|
</q-form>
|
|
</q-card>
|
|
</q-dialog>
|
|
</div>
|
|
</div>
|