show the selected count even when the number of items is less than 10

This commit is contained in:
MaysWind
2025-09-19 00:27:07 +08:00
parent dc993da218
commit 8de51e6e71
@@ -272,24 +272,25 @@
</div>
</template>
<template #bottom>
<div class="title-and-toolbar d-flex align-center text-no-wrap mt-2"
v-if="importTransactions && importTransactions.length > 10">
<span :class="{ 'text-error': selectedInvalidTransactionCount > 0 }">
{{ tt('format.misc.selectedCount', { count: getDisplayCount(selectedImportTransactionCount), totalCount: getDisplayCount(importTransactions.length) }) }}
</span>
<v-spacer/>
<span>{{ tt('Transactions Per Page') }}</span>
<div class="title-and-toolbar d-flex align-center text-no-wrap mt-2" v-if="importTransactions">
<span :class="{ 'text-error': selectedInvalidTransactionCount > 0 }">
{{ tt('format.misc.selectedCount', { count: getDisplayCount(selectedImportTransactionCount), totalCount: getDisplayCount(importTransactions.length) }) }}
</span>
<v-spacer v-if="importTransactions.length > 10"/>
<span v-if="importTransactions.length > 10">{{ tt('Transactions Per Page') }}</span>
<v-select class="ms-2" density="compact" max-width="100"
item-title="name"
item-value="value"
:disabled="!!disabled"
:items="importTransactionsTablePageOptions"
v-model="countPerPage"
v-if="importTransactions.length > 10"
/>
<pagination-buttons density="compact"
:disabled="!!disabled"
:totalPageCount="totalPageCount"
v-model="currentPage"></pagination-buttons>
v-model="currentPage"
v-if="importTransactions.length > 10"></pagination-buttons>
</div>
</template>
</v-data-table>