<div ng-controller="Tasks.FutureApprovalRoutingController">
    <div class="panel panel-success panel-grid">
        <div class="panel-heading">
            <div class="panel-title">
                <span> {{'tasks.comp.approvalRouting.title' | translate}}</span>
                <div class="pull-right">
                    <span>
                        <button tooltip="{{addNewTooltip}}" tooltip-append-to-body="true" tooltip-popup-delay="400"
                                class="btn btn-default btn-xs" ng-hide="gridButtonReadOnly()" ng-click="userSearch()">
                                <i class="fa fa-lg fa-plus"></i></button>
                        <button tooltip-append-to-body="true" tooltip="{{tasks.comp.approvalRouting.button.save.tooltip}}"
                                tooltip-popup-delay="200" class="btn btn-default btn-xs" ng-disabled="!isDataChanged()"
                                ng-click="saveTask()">
                                <i class="fa fa-lg fa-save"></i></button>
                    </span>
                </div>
            </div>
        </div>
        <div class="panel-body">
            <div ui-grid="gridOptions" ui-grid-resize-columns ui-grid-auto-resize ui-grid-pagination ui-grid-edit ui-grid-cell-nav
                    adjust-table-height="gridOptions.data.length" ng-hide="gridOptions.noData" class="grid"></div>
            <div class="alert" ng-if="gridOptions.noData">
                <p class="text-center">
                    <span>{{noDataMessage}}</span>
                </p>
            </div>
        </div>
    </div>
</div>