.modal-body
    input.form-control(
        type='text', 
        [(ngModel)]='quickTarget', 
        autofocus, 
        placeholder='Quick connect: [user@]host[:port]', 
        (ngModelChange)='refresh()',
        (keyup.enter)='quickConnect()'
    )
    
    .list-group.mt-3(*ngIf='lastConnection')
        a.list-group-item.list-group-item-action.d-flex.align-items-center((click)='connect(lastConnection)') 
            i.fa.fa-fw.fa-history
            .mr-auto {{lastConnection.name}}
            button.btn.btn-outline-danger.btn-sm((click)='clearLastConnection(); $event.stopPropagation()')
                i.fa.fa-trash-o
    
    .list-group.mt-3.connections-list(*ngIf='childGroups.length')
        ng-container(*ngFor='let group of childGroups') 
            .list-group-item.list-group-item-action.d-flex.align-items-center(
                (click)='groupCollapsed[group.name] = !groupCollapsed[group.name]'
            )
                .fa.fa-fw.fa-chevron-right(*ngIf='groupCollapsed[group.name]')
                .fa.fa-fw.fa-chevron-down(*ngIf='!groupCollapsed[group.name]')
                .ml-2 {{group.name || "Ungrouped"}}
            ng-container(*ngIf='!groupCollapsed[group.name]')
                .list-group-item.list-group-item-action.pl-5.d-flex.align-items-center(
                    *ngFor='let connection of group.connections', 
                    (click)='connect(connection)'
                ) {{connection.name}}