From e6a1b4287f1e83f874a5cd10bfb5ec8deeea2866 Mon Sep 17 00:00:00 2001
From: Craig Oates <craig@craigoates.net>
Date: Sat, 15 Oct 2022 16:56:17 +0100
Subject: [PATCH] add filter controls to pages.html template (HTML, CSS and
 JS).

---
 templates/pages.html | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/templates/pages.html b/templates/pages.html
index 9646292..9830454 100644
--- a/templates/pages.html
+++ b/templates/pages.html
@@ -1,14 +1,21 @@
 {% extends "layouts/default.html" %}
-{% block title %}A list of the site's pages.{% endblock %}
+{% block title %}{{system-data.first.site-name}}: Pages Index{% endblock %}
 {% block content %}
-<h1>Pages</h1>
+<main class="fe-index">
+    <h1>Pages Index</h1>
 
-{% for page in pages %}
-<div>
-  {% if page.can-delete == 1 %}
-  <a href="/view/page/{{page.slug}}">{{page.title}}</a>
-  {% endif %}
-</div>
-{% endfor %}
+    <input type="text"
+           id="fe-search-filter"
+           placeholder="Filter Pages by typing here...">
 
+    <ul id="fe-search-filter-list">
+        {% for page in pages %}
+        {% if page.can-delete == 1 %}
+        <li class="fe-index-entry">
+            <a href="/view/page/{{page.slug}}">{{page.title}}</a>
+        </li>
+        {% endif %}
+        {% endfor %}
+    </ul>
+</main>
 {% endblock %}