<button class="btn btn-default btn-block" (click)="openPermissionTreeModal()">{{'SelectPermissions' | localize}}
    ({{NumberOfFilteredPermission}})</button>

<div bsModal #permissionTreeModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="permissionTreeModal" aria-hidden="true" [config]="{backdrop: 'static'}">
    <div class="modal-dialog modal-lg permissionFilterTreeModal">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">
                    {{'SelectPermissions' | localize}}
                </h4>
                <button type="button" class="close" (click)="closePermissionTreeModal()" [attr.aria-label]="l('Close')">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <permission-tree #permissionTree></permission-tree>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default btn-brand btn-pill"
                    (click)="closePermissionTreeModal()">{{"Select" | localize}}</button>
            </div>
        </div>
    </div>
</div>