Aug 5 - Update (new design) 3

app/templates/modern/inspections/list.html

@@ -13,17 +13,17 @@
 
 {% block content %}
 
+{# Any non-empty query param other than the page number means the user has
+   actually filtered — used to show the match count only when it is meaningful. #}
+{% set active_filters = [] %}
+{% for _k, _v in request.args.items() %}
+  {% if _k != 'page' and _v %}{% set _ = active_filters.append(_k) %}{% endif %}
+{% endfor %}
+
 {# ── Header ───────────────────────────────────────────────────────────── #}
 <div class="d-flex flex-wrap justify-content-between align-items-end mb-4 gap-2">
   <div>
     <div class="jqc-page-title">Inspections</div>
-    <div class="jqc-page-sub">
-      {% if inspections.total %}
-        {{ inspections.total }} inspection{{ 's' if inspections.total != 1 }} matching your filters
-      {% else %}
-        No inspections match your filters
-      {% endif %}
-    </div>
   </div>
   {% if current_user.role != 'customer' %}
   <div class="d-flex gap-2">
@@ -125,6 +125,14 @@
 
 {# ── Results ──────────────────────────────────────────────────────────── #}
 <div class="jqc-card">
+  {% if active_filters %}
+  <div class="text-muted small mb-2">
+    <i class="bi bi-funnel me-1"></i>
+    {{ inspections.total }} inspection{{ 's' if inspections.total != 1 }} match
+    {{ 'es' if inspections.total == 1 }} your filters
+  </div>
+  {% endif %}
+
   {% if inspections.items %}
   <div class="jqc-table-wrap table-responsive">
     <table class="table table-hover mb-0">

app/templates/modern/issues/list.html

@@ -12,17 +12,17 @@
 
 {% block content %}
 
+{# Any non-empty query param other than the page number means the user has
+   actually filtered — used to show the match count only when it is meaningful. #}
+{% set active_filters = [] %}
+{% for _k, _v in request.args.items() %}
+  {% if _k != 'page' and _v %}{% set _ = active_filters.append(_k) %}{% endif %}
+{% endfor %}
+
 {# ── Header ───────────────────────────────────────────────────────────── #}
 <div class="d-flex flex-wrap justify-content-between align-items-end mb-4 gap-2">
   <div>
     <div class="jqc-page-title">Issues</div>
-    <div class="jqc-page-sub">
-      {% if issues.total %}
-        {{ issues.total }} issue{{ 's' if issues.total != 1 }} matching your filters
-      {% else %}
-        No issues match your filters
-      {% endif %}
-    </div>
   </div>
   {% if current_user.role in ['admin','director','customer','auditor'] %}
   <a href="{{ url_for('issues.create') }}" class="btn btn-danger">
@@ -127,6 +127,14 @@
 
 {# ── Results ──────────────────────────────────────────────────────────── #}
 <div class="jqc-card">
+  {% if active_filters %}
+  <div class="text-muted small mb-2">
+    <i class="bi bi-funnel me-1"></i>
+    {{ issues.total }} issue{{ 's' if issues.total != 1 }} match
+    {{ 'es' if issues.total == 1 }} your filters
+  </div>
+  {% endif %}
+
   {% if issues.items %}
   <div class="jqc-table-wrap table-responsive">
     <table class="table table-hover mb-0">