<div ng-controller="ListController" ng-init="init()" id="container-[[ parentId  ]]">
    <div class="col-sm-2">
        <div ng-class="{'filter-input-selected': hasAssignedFile}" class="input-group filter-input">
                <span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-filter" aria-hidden="true"></span></span>
                <input ng-model="search" type="text" class="form-control" placeholder="Filter..." aria-describedby="basic-addon1">
        </div>
        <div class="list-group" ng-class="{'elevate-selected-item': hasAssignedFile}">
            <a ng-repeat="item in files | filter:search:strict | orderBy:['selected', 'name']"
               ng-click="performListAction(item)" href="#"
               ng-animate="animate"
               ng-class="{'list-group-item-info': hover}"
               ng-mouseenter="hover = true"
               ng-mouseleave="hover = false"
               class="[[ item.childCount | drillable ]] [[ item | testSelected:file  ]] slide list-group-item drillable-item filterable">
                <span class="badge">[[ item.count  ]]</span>
                <h4 style="margin-top:0px;" ng-bind-html="item.name | hl:search"></h4>

                <p class="deemphasize" ng-bind-html="item.description | hl:search"></p>
            </a>
        </div>
    </div>
</div>