pagnation

static/js/home.js

@@ -107,6 +107,11 @@ const registrationEnabled = document.body.dataset.registrationEnabled === "true"
 const resourcesDialog = document.querySelector("#resources-dialog");
 const resourcesList = document.querySelector("#resources-list");
 const resourcesError = document.querySelector("#resources-error");
+const resourcesSearch = document.querySelector("#resources-search");
+const resourcesPerPage = document.querySelector("#resources-per-page");
+const resourcesPagination = document.querySelector("#resources-pagination");
+let resourcesPage = 1;
+let resourcesSearchTimer;
 const profileDialog = document.querySelector("#profile-dialog");
 
 const profileForm = document.querySelector("#profile-form");
@@ -116,11 +121,16 @@ function authHeaders() { return {}; }
 function escapeHtml(value) { const node = document.createElement("div"); node.textContent = String(value ?? ""); return node.innerHTML; }
 function shareExpiry(hours, forever) { if (forever) return null; const value = Number(hours); if (!Number.isFinite(value) || value <= 0 || value > 87600) throw new Error("Enter a validity between 1 and 87600 hours."); return new Date(Date.now() + value * 3600000).toISOString(); }
 function formatShareExpiry(value) { if (!value) return "Never expires"; const date = new Date(value); return Number.isNaN(date.getTime()) ? value : `Expires ${date.toLocaleString()}`; }
+function renderResourcesPagination(meta) {
+  resourcesPagination.innerHTML = meta.total ? `<button type="button" data-page="${meta.page - 1}" ${meta.page <= 1 ? "disabled" : ""}>Previous</button><span>Page ${meta.page} of ${meta.total_pages} · ${meta.total} items</span><button type="button" data-page="${meta.page + 1}" ${meta.page >= meta.total_pages ? "disabled" : ""}>Next</button>` : "";
+}
 async function loadResources() {
   resourcesError.textContent = ""; resourcesList.innerHTML = "<p>Loading…</p>";
   try {
-    const data = await api("/api/auth/resources", { headers: authHeaders() });
-    const items = [...data.workspaces.map(item => ({ ...item, kind: "workspace", url: `/w/${item.slug}` })), ...data.pads.map(item => ({ ...item, kind: "pad", url: `/p/${item.slug}` }))];
+    const params = new URLSearchParams({ q: resourcesSearch.value.trim(), page: String(resourcesPage), per_page: resourcesPerPage.value });
+    const data = await api(`/api/auth/resources?${params}`, { headers: authHeaders() });
+    resourcesPage = data.pagination.page;
+    const items = data.items.map(item => ({ ...item, url: item.kind === "workspace" ? `/w/${item.slug}` : `/p/${item.slug}` }));
     resourcesList.innerHTML = items.length ? "" : "<p>No assigned items yet.</p>";
     for (const item of items) {
       const row = document.createElement("article");
@@ -256,9 +266,14 @@ async function loadResources() {
       });
       resourcesList.append(row);
     }
-  } catch (e) { resourcesList.innerHTML = ""; resourcesError.textContent = e.message; }
+    renderResourcesPagination(data.pagination);
+  } catch (e) { resourcesList.innerHTML = ""; resourcesPagination.innerHTML = ""; resourcesError.textContent = e.message; }
 }
 
+resourcesSearch?.addEventListener("input", () => { clearTimeout(resourcesSearchTimer); resourcesSearchTimer = setTimeout(() => { resourcesPage = 1; loadResources(); }, 250); });
+resourcesPerPage?.addEventListener("change", () => { resourcesPage = 1; loadResources(); });
+resourcesPagination?.addEventListener("click", event => { const button = event.target.closest("[data-page]"); if (!button || button.disabled) return; resourcesPage = Number(button.dataset.page) || 1; loadResources(); });
+
 
 function renderAccount(session) {
   currentSession = session;

static/js/workspace.js

@@ -29,6 +29,11 @@ const dialog = document.querySelector("#password-dialog");
 const identityDialog = document.querySelector("#identity-dialog");
 const workspaceContent = document.querySelector("#workspace-content");
 const notesList = document.querySelector("#notes-list");
+const notesSearch = document.querySelector("#notes-search");
+const notesPerPage = document.querySelector("#notes-per-page");
+const notesPagination = document.querySelector("#notes-pagination");
+let notesPage = 1;
+let notesSearchTimer;
 const notesViewKey = `rustpad:workspace:${slug}:notes-view`;
 let notesView = localStorage.getItem(notesViewKey) === "table" ? "table" : "grid";
 let notesCache = [];
@@ -115,15 +120,21 @@ async function showSystemNotFound() {
     document.body.textContent = "404 Not Found";
   }
 }
+function renderNotesPagination(meta) {
+  notesPagination.innerHTML = meta.total ? `<button type="button" data-page="${meta.page - 1}" ${meta.page <= 1 ? "disabled" : ""}>Previous</button><span>Page ${meta.page} of ${meta.total_pages} · ${meta.total} notes</span><button type="button" data-page="${meta.page + 1}" ${meta.page >= meta.total_pages ? "disabled" : ""}>Next</button>` : "";
+}
 async function openWorkspace() {
   try {
-    const data = await api(`/api/workspaces/${encodeURIComponent(slug)}/open`, { method: "POST", body: JSON.stringify({ access_token: accessToken || null }) });
+    const params = new URLSearchParams({ q: notesSearch.value.trim(), page: String(notesPage), per_page: notesPerPage.value });
+    const data = await api(`/api/workspaces/${encodeURIComponent(slug)}/open?${params}`, { method: "POST", body: JSON.stringify({ access_token: accessToken || null }) });
     info = data.workspace;
     document.querySelector("#workspace-title").textContent = info.title;
     document.querySelector("#workspace-url").textContent = location.pathname;
     document.title = `${info.title} · RustPad`;
+    notesPage = data.pagination.page;
     notesCache = data.notes;
     renderNotes();
+    renderNotesPagination(data.pagination);
     if (dialog.open) dialog.close();
   } catch (e) {
     if (info?.protected || e.message.toLowerCase().includes("password")) {
@@ -190,6 +201,9 @@ document.querySelectorAll("[data-notes-view]").forEach(button => button.addEvent
   notesView = button.dataset.notesView;
   renderNotes();
 }));
+notesSearch.addEventListener("input", () => { clearTimeout(notesSearchTimer); notesSearchTimer = setTimeout(() => { notesPage = 1; openWorkspace(); }, 250); });
+notesPerPage.addEventListener("change", () => { notesPage = 1; openWorkspace(); });
+notesPagination.addEventListener("click", event => { const button = event.target.closest("[data-page]"); if (!button || button.disabled) return; notesPage = Number(button.dataset.page) || 1; openWorkspace(); });
 document.querySelector("#copy-workspace-link").addEventListener("click", async () => {
   try { await copyText(new URL(location.pathname, location.origin).href); toast("Link copied"); }
   catch (e) { toast(e.message); }