59 lines
1.5 KiB
Vue
Executable File
59 lines
1.5 KiB
Vue
Executable File
<template>
|
|
<q-page v-if="recOrderCart">
|
|
<CTitleBanner title="Carrello"></CTitleBanner>
|
|
<div class="panel">
|
|
<div>
|
|
<div class="container">
|
|
<div
|
|
class="q-pa-sm col items-start q-gutter-xs"
|
|
v-for="(itemorder, index) in getItemsCart()"
|
|
:key="index"
|
|
>
|
|
<CSingleCart :order="itemorder.order" :showall="true" />
|
|
</div>
|
|
</div>
|
|
<q-separator></q-separator>
|
|
<div class="col-6 q-mr-sm" style="text-align: right">
|
|
<span class="text-grey q-mr-xs">Totale:</span>
|
|
<span class="text-subtitle1 q-mr-sm">€ {{ myTotalPrice() }}</span>
|
|
</div>
|
|
|
|
<q-input
|
|
v-if="getNumItems() > 0"
|
|
v-model="note"
|
|
style="max-width: 400px"
|
|
label="Scrivi qui per eventuali note o chiarimenti:"
|
|
filled
|
|
dense
|
|
debounce="1000"
|
|
autogrow
|
|
@input="change_field('note')"
|
|
>
|
|
</q-input>
|
|
|
|
<br />
|
|
</div>
|
|
|
|
<div class="text-center">
|
|
<q-btn
|
|
v-if="recOrderCart && recOrderCart.status < shared_consts.OrderStatus.CHECKOUT_SENT"
|
|
rounded
|
|
icon="fas fa-shopping-cart"
|
|
color="green"
|
|
:label="$t('ecomm.completa_ord')"
|
|
class="q-mb-sm"
|
|
:disabled="myTotalQty() < 1"
|
|
@click="completeOrder()"
|
|
></q-btn>
|
|
</div>
|
|
</div>
|
|
</q-page>
|
|
</template>
|
|
|
|
<script lang="ts" src="./checkOut.ts">
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './checkOut';
|
|
</style>
|