refactor: standardize pagination across all admin pages

Migrated marketplace.js, imports.js, and logs.js to use the same
pagination pattern as companies.js, users.js, and vendors.js:

- pagination: { page, per_page, total, pages }
- Computed getters: totalPages, startIndex, endIndex, pageNumbers
- Methods: previousPage(), nextPage(), goToPage()

Updated templates to use the shared pagination macro:
- marketplace.html
- imports.html
- logs.html

All admin pages now use consistent pagination behavior and styling.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

static/admin/js/imports.js

@@ -43,9 +43,12 @@ function adminImports() {
 
         // Import jobs
         jobs: [],
-        totalJobs: 0,
-        page: 1,
-        limit: 20,
+        pagination: {
+            page: 1,
+            per_page: 20,
+            total: 0,
+            pages: 0
+        },
 
         // Modal state
         showJobModal: false,
@@ -54,6 +57,51 @@ function adminImports() {
         // Auto-refresh for active jobs
         autoRefreshInterval: null,
 
+        // Computed: Total pages
+        get totalPages() {
+            return this.pagination.pages;
+        },
+
+        // Computed: Start index for pagination display
+        get startIndex() {
+            if (this.pagination.total === 0) return 0;
+            return (this.pagination.page - 1) * this.pagination.per_page + 1;
+        },
+
+        // Computed: End index for pagination display
+        get endIndex() {
+            const end = this.pagination.page * this.pagination.per_page;
+            return end > this.pagination.total ? this.pagination.total : end;
+        },
+
+        // Computed: Page numbers for pagination
+        get pageNumbers() {
+            const pages = [];
+            const totalPages = this.totalPages;
+            const current = this.pagination.page;
+
+            if (totalPages <= 7) {
+                for (let i = 1; i <= totalPages; i++) {
+                    pages.push(i);
+                }
+            } else {
+                pages.push(1);
+                if (current > 3) {
+                    pages.push('...');
+                }
+                const start = Math.max(2, current - 1);
+                const end = Math.min(totalPages - 1, current + 1);
+                for (let i = start; i <= end; i++) {
+                    pages.push(i);
+                }
+                if (current < totalPages - 2) {
+                    pages.push('...');
+                }
+                pages.push(totalPages);
+            }
+            return pages;
+        },
+
         async init() {
             // Guard against multiple initialization
             if (window._adminImportsInitialized) {
@@ -117,8 +165,8 @@ function adminImports() {
             try {
                 // Build query params
                 const params = new URLSearchParams({
-                    page: this.page,
-                    limit: this.limit
+                    skip: (this.pagination.page - 1) * this.pagination.per_page,
+                    limit: this.pagination.per_page
                 });
 
                 // Add filters
@@ -140,7 +188,8 @@ function adminImports() {
                 );
 
                 this.jobs = response.items || [];
-                this.totalJobs = response.total || 0;
+                this.pagination.total = response.total || 0;
+                this.pagination.pages = Math.ceil(this.pagination.total / this.pagination.per_page);
 
                 adminImportsLog.debug('Loaded all jobs:', this.jobs.length);
             } catch (error) {
@@ -155,7 +204,7 @@ function adminImports() {
          * Apply filters and reload
          */
         async applyFilters() {
-            this.page = 1;  // Reset to first page when filtering
+            this.pagination.page = 1;  // Reset to first page when filtering
             await this.loadJobs();
             await this.loadStats();  // Update stats based on filters
         },
@@ -168,7 +217,7 @@ function adminImports() {
             this.filters.status = '';
             this.filters.marketplace = '';
             this.filters.created_by = '';
-            this.page = 1;
+            this.pagination.page = 1;
             await this.loadJobs();
             await this.loadStats();
         },
@@ -239,20 +288,30 @@ function adminImports() {
         /**
          * Pagination: Previous page
          */
-        async previousPage() {
-            if (this.page > 1) {
-                this.page--;
-                await this.loadJobs();
+        previousPage() {
+            if (this.pagination.page > 1) {
+                this.pagination.page--;
+                this.loadJobs();
             }
         },
 
         /**
          * Pagination: Next page
          */
-        async nextPage() {
-            if (this.page * this.limit < this.totalJobs) {
-                this.page++;
-                await this.loadJobs();
+        nextPage() {
+            if (this.pagination.page < this.totalPages) {
+                this.pagination.page++;
+                this.loadJobs();
+            }
+        },
+
+        /**
+         * Pagination: Go to specific page
+         */
+        goToPage(pageNum) {
+            if (pageNum !== '...' && pageNum >= 1 && pageNum <= this.totalPages) {
+                this.pagination.page = pageNum;
+                this.loadJobs();
             }
         },