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:
padreug 2025-10-22 17:10:14 +02:00
parent 6d5243b03e
commit d7b5259b74
2 changed files with 23 additions and 1 deletions

View file

@ -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>