Adds "Pending Payment" badge for receivables
Improves user experience by visually indicating entries that represent outstanding payments owed by users. This change introduces a "Pending Payment" badge for receivable entries in the transaction list. A receivable entry is determined by checking if the entry contains a debit line item against an account receivable account. This provides immediate visual feedback to the user, highlighting transactions requiring their action.
This commit is contained in:
parent
6d5243b03e
commit
d7b5259b74
2 changed files with 23 additions and 1 deletions
|
|
@ -200,7 +200,12 @@
|
|||
<q-list v-if="transactions.length > 0" separator>
|
||||
<q-item v-for="entry in transactions" :key="entry.id">
|
||||
<q-item-section>
|
||||
<q-item-label>{% raw %}{{ entry.description }}{% endraw %}</q-item-label>
|
||||
<q-item-label>
|
||||
{% raw %}{{ entry.description }}{% endraw %}
|
||||
<q-badge v-if="isReceivable(entry)" color="orange" class="q-ml-sm">
|
||||
Pending Payment
|
||||
</q-badge>
|
||||
</q-item-label>
|
||||
<q-item-label caption>
|
||||
{% raw %}{{ formatDate(entry.entry_date) }}{% endraw %}
|
||||
</q-item-label>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue