From 58b9632fb171a2578b778f463f81937b95d18915 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Mon, 26 May 2025 20:54:56 +0200
Subject: [PATCH] auto-git:  [change] renderer.js

---
 renderer.js | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/renderer.js b/renderer.js
index 0986c99..e33a9ea 100644
--- a/renderer.js
+++ b/renderer.js
@@ -487,13 +487,29 @@ async function startLiveCountdown(folderObj, msLeft) {
   });
 
 
+  let commitPage = 1;    // Merker für die aktuelle Seite
+  const PAGE_SIZE = 50;
+
+  // UI-Element für Pagination (in deinem Template anlegen, z.B. unter contentList)
+  const paginationEl = document.createElement('div');
+  paginationEl.className = 'pagination flex justify-center items-center my-2 space-x-2';
+
+  contentList.parentElement.insertBefore(paginationEl, contentList); // einmalig nach DOM load
+
   async function renderContent(folderObj) {
     closeDropdown();
     const folder = folderObj.path;
     await updateInteractionBar(folderObj);
     titleEl.textContent = folder;
+
+
     const { head, commits } = await window.electronAPI.getCommits(folderObj);
+
+    commitPage = currentPage; // speichere aktuelle Seite
+
     if (!commits || !commits.length) {
+      contentList.innerHTML = '<div class="p-6 text-gray-500">No commits found.</div>';
+      paginationEl.innerHTML = '';
       return;
     } 
       contentList.innerHTML = commits.map(c => {
@@ -565,6 +581,16 @@ async function startLiveCountdown(folderObj, msLeft) {
         }
       </li>`;}).join(''); 
 
+    // --- PAGINATION ---
+    // Anzeige: « Vorherige | Seite X/Y | Nächste »
+    paginationEl.innerHTML = `
+      <button id="page-prev" class="px-2 py-1 border rounded" ${currentPage === 1 ? 'disabled' : ''}>«</button>
+      <span class="mx-2 text-sm">Seite ${currentPage} / ${pages}</span>
+      <button id="page-next" class="px-2 py-1 border rounded" ${currentPage === pages ? 'disabled' : ''}>»</button>
+    `;
+
+      
+
     // Diff-Buttons prüfen und ggf. deaktivieren
     contentList.querySelectorAll('.diff-btn').forEach(async btn => {
       const hash      = btn.dataset.hash;