mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-28 04:01:10 -04:00
sidebar-view modified
This commit is contained in:
@ -123,17 +123,19 @@
|
||||
v-for="(invoice,index) in invoices"
|
||||
:to="`/admin/invoices/${invoice.id}/view`"
|
||||
:key="index"
|
||||
class="side-invoice"
|
||||
class="side-invoice"
|
||||
>
|
||||
<div class="left">
|
||||
<div class="inv-name">{{ invoice.user.name }}</div>
|
||||
<div class="inv-number">{{ invoice.invoice_number }}</div>
|
||||
<div :class="'inv-status-'+invoice.status.toLowerCase()" class="inv-status">{{ invoice.status }}</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="inv-amount" v-html="$utils.formatMoney(invoice.due_amount, invoice.user.currency)" />
|
||||
<div class="inv-date">{{ invoice.formattedInvoiceDate }}</div>
|
||||
</div>
|
||||
|
||||
<div class="left">
|
||||
<div class="inv-name">{{ invoice.user.name }}</div>
|
||||
<div class="inv-number">{{ invoice.invoice_number }}</div>
|
||||
<div :class="'inv-status-'+invoice.status.toLowerCase()" class="inv-status">{{ invoice.status }}</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="inv-amount" v-html="$utils.formatMoney(invoice.due_amount, invoice.user.currency)" />
|
||||
<div class="inv-date">{{ invoice.formattedInvoiceDate }}</div>
|
||||
</div>
|
||||
|
||||
</router-link>
|
||||
<p v-if="!invoices.length" class="no-result">
|
||||
{{ $t('invoices.no_matching_invoices') }}
|
||||
@ -178,7 +180,7 @@ export default {
|
||||
shareableLink () {
|
||||
return `/invoices/pdf/${this.invoice.unique_hash}`
|
||||
}
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
$route (to, from) {
|
||||
this.loadInvoice()
|
||||
|
||||
10
resources/assets/sass/pages/estimates/view.scss
vendored
10
resources/assets/sass/pages/estimates/view.scss
vendored
@ -31,9 +31,17 @@
|
||||
&:last-child {
|
||||
margin-bottom: 98px;
|
||||
}
|
||||
|
||||
&.router-link-exact-active {
|
||||
border-left: 3px solid #645ddb;
|
||||
}
|
||||
|
||||
&.router-link-exact-active {
|
||||
background-color: #F9FBFF;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $ls-color-gray--very-light;
|
||||
background-color: #F9FBFF;
|
||||
}
|
||||
|
||||
.left {
|
||||
|
||||
10
resources/assets/sass/pages/invoices/view.scss
vendored
10
resources/assets/sass/pages/invoices/view.scss
vendored
@ -32,8 +32,16 @@
|
||||
margin-bottom: 98px;
|
||||
}
|
||||
|
||||
&.router-link-exact-active {
|
||||
border-left: 3px solid #645ddb;
|
||||
}
|
||||
|
||||
&.router-link-exact-active {
|
||||
background-color: #F9FBFF;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $ls-color-gray--very-light;
|
||||
background-color: #F9FBFF;
|
||||
}
|
||||
|
||||
.left {
|
||||
|
||||
Reference in New Issue
Block a user