h3.mb-3(translate) Hotkeys

.input-group.mb-4
    .input-group-prepend
        .input-group-text
            i.fas.fa-fw.fa-search
    input.form-control(type='search', [placeholder]='"Search hotkeys"|translate', [(ngModel)]='hotkeyFilter')

.form-group.hotkeys-table
    ng-container(*ngFor='let hotkey of hotkeyDescriptions')
        .row.align-items-center(*ngIf='!hotkeyFilter || hotkeyFilterFn(hotkey, hotkeyFilter)')
            .col-8.py-2
                span {{hotkey.name|translate}}
                span.ml-2.text-muted ({{hotkey.id}})
            .col-4.pr-5
                multi-hotkey-input(
                    [model]='getHotkey(hotkey.id) || []',
                    (modelChange)='setHotkey(hotkey.id, $event)'
                )