first attempt to implement pagination"

ejhon1116 · Nov 14, 2024 · 63c9f5a · 63c9f5a
1 parent 4839c55
commit 63c9f5a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/pc-parts/part_fetch_show.js b/pc-parts/part_fetch_show.js
@@ -18,8 +18,12 @@ function generateTable(items, priceLimit, nameFilter, typeBlacklist, brandBlackl
 
 
     // Table Creation
-    items.forEach(item => {
+    i = 0;
+    items.every(item => {
         if (parseFloat(item.price) <= priceLimit && item.name.toLowerCase().includes(nameFilter.toLowerCase()) && !typeBlacklist.includes(item.type) && !brandBlacklist.includes(item.brand)) {
+            if(i > 10) {
+                return false;
+            }
             const row = document.createElement('tr');
 
             const type = document.createElement('td');
@@ -52,6 +56,8 @@ function generateTable(items, priceLimit, nameFilter, typeBlacklist, brandBlackl
             tableBody.appendChild(row);
 
             odd = !odd;
+            i++;
+            return true;
         }
     });
 }
@@ -178,6 +184,8 @@ async function initPage() {
     const items = await fetchItems();
     sortItems(items);
 
+    num_items = items.length
+
 
     const price_limit_input = document.getElementById('price-limit-input');
     price_limit_input.addEventListener('input', function() {