<div class="panel panel-default">
    <div class="panel-body">
        <accordion>
            <accordion-group is-open="item.open" ng-repeat="item in filterGroup | filter:searchText">
                <accordion-heading>
                    <input type="checkbox" class="pull-left glyphicon" ng-click="filterHeaderClick(item.title, $event)" ng-model="master" value="{{item.title}}"/>{{ item.title }}
                    <span class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': item.open, 'glyphicon-chevron-up': !item.open}"></span>
                </accordion-heading>
                <div ng-repeat="data in item.content">
                    <input type="checkbox" class="pull-left glyphicon" ng-click="filterSubitemClick(data, item.title, $event)" ng-checked="master" value="{{data}}" />{{data}}
                </div>
            </accordion-group>
        </accordion>
        <div class="pull-right">
            <button type="button" class="btn btn-default btn-xs" ng-click="applyFilterClick($event)">Apply Filter</button>
        </div>
    </div>
</div>

$scope.filterGroup = [{
    title: "Task Type",
    content: ["Task Type 1", "Task Type 2", "Task Type 3", "Task Type 4"],
    open: false,
    checked: false

}, {
    title: "Connectors",
    content: ["c1", "c2"],
    open: false,
    checked: false
}, {
    title: "Schedules",
    content: ["s1", "s2"],
    open: false,
    checked: false
}, {
    title: "Secure Agents",
    content: ["a1", "zmr"],
    open: false,
    checked: false
}];