From 39b8d02716cd04f190334eba5cb0102b5525272e Mon Sep 17 00:00:00 2001
From: FMaz <fmaz008@gmail.com>
Date: Wed, 1 May 2024 18:49:32 -0300
Subject: [PATCH] Added dynamic value for how many items to constantly display
 for the verbose pagination

---
 popup/homepage.html   | 24 +++++++++++++++++++++++-
 popup/homepage.js     | 14 ++++++++++++++
 scripts/pagination.js |  7 +++++--
 3 files changed, 42 insertions(+), 3 deletions(-)

diff --git a/popup/homepage.html b/popup/homepage.html
index 533d782..399a5f6 100644
--- a/popup/homepage.html
+++ b/popup/homepage.html
@@ -47,12 +47,34 @@ <h1>
 						<input type="checkbox" name="general.topPagination" value="1" />
 					</label>
 					<label for="general.verbosePagination" style="margin-left: 10px"
-						>Verbose pagination (AI tab only)
+						>Verbose top pagination (AI tab only)
 						<a href="#" class="tips" title="The top pagination will display more pages.">
 							<div class="vh-toolbar-icon vh-icon-question"></div>
 						</a>
 						<input type="checkbox" name="general.verbosePagination" value="1" />
 					</label>
+					<label for="general.verbosePaginationStartPadding" style="margin-left: 20px"
+						>Always display the first X pages:
+						<a
+							href="#"
+							class="tips"
+							title="Define how many pages to display at the start of the pagination."
+						>
+							<div class="vh-toolbar-icon vh-icon-question"></div>
+						</a>
+						<select name="general.verbosePaginationStartPadding" id="verbosePaginationStartPadding">
+							<option value="1">1</option>
+							<option value="2">2</option>
+							<option value="3">3</option>
+							<option value="4">4</option>
+							<option value="5">5</option>
+							<option value="6">6</option>
+							<option value="7">7</option>
+							<option value="8">8</option>
+							<option value="9">9</option>
+							<option value="10">10</option>
+						</select>
+					</label>
 
 					<label for="hiddenTab.active"
 						>Hidden Tab
diff --git a/popup/homepage.js b/popup/homepage.js
index 742e7d5..66ad61f 100644
--- a/popup/homepage.js
+++ b/popup/homepage.js
@@ -162,6 +162,20 @@ function init() {
 		await chrome.storage.local.set({ settings: appSettings });
 	};
 
+	//general.verbosePaginationStartPadding
+	select = document.getElementById("verbosePaginationStartPadding");
+	for (i = 0; i < select.options.length; i++) {
+		if (select.options[i].value == appSettings.general.verbosePaginationStartPadding) {
+			select.options[i].selected = true;
+		}
+	}
+	document.getElementById("verbosePaginationStartPadding").onchange = async function () {
+		appSettings.general.verbosePaginationStartPadding = document.getElementById(
+			"verbosePaginationStartPadding"
+		).value;
+		await chrome.storage.local.set({ settings: appSettings });
+	};
+
 	//Concensus Threshold
 	key = CSS.escape("unavailableTab.consensusThreshold");
 	document.querySelector(`#${key}`).value = appSettings.unavailableTab.consensusThreshold;
diff --git a/scripts/pagination.js b/scripts/pagination.js
index 61da4b6..bdcd170 100644
--- a/scripts/pagination.js
+++ b/scripts/pagination.js
@@ -1,13 +1,16 @@
 function generatePagination(url, totalItems, itemsPerPage, currentPage) {
 	const LAST_PAGE = Math.ceil(totalItems / itemsPerPage);
-	const START_PAGE_PADDING = 10;
+	const START_PAGE_PADDING =
+		appSettings.general.verbosePaginationStartPadding == undefined
+			? 1
+			: parseInt(appSettings.general.verbosePaginationStartPadding);
 	const CURRENT_PAGE_PADDING = 3;
 	const END_PAGE_PADDING = 0;
 
 	//Generate the pagination container
 	var pagination = generatePaginationContainer();
 
-	//First 10 pages links
+	//First "10" pages links
 	for (let i = 1; i <= START_PAGE_PADDING; i++) {
 		pagination.querySelector("ul").appendChild(generatePageItem(url, i, currentPage));
 	}