autoform-faicon.html

<template name="afFaicon">
    {{#if loadComplete}}
        {{#if selected}}
            <span class="float-right text-muted"><i class="fa fa-fw fa-{{selected}}"></i> {{selected}}</span>
        {{/if}}
        <div>
            <p>
                <div class="input-group">
                    <span class="input-group-addon"><i class="fa fa-filter"></i></span>
                    <input type="text" class="form-control input-sm" id="afFaIcon-filter">
                </div>
            </p>
            <div class="af-faicon-container">
                {{#each entries}}
                    <button class="col-xs-1 text-center btn btn-lg af-faicon-entry {{#if (isSelected this)}}
							btn-primary{{else}}btn-default{{/if}}" data-icon="{{this}}">
                        <i class="fa fa-fw fa-2x fa-{{this}}"></i><br>
                        <div class="af-faicon-text text-center">{{this}}</div>
                    </button>

                {{/each}}
            </div>
        </div>
    {{else}}
        <div><i class="fa fa-fw fa-spinner fa-pulse"></i></div>
    {{/if}}
    <input type="hidden" id="afFaicon-selectedIcon"
           data-schema-key="{{dataSchemaKey}}"
           value="{{selected}}"/>
</template>