From 9f998f8720373ad7ddf1e7eb7d2394b1163062ae Mon Sep 17 00:00:00 2001
From: Aji Setiaji <aji.setiaji@iconpln.co.id>
Date: Fri, 11 Jul 2025 06:35:38 +0700
Subject: [PATCH] penambahan fitur row size and export

---
 src/routes/backoffice/timesheets/+page.svelte | 27 ++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/routes/backoffice/timesheets/+page.svelte b/src/routes/backoffice/timesheets/+page.svelte
index 3f1127b..ddcb7d8 100644
--- a/src/routes/backoffice/timesheets/+page.svelte
+++ b/src/routes/backoffice/timesheets/+page.svelte
@@ -143,13 +143,13 @@
     let dataVilla: Villa[] = [];
     let allRows: TimesheetDisplay[] = [];
     let totalItems = 0;
-    let rowsPerPage = 20;
+    let rowsPerPage = 10;
     let showModal = false;
     let isEditing = false;
     let currentEditingId: string | null = null;
     let newTsdata: Record<string, any> = {};
-    let selectedMonth: number | null = null;
-    let selectedYear: number | null = null;
+    let selectedMonth: number | null = new Date().getMonth() + 1; // 1-12
+    let selectedYear: number | null = new Date().getFullYear(); // Current year
     let employees: Employee[] = [];
     let villas: Villa[] = [];
     let form = {
@@ -962,6 +962,27 @@
                 </button>
             </div>
             <div class="space-x-2">
+                <label for="rowsPerPage" class="text-sm">Rows per page:</label>
+                <select
+                    id="rowsPerPage"
+                    class="border border-gray-300 px-2 py-1 rounded text-sm"
+                    bind:value={rowsPerPage}
+                    on:change={() => {
+                        currentPage = 1; // Reset to first page on change
+                        fetchTimeSheets(
+                            currentVillaFilter,
+                            currentSearchTerm,
+                            sortColumn,
+                            sortOrder,
+                            0,
+                            rowsPerPage,
+                        );
+                    }}
+                >
+                    {#each [10, 20, 50, 100] as option}
+                        <option value={option}>{option}</option>
+                    {/each}
+                </select>
                 <button
                     class="px-3 py-1 rounded border border-gray-300 bg-white hover:bg-gray-100 disabled:opacity-50"
                     on:click={() => goToPage(currentPage - 1)}