fix: support pagination in UI

templates/products.html

@@ -100,6 +100,55 @@
                     </tbody>
                 </table>
             </div>
+            
+            <!-- Pagination -->
+            {% if pagination.pages > 1 %}
+            <nav class="mt-4">
+                <ul class="pagination justify-content-center">
+                    {% macro page_url(page_num) -%}
+                        {{ url_for('web.products') }}?
+                        {%- for key, value in request.args.items() if key != 'page' and value %}
+                            {{ key }}={{ value|urlencode }}&
+                        {%- endfor -%}
+                        page={{ page_num }}
+                    {%- endmacro %}
+                    
+                    {% if pagination.has_prev %}
+                    <li class="page-item">
+                        <a class="page-link" href="{{ page_url(pagination.prev_num) }}">
+                            <i data-feather="chevron-left"></i>
+                        </a>
+                    </li>
+                    {% endif %}
+                    
+                    {% for page_num in pagination.iter_pages() %}
+                    {% if page_num %}
+                    {% if page_num != pagination.page %}
+                    <li class="page-item">
+                        <a class="page-link" href="{{ page_url(page_num) }}">{{ page_num }}</a>
+                    </li>
+                    {% else %}
+                    <li class="page-item active">
+                        <span class="page-link">{{ page_num }}</span>
+                    </li>
+                    {% endif %}
+                    {% else %}
+                    <li class="page-item disabled">
+                        <span class="page-link">…</span>
+                    </li>
+                    {% endif %}
+                    {% endfor %}
+                    
+                    {% if pagination.has_next %}
+                    <li class="page-item">
+                        <a class="page-link" href="{{ page_url(pagination.next_num) }}">
+                            <i data-feather="chevron-right"></i>
+                        </a>
+                    </li>
+                    {% endif %}
+                </ul>
+            </nav>
+            {% endif %}
         </div>
     </div>
 </div>
@@ -115,6 +164,8 @@ document.addEventListener('DOMContentLoaded', function() {
                 // Get the base URL for the download
                 const baseUrl = "/products/download-csv";
                 const filter = "{{ filter_query }}";
+                const version = "{{ version_filter }}";
+                const showAll = "{{ show_all }}" === "True" ? "1" : "";
                 const page = "{{ pagination.page }}";
                 const perPage = "{{ pagination.per_page }}";
                 
@@ -123,6 +174,12 @@ document.addEventListener('DOMContentLoaded', function() {
                 if (filter) {
                     downloadUrl += `&filter=${encodeURIComponent(filter)}`;
                 }
+                if (version) {
+                    downloadUrl += `&version=${encodeURIComponent(version)}`;
+                }
+                if (showAll) {
+                    downloadUrl += `&show_all=${showAll}`;
+                }
                 
                 // Create a custom dialog for filename
                 const dialogContainer = document.createElement('div');
@@ -271,7 +328,7 @@ document.addEventListener('DOMContentLoaded', function() {
                 console.error('Error in CSV download dialog:', error);
                 
                 // Fallback to direct download if the dialog fails
-                window.location.href = "/products/download-csv?filter={{ filter_query }}&page={{ pagination.page }}&per_page={{ pagination.per_page }}";
+                window.location.href = "/products/download-csv?filter={{ filter_query }}&version={{ version_filter }}&page={{ pagination.page }}&per_page={{ pagination.per_page }}{% if show_all %}&show_all=1{% endif %}";
             }
         });
     }

web/routes.py

@@ -248,7 +248,15 @@ def download_products_csv():
     page = request.args.get('page', 1, type=int)
     per_page = request.args.get('per_page', 20, type=int)
     custom_filename = request.args.get('filename', '')
-    products, pagination = get_products_with_stats(filter_query, version_filter=version_filter)
+    user_id = session.get('user_id')
+    show_all = request.args.get('show_all') and session.get('is_admin', False)
+    
+    products, pagination = get_products_with_stats(
+        filter_query=filter_query, 
+        version_filter=version_filter,
+        user_id=user_id,
+        show_all=show_all
+    )
     from models import Badge
     all_badges = Badge.query.order_by(Badge.name).all()
     output = io.StringIO()
@@ -2417,8 +2425,26 @@ def test_webhook_ui(webhook_id):
 @web_bp.route('/products')
 def products():
     filter_query = request.args.get('filter', '')
-    products = get_products_with_stats(filter_query)
-    return render_template('products.html', products=products, filter_query=filter_query)
+    version_filter = request.args.get('version', '')
+    user_id = session.get('user_id')
+    show_all = request.args.get('show_all') and session.get('is_admin', False)
+    
+    products, pagination = get_products_with_stats(
+        filter_query=filter_query,
+        version_filter=version_filter,
+        user_id=user_id,
+        show_all=show_all
+    )
+    
+    return render_template(
+        'products.html', 
+        products=products, 
+        pagination=pagination,
+        filter_query=filter_query,
+        version_filter=version_filter,
+        show_all=show_all,
+        is_admin=session.get('is_admin', False)
+    )
 
 # Product update API endpoint
 @web_bp.route('/products/update', methods=['POST'])