chore: code format
This commit is contained in:
Vlad Stan
parent
bc5c0b1702
commit
aa8e9eea9a
2 changed files with 186 additions and 184 deletions
|
|
@ -355,8 +355,9 @@ async function customerStall(path) {
|
||||||
let json = JSON.parse(text)
|
let json = JSON.parse(text)
|
||||||
if (json.id != this.activeOrder) return
|
if (json.id != this.activeOrder) return
|
||||||
if (json.payment_options) {
|
if (json.payment_options) {
|
||||||
let payment_request = json.payment_options.find(o => o.type == 'ln')
|
let payment_request = json.payment_options.find(
|
||||||
.link
|
o => o.type == 'ln'
|
||||||
|
).link
|
||||||
if (!payment_request) return
|
if (!payment_request) return
|
||||||
this.loading = false
|
this.loading = false
|
||||||
this.qrCodeDialog.data.payment_request = payment_request
|
this.qrCodeDialog.data.payment_request = payment_request
|
||||||
|
|
|
||||||
|
|
@ -2,201 +2,202 @@
|
||||||
<div class="row q-mb-md">
|
<div class="row q-mb-md">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<q-btn
|
<q-btn
|
||||||
unelevated
|
unelevated
|
||||||
color="secondary"
|
color="secondary"
|
||||||
outline
|
outline
|
||||||
icon="refresh"
|
icon="refresh"
|
||||||
@click="getOrders()"
|
@click="getOrders()"
|
||||||
target="_blank"
|
class="float-left"
|
||||||
class="float-left"
|
>Refresh Orders</q-btn
|
||||||
>Refresh Orders</q-btn
|
>
|
||||||
>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<q-table
|
<q-table
|
||||||
flat
|
flat
|
||||||
dense
|
dense
|
||||||
:data="orders"
|
:data="orders"
|
||||||
row-key="id"
|
row-key="id"
|
||||||
:columns="ordersTable.columns"
|
:columns="ordersTable.columns"
|
||||||
:pagination.sync="ordersTable.pagination"
|
:pagination.sync="ordersTable.pagination"
|
||||||
:filter="filter"
|
:filter="filter"
|
||||||
>
|
>
|
||||||
<template v-slot:body="props">
|
<template v-slot:body="props">
|
||||||
<q-tr :props="props">
|
<q-tr :props="props">
|
||||||
<q-td auto-width>
|
<q-td auto-width>
|
||||||
<q-btn
|
<q-btn
|
||||||
size="sm"
|
size="sm"
|
||||||
color="accent"
|
color="accent"
|
||||||
round
|
round
|
||||||
dense
|
dense
|
||||||
@click="props.row.expanded= !props.row.expanded"
|
@click="props.row.expanded= !props.row.expanded"
|
||||||
:icon="props.row.expanded? 'remove' : 'add'"
|
:icon="props.row.expanded? 'remove' : 'add'"
|
||||||
/>
|
/>
|
||||||
</q-td>
|
</q-td>
|
||||||
|
|
||||||
<q-td key="id" :props="props"> {{toShortId(props.row.id)}} </q-td>
|
<q-td key="id" :props="props"> {{toShortId(props.row.id)}} </q-td>
|
||||||
<q-td key="total" :props="props"> {{props.row.total}} </q-td>
|
<q-td key="total" :props="props"> {{props.row.total}} </q-td>
|
||||||
<!-- todo: currency per order -->
|
<!-- todo: currency per order -->
|
||||||
|
|
||||||
<q-td key="paid" :props="props">
|
<q-td key="paid" :props="props">
|
||||||
<q-checkbox
|
<q-checkbox
|
||||||
v-model="props.row.paid"
|
v-model="props.row.paid"
|
||||||
:label="props.row.paid ? 'Yes' : 'No'"
|
:label="props.row.paid ? 'Yes' : 'No'"
|
||||||
disable
|
disable
|
||||||
readonly
|
readonly
|
||||||
size="sm"
|
size="sm"
|
||||||
></q-checkbox>
|
></q-checkbox>
|
||||||
</q-td>
|
</q-td>
|
||||||
<q-td key="shipped" :props="props">
|
<q-td key="shipped" :props="props">
|
||||||
<q-checkbox
|
<q-checkbox
|
||||||
v-model="props.row.shipped"
|
v-model="props.row.shipped"
|
||||||
@input="showShipOrderDialog(props.row)"
|
@input="showShipOrderDialog(props.row)"
|
||||||
:label="props.row.shipped ? 'Yes' : 'No'"
|
:label="props.row.shipped ? 'Yes' : 'No'"
|
||||||
size="sm"
|
size="sm"
|
||||||
></q-checkbox>
|
></q-checkbox>
|
||||||
</q-td>
|
</q-td>
|
||||||
|
|
||||||
<q-td key="public_key" :props="props">
|
<q-td key="public_key" :props="props">
|
||||||
<span
|
<span
|
||||||
@click="customerSelected(props.row.public_key)"
|
@click="customerSelected(props.row.public_key)"
|
||||||
class="cursor-pointer"
|
class="cursor-pointer"
|
||||||
>
|
>
|
||||||
{{toShortId(props.row.public_key)}}
|
{{toShortId(props.row.public_key)}}
|
||||||
</span>
|
</span>
|
||||||
</q-td>
|
</q-td>
|
||||||
<q-td key="time" :props="props"> {{formatDate(props.row.time)}} </q-td>
|
<q-td key="time" :props="props">
|
||||||
</q-tr>
|
{{formatDate(props.row.time)}}
|
||||||
<q-tr v-if="props.row.expanded" :props="props">
|
</q-td>
|
||||||
<q-td colspan="100%">
|
</q-tr>
|
||||||
<div class="row items-center no-wrap q-mb-md">
|
<q-tr v-if="props.row.expanded" :props="props">
|
||||||
<div class="col-3 q-pr-lg">Products:</div>
|
<q-td colspan="100%">
|
||||||
<div class="col-8">
|
|
||||||
<div class="row items-center no-wrap q-mb-md">
|
<div class="row items-center no-wrap q-mb-md">
|
||||||
<div class="col-1">Quantity</div>
|
<div class="col-3 q-pr-lg">Products:</div>
|
||||||
|
<div class="col-8">
|
||||||
|
<div class="row items-center no-wrap q-mb-md">
|
||||||
|
<div class="col-1">Quantity</div>
|
||||||
|
<div class="col-1"></div>
|
||||||
|
<div class="col-10">Name</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="col-1"></div>
|
<div class="col-1"></div>
|
||||||
<div class="col-10">Name</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="row items-center no-wrap q-mb-md">
|
||||||
<div class="col-1"></div>
|
<div class="col-3 q-pr-lg"></div>
|
||||||
</div>
|
<div class="col-8">
|
||||||
<div class="row items-center no-wrap q-mb-md">
|
<div
|
||||||
<div class="col-3 q-pr-lg"></div>
|
v-for="item in props.row.items"
|
||||||
<div class="col-8">
|
class="row items-center no-wrap q-mb-md"
|
||||||
|
>
|
||||||
|
<div class="col-1">{{item.quantity}}</div>
|
||||||
|
<div class="col-1">x</div>
|
||||||
|
<div class="col-10">
|
||||||
|
{{productOverview(props.row, item.product_id)}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-1"></div>
|
||||||
|
</div>
|
||||||
|
<div class="row items-center no-wrap q-mb-md q-mt-md">
|
||||||
|
<div class="col-3 q-pr-lg">Order ID:</div>
|
||||||
|
<div class="col-6 col-sm-8 q-pr-lg">
|
||||||
|
<q-input
|
||||||
|
filled
|
||||||
|
dense
|
||||||
|
readonly
|
||||||
|
disabled
|
||||||
|
v-model.trim="props.row.id"
|
||||||
|
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">Address:</div>
|
||||||
|
<div class="col-6 col-sm-8 q-pr-lg">
|
||||||
|
<q-input
|
||||||
|
filled
|
||||||
|
dense
|
||||||
|
readonly
|
||||||
|
disabled
|
||||||
|
v-model.trim="props.row.address"
|
||||||
|
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">Customer Public Key:</div>
|
||||||
|
<div class="col-6 col-sm-8 q-pr-lg">
|
||||||
|
<q-input
|
||||||
|
filled
|
||||||
|
dense
|
||||||
|
readonly
|
||||||
|
disabled
|
||||||
|
v-model.trim="props.row.public_key"
|
||||||
|
type="text"
|
||||||
|
></q-input>
|
||||||
|
</div>
|
||||||
|
<div class="col-3 col-sm-1"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
v-for="item in props.row.items"
|
v-if="props.row.contact.phone"
|
||||||
class="row items-center no-wrap q-mb-md"
|
class="row items-center no-wrap q-mb-md"
|
||||||
>
|
>
|
||||||
<div class="col-1">{{item.quantity}}</div>
|
<div class="col-3 q-pr-lg">Phone:</div>
|
||||||
<div class="col-1">x</div>
|
<div class="col-6 col-sm-8 q-pr-lg">
|
||||||
<div class="col-10">
|
<q-input
|
||||||
{{productOverview(props.row, item.product_id)}}
|
filled
|
||||||
|
dense
|
||||||
|
readonly
|
||||||
|
disabled
|
||||||
|
v-model.trim="props.row.contact.phone"
|
||||||
|
type="text"
|
||||||
|
></q-input>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-3 col-sm-1"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div
|
||||||
<div class="col-1"></div>
|
v-if="props.row.contact.email"
|
||||||
</div>
|
class="row items-center no-wrap q-mb-md"
|
||||||
<div class="row items-center no-wrap q-mb-md q-mt-md">
|
>
|
||||||
<div class="col-3 q-pr-lg">Order ID:</div>
|
<div class="col-3 q-pr-lg">Email:</div>
|
||||||
<div class="col-6 col-sm-8 q-pr-lg">
|
<div class="col-6 col-sm-8 q-pr-lg">
|
||||||
<q-input
|
<q-input
|
||||||
filled
|
filled
|
||||||
dense
|
dense
|
||||||
readonly
|
readonly
|
||||||
disabled
|
disabled
|
||||||
v-model.trim="props.row.id"
|
v-model.trim="props.row.contact.email"
|
||||||
type="text"
|
type="text"
|
||||||
></q-input>
|
></q-input>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-3 col-sm-1"></div>
|
<div class="col-3 col-sm-1"></div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row items-center no-wrap q-mb-md">
|
||||||
<div class="row items-center no-wrap q-mb-md">
|
<div class="col-3 q-pr-lg">Invoice ID:</div>
|
||||||
<div class="col-3 q-pr-lg">Address:</div>
|
<div class="col-6 col-sm-8 q-pr-lg">
|
||||||
<div class="col-6 col-sm-8 q-pr-lg">
|
<q-input
|
||||||
<q-input
|
filled
|
||||||
filled
|
dense
|
||||||
dense
|
readonly
|
||||||
readonly
|
disabled
|
||||||
disabled
|
v-model.trim="props.row.invoice_id"
|
||||||
v-model.trim="props.row.address"
|
type="text"
|
||||||
type="text"
|
></q-input>
|
||||||
></q-input>
|
</div>
|
||||||
</div>
|
<div class="col-3 col-sm-1"></div>
|
||||||
<div class="col-3 col-sm-1"></div>
|
</div>
|
||||||
</div>
|
</q-td>
|
||||||
|
</q-tr>
|
||||||
<div class="row items-center no-wrap q-mb-md">
|
</template>
|
||||||
<div class="col-3 q-pr-lg">Customer Public Key:</div>
|
</q-table>
|
||||||
<div class="col-6 col-sm-8 q-pr-lg">
|
</div>
|
||||||
<q-input
|
</div>
|
||||||
filled
|
|
||||||
dense
|
|
||||||
readonly
|
|
||||||
disabled
|
|
||||||
v-model.trim="props.row.public_key"
|
|
||||||
type="text"
|
|
||||||
></q-input>
|
|
||||||
</div>
|
|
||||||
<div class="col-3 col-sm-1"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
v-if="props.row.contact.phone"
|
|
||||||
class="row items-center no-wrap q-mb-md"
|
|
||||||
>
|
|
||||||
<div class="col-3 q-pr-lg">Phone:</div>
|
|
||||||
<div class="col-6 col-sm-8 q-pr-lg">
|
|
||||||
<q-input
|
|
||||||
filled
|
|
||||||
dense
|
|
||||||
readonly
|
|
||||||
disabled
|
|
||||||
v-model.trim="props.row.contact.phone"
|
|
||||||
type="text"
|
|
||||||
></q-input>
|
|
||||||
</div>
|
|
||||||
<div class="col-3 col-sm-1"></div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="props.row.contact.email"
|
|
||||||
class="row items-center no-wrap q-mb-md"
|
|
||||||
>
|
|
||||||
<div class="col-3 q-pr-lg">Email:</div>
|
|
||||||
<div class="col-6 col-sm-8 q-pr-lg">
|
|
||||||
<q-input
|
|
||||||
filled
|
|
||||||
dense
|
|
||||||
readonly
|
|
||||||
disabled
|
|
||||||
v-model.trim="props.row.contact.email"
|
|
||||||
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">Invoice ID:</div>
|
|
||||||
<div class="col-6 col-sm-8 q-pr-lg">
|
|
||||||
<q-input
|
|
||||||
filled
|
|
||||||
dense
|
|
||||||
readonly
|
|
||||||
disabled
|
|
||||||
v-model.trim="props.row.invoice_id"
|
|
||||||
type="text"
|
|
||||||
></q-input>
|
|
||||||
</div>
|
|
||||||
<div class="col-3 col-sm-1"></div>
|
|
||||||
</div>
|
|
||||||
</q-td>
|
|
||||||
</q-tr>
|
|
||||||
</template>
|
|
||||||
</q-table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<q-dialog v-model="showShipDialog" position="top">
|
<q-dialog v-model="showShipDialog" position="top">
|
||||||
<q-card v-if="selectedOrder" class="q-pa-lg q-pt-xl" style="width: 500px">
|
<q-card v-if="selectedOrder" class="q-pa-lg q-pt-xl" style="width: 500px">
|
||||||
<q-form @submit="updateOrderShipped" class="q-gutter-md">
|
<q-form @submit="updateOrderShipped" class="q-gutter-md">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue