From 8e846cff10ae0ded92ea6aa511247dc5ea2c79aa Mon Sep 17 00:00:00 2001
From: Charles-Henri Decultot <chdecultot@dokos.io>
Date: Tue, 18 Jun 2024 16:46:27 +0200
Subject: [PATCH] fix: Paginate documents box

---
 .../BankReconciliationMatchingBox.vue         | 44 +++++++++++++++++--
 1 file changed, 40 insertions(+), 4 deletions(-)

diff --git a/erpnext/accounts/page/bank_reconciliation/bank_reconciliation_page/BankReconciliationMatchingBox.vue b/erpnext/accounts/page/bank_reconciliation/bank_reconciliation_page/BankReconciliationMatchingBox.vue
index 09f58cb5fe..694005c7e9 100644
--- a/erpnext/accounts/page/bank_reconciliation/bank_reconciliation_page/BankReconciliationMatchingBox.vue
+++ b/erpnext/accounts/page/bank_reconciliation/bank_reconciliation_page/BankReconciliationMatchingBox.vue
@@ -75,7 +75,14 @@ const columns = [
 		titleFormatter: () => "",
 	},
 	{
-		title: __('Amount'), field: 'amount', width: "20%", formatter: function (cell, formatterParams, onRendered) {
+		title: __("Amount"),
+		field: "amount",
+		width: "20%",
+		headerFilter: "input",
+		headerSort: false,
+		headerFilterPlaceholder: __("Amount"),
+		titleFormatter: () => "",
+		formatter: function (cell, formatterParams, onRendered) {
 			const cellValue = cell.getValue();
 			const row = cell.getRow();
 			const cellRowData = row.getData();
@@ -173,9 +180,38 @@ onMounted(() => {
 		data: tableData.value,
 		columns: columns,
 		selectable: true,
-		placeholder: function() {
-			return !props.transactions.length ? __("Select a bank transaction to find matching transactions") : __("No matching document found for your selection")
-		}
+		placeholder: function () {
+			return !props.transactions.length
+				? __("Select a bank transaction to find matching transactions")
+				: __("No matching document found for your selection");
+		},
+		pagination: true,
+		paginationSize: 20,
+		paginationSizeSelector: [20, 50, 100, true],
+		locale: true,
+		langs: {
+			default: {
+				pagination: {
+					page_size: __("Page Size"),
+					page_title: __("Show Page"),
+					first: __("First"),
+					first_title: __("First Page"),
+					last: __("Last"),
+					last_title: __("Last Page"),
+					prev: __("Prev"),
+					prev_title: __("Prev Page"),
+					next: __("Next"),
+					next_title: __("Next Page"),
+					all: __("All"),
+					counter: {
+						showing: __("Showing"),
+						of: __("of"),
+						rows: __("rows"),
+						pages: __("pages"),
+					},
+				},
+			},
+		},
 	});
 
 	tabulator.value.on("rowSelectionChanged", function(data, rows, selected, deselected) {
-- 
GitLab