2015-01-15 22:54:32 +01:00
< div class = "filter-parent" id = "search" >
< label for = "filter-by" > < i class = "fa fa-search" > < / i > < / label >
2015-01-20 18:56:00 +01:00
< input placeholder = "Search icons" id = "filter-by" class = "form-control input-lg" tabindex = "1" >
2013-11-19 20:24:23 +01:00
< a href = "#" id = "filter-clear" class = "fa fa-times" > < / a >
< / div >
2014-11-01 23:45:08 +01:00
< script >
try {
2014-12-09 19:17:31 +01:00
window.filterSet = JSON.parse('{{ icons | flattenIconFilters | jsonify }}');
2014-11-01 23:45:08 +01:00
} catch (e) {
console.error('Invalid JSON data!');
2014-12-09 19:17:31 +01:00
window.filterSet = [];
2014-11-01 23:45:08 +01:00
}
< / script >
2015-01-15 22:54:32 +01:00
< section id = "filter" >
< h2 class = "page-header text-muted" > Search for '< span class = "text-color-default" id = "filter-val" > < / span > '< / h2 >
2013-11-19 20:24:23 +01:00
< div class = "row fontawesome-icon-list" >
{% for icon in icons %}
< div class = "fa-hover col-md-3 col-sm-4 filter-icon"
2014-10-21 01:53:52 +02:00
data-filter="{{ icon.class }}{% for alias in icon.aliases %}|{{ alias }}{% endfor %}{% for filter in icon.filter %}|{{ filter }}{% endfor %}">
2015-01-20 18:56:00 +01:00
< a href = "{{ page.relative_path }}icon/{{ icon.id }}" > < i class = "fa fa-{{ icon.class }}" > < / i > {{ icon.class }}{% if icon.alias_of %} < span class = "text-muted" > (alias)< / span > {% endif %}< / a >
2013-11-19 20:24:23 +01:00
< / div >
{% endfor %}
< / div >
2014-10-21 01:28:17 +02:00
< div id = "no-search-results" >
2015-01-15 22:54:32 +01:00
< div class = "alert alert-warning" role = "alert" > < i class = "fa fa-warning margin-right-sm" > < / i > No icons matching < strong > '< span > < / span > '< / strong > were found.< / div >
2014-10-21 01:28:17 +02:00
< / div >
2015-02-24 16:54:13 +01:00
< div class = "alert alert-info" role = "alert" > < i class = "fa fa-exclamation-circle margin-right-sm" > < / i > Tags are added by the community. Do you think your search query should return an icon? Send a pull request on < a href = "https://github.com/FortAwesome/Font-Awesome/blob/master/CONTRIBUTING.md#suggesting-icon-keyword-additionremoval" > GitHub< / a > !< / div >
2013-11-19 20:24:23 +01:00
2015-01-15 22:54:32 +01:00
< / section >