sboulahtit/orion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(loyalty): add paginated transaction history to card detail
Some checks failed
CI / ruff (push) Successful in 15s
Details
CI / validate (push) Has been cancelled
Details
CI / dependency-scanning (push) Has been cancelled
Details
CI / docs (push) Has been cancelled
Details
CI / deploy (push) Has been cancelled
Details
CI / pytest (push) Has been cancelled
Details

Browse Source 
The store card detail page now shows paginated transaction history
instead of a flat list of 50. Uses PlatformSettings.getRowsPerPage()
for the page size (default 20), with Previous/Next navigation and
"Page X of Y" indicator using server-rendered i18n.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Samir Boulahtit
2026-04-15 22:13:00 +02:00
parent 64fe58c171
commit 914967edcc
3 changed files with 44 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/modules/loyalty/static/store/js/loyalty-card-detail.js
View File

@@ -11,6 +11,7 @@ function storeLoyaltyCardDetail() {
cardId: null,
card: null,
transactions: [],
txPagination: { page: 1, perPage: 20, total: 0, pages: 0 },
loading: false,
error: null,
@@ -38,6 +39,13 @@ function storeLoyaltyCardDetail() {
return;
}
// Use platform pagination setting if available
if (window.PlatformSettings) {
try {
this.txPagination.perPage = await window.PlatformSettings.getRowsPerPage();
} catch (e) { /* use default */ }
}
await this.loadData();
loyaltyCardDetailLog.info('=== LOYALTY CARD DETAIL PAGE INITIALIZATION COMPLETE ===');
},
@@ -67,18 +75,32 @@ function storeLoyaltyCardDetail() {
}
},
async loadTransactions() {
async loadTransactions(page = 1) {
try {
const response = await apiClient.get(`/store/loyalty/cards/${this.cardId}/transactions?limit=50`);
const skip = (page - 1) * this.txPagination.perPage;
const response = await apiClient.get(
`/store/loyalty/cards/${this.cardId}/transactions?skip=${skip}&limit=${this.txPagination.perPage}`
);
if (response && response.transactions) {
this.transactions = response.transactions;
loyaltyCardDetailLog.info(`Loaded ${this.transactions.length} transactions`);
this.txPagination.total = response.total || 0;
this.txPagination.page = page;
this.txPagination.pages = Math.ceil(this.txPagination.total / this.txPagination.perPage);
loyaltyCardDetailLog.info(`Loaded ${this.transactions.length} of ${this.txPagination.total} transactions (page ${page})`);
}
} catch (error) {
loyaltyCardDetailLog.warn('Failed to load transactions:', error.message);
}
},
txPreviousPage() {
if (this.txPagination.page > 1) this.loadTransactions(this.txPagination.page - 1);
},
txNextPage() {
if (this.txPagination.page < this.txPagination.pages) this.loadTransactions(this.txPagination.page + 1);
},
formatNumber(num) {
return num == null ? '0' : new Intl.NumberFormat('en-US').format(num);
},