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

@@ -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>