From f9cd96b667e756386dfa14a4c9af6a3bb60a802a Mon Sep 17 00:00:00 2001
From: William Boman <william@redwill.se>
Date: Tue, 21 Oct 2014 01:53:52 +0200
Subject: [PATCH] Improved icon search.

---
 src/_includes/icons/filter.html |  2 +-
 src/assets/js/site.js           | 17 ++++++++++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/_includes/icons/filter.html b/src/_includes/icons/filter.html
index 689f063ea..54253f953 100644
--- a/src/_includes/icons/filter.html
+++ b/src/_includes/icons/filter.html
@@ -15,7 +15,7 @@
   <div class="row fontawesome-icon-list">
     {% for icon in icons %}
     <div class="fa-hover col-md-3 col-sm-4 filter-icon"
-      data-filter=" {{ icon.class }}{% for alias in icon.aliases %} {{ alias }}{% endfor %}{% for filter in icon.filter %} {{ filter }}{% endfor %}">
+      data-filter="{{ icon.class }}{% for alias in icon.aliases %}|{{ alias }}{% endfor %}{% for filter in icon.filter %}|{{ filter }}{% endfor %}">
       <a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}"></i> fa-{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a>
     </div>
     {% endfor %}
diff --git a/src/assets/js/site.js b/src/assets/js/site.js
index 3e5cf4756..a84c52d8c 100644
--- a/src/assets/js/site.js
+++ b/src/assets/js/site.js
@@ -32,12 +32,12 @@ $(function() {
 
       var resultsCount = 0;
       $icons.each(function() {
-        var filter = $(this).attr('data-filter')
-        var show = filter.match(' '+val);
+        var filter = $(this).attr('data-filter').split('|');
+        var show = inFilter(val, filter);
         if (!show) {
           if (val.slice(-1) === 's') {
             // Try to be smart. Make plural terms singular.
-            show = filter.match(' '+val.slice(0, -1));
+            show = inFilter(val.slice(0, -1), filter);
           }
         }
         if (show) resultsCount++;
@@ -53,6 +53,17 @@ $(function() {
     }).trigger('keyup');
   }
 
+  function inFilter(val, filter) {
+    var found = false;
+    for (var i = 0; i < filter.length; i++) {
+      if (filter[i].match(val)) {
+        found = true;
+        break;
+      }
+    }
+    return found;
+  }
+