Improved icon search.

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 %}

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;
+  }
+