0
0
Fork 0

refactor: #6988 changed ticket summary view and fixed notes functionality

This commit is contained in:
Jon Elias 2024-03-13 11:33:10 +01:00
parent 63f00c24d7
commit 31ac61b01f
2 changed files with 42 additions and 24 deletions

View File

@ -110,4 +110,4 @@ input::-webkit-inner-spin-button {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
}

View File

@ -130,22 +130,6 @@ async function changeState(value) {
</QBtnDropdown>
</template>
<template #body>
<QCard class="vn-max">
<div class="taxes">
<VnLv
:label="t('ticket.summary.subtotal')"
:value="toCurrency(ticket.totalWithoutVat)"
/>
<VnLv
:label="t('ticket.summary.vat')"
:value="toCurrency(ticket.totalWithVat - ticket.totalWithoutVat)"
/>
<VnLv
:label="t('ticket.summary.total')"
:value="toCurrency(ticket.totalWithVat)"
/>
</div>
</QCard>
<QCard class="vn-one">
<a class="header header-link" :href="ticketUrl + 'basic-data/step-one'">
{{ t('globals.summary.basicData') }}
@ -235,7 +219,7 @@ async function changeState(value) {
:value="formattedAddress()"
/>
</QCard>
<QCard class="vn-one">
<QCard class="vn-one" v-if="ticket.notes.length">
<a class="header header-link" :href="ticketUrl + 'observation'">
{{ t('ticket.pageTitles.notes') }}
<QIcon name="open_in_new" />
@ -254,9 +238,31 @@ async function changeState(value) {
class="notes"
readonly
/>
</template>
</VnLv>
</QCard>
<QCard class="vn-one ">
<a class="header header-link" :href="ticketUrl + 'basic-data/step-one'">
{{t('Summary')}}
<QIcon name="open_in_new" />
</a>
<div class="bodyCard">
<VnLv
:label="t('ticket.summary.subtotal')"
:value="toCurrency(ticket.totalWithoutVat)"
/>
<VnLv
:label="t('ticket.summary.vat')"
:value="toCurrency(ticket.totalWithVat - ticket.totalWithoutVat)"
/>
<VnLv
:label="t('ticket.summary.total')"
:value="toCurrency(ticket.totalWithVat)"
/>
</div>
</QCard>
<QCard class="vn-max">
<a class="header header-link" :href="ticketUrl + 'sale'">
{{ t('ticket.summary.saleLines') }}
@ -452,20 +458,32 @@ async function changeState(value) {
width: max-content;
}
.cardSummary .summaryBody > .q-card > .taxes {
border: 2px solid gray;
margin-right: 90px;
padding: 0;
> .vn-label-value {
text-align: right;
& > .vn-label-value {
text-align: left;
display: flex;
flex-direction: row;
margin-top: 5px;
justify-content: flex-end;
padding-right: 20px;
justify-content: flex-start;
padding-left: 10px;
}
}
.q-card.q-card--dark.q-dark.vn-one {
& > .bodyCard{
padding: 1%;
margin-right: 40%;
}
}
.cardSummary .summaryBody > .q-card:has(.taxes) {
margin-top: 2px;
padding: 0;
padding: 0%;
}
</style>
<i18n>
es:
Summary: Resumen
</i18n>