From dffd42af1d25f9ff78f61aaad7001ad82676c32c Mon Sep 17 00:00:00 2001
From: Corey Hammerton <corey.hammerton@gmail.com>
Date: Sat, 3 Sep 2016 17:11:40 -0400
Subject: [PATCH] puppetboard/templates/metrics.html: Added searchability to
 the Metrics list (#298)

This resolves #297

Adding a search bar to the Metrics page to allow the user to filter the list
items to only show what the user wants.
---
 puppetboard/templates/metrics.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/puppetboard/templates/metrics.html b/puppetboard/templates/metrics.html
index 5ff3876..e3d4245 100644
--- a/puppetboard/templates/metrics.html
+++ b/puppetboard/templates/metrics.html
@@ -1,9 +1,14 @@
 {% extends 'layout.html' %}
 {% block content %}
 <h1>Metrics</h1>
-<ul>
+<div class="ui fluid icon input hide" style="margin-bottom:20px">
+  <input autofocus="autofocus" class="filter-list" placeholder="Type here to filter...">
+</div>
+<ul class="ui list searchable">
   {% for metric in metrics %}
-  <li><a href="{{url_for('metric', env=current_env, metric=metric)}}">{{metric}}</li>
+  <li>
+    <a href="{{url_for('metric', env=current_env, metric=metric)}}">{{metric}}</a>
+  </li>
   {% endfor %}
 </ul>
 {% endblock content %}