From 33b4ff73a43cdfa2244ccd6a7ca9d76a7de7f2dc Mon Sep 17 00:00:00 2001
From: Benjamin Webb <40066515+webb-ben@users.noreply.github.com>
Date: Wed, 21 Aug 2024 16:23:11 -0800
Subject: [PATCH] Display numberMatched in HTML view (#1797)

* Display numberMatched in HTML view

* Fix display on no numberMatched

* Amend based on feedback
---
 pygeoapi/templates/collections/items/index.html | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/pygeoapi/templates/collections/items/index.html b/pygeoapi/templates/collections/items/index.html
index 6153d2d..bb9b488 100644
--- a/pygeoapi/templates/collections/items/index.html
+++ b/pygeoapi/templates/collections/items/index.html
@@ -22,7 +22,6 @@
   <section id="items"></section>
   <section id="collection">
     <h1>{% for l in data['links'] if l.rel == 'collection' %} {{ l['title'] }} {% endfor %}</h1>
-    <p>{% trans %}Items in this collection{% endtrans %}.</p>
   </section>
   <section id="items">
     {% if data['features'] %}
@@ -35,7 +34,9 @@
           <div class="col-sm-12">
             <div class="row">
                 <div class="col-sm-12">
-                  {% trans %}Warning: Higher limits not recommended!{% endtrans %}
+                    {% if data['numberMatched'] %}
+                    <p>{% trans %}Items in this collection{% endtrans %}: {{ data['numberMatched'] }}</p>
+                    {% endif %}
                 </div>
             </div>
             <div class="row">
@@ -47,6 +48,7 @@
                     <option value="1000">1,000</option>
                     <option value="2000">2,000</option>
                   </select>
+                  <p>{% trans %}Warning: Higher limits not recommended!{% endtrans %}</p>
                   <script>
                     var select = document.getElementById('limits');
                     var defaultValue = select.getElementsByTagName('option')[0].value;
@@ -134,6 +136,12 @@
           </table>
       </div>
     </div>
+    {% elif data['numberMatched'] %}
+    <div class="row">
+      <div class="col-sm-12">
+        <p>{% trans %}Items in this collection{% endtrans %}: {{ data['numberMatched'] }}</p>
+      </div>
+    </div>
     {% else %}
     <div class="row col-sm-12">
         <p>{% trans %}No items{% endtrans %}</p>