tabby/tabby-core/src/components/selectorModal.component.pug
2021-12-08 23:25:46 +01:00

33 lines
1.3 KiB
Plaintext

.modal-body
input.form-control.form-control-lg(
type='text',
[(ngModel)]='filter',
autofocus,
[placeholder]='name',
(ngModelChange)='onFilterChange()'
)
.list-group.list-group-light(*ngIf='filteredOptions.length')
ng-container(*ngFor='let option of filteredOptions; let i = index')
label.group-header(
*ngIf='hasGroups && option.group !== filteredOptions[i - 1]?.group'
) {{option.group}}
a.list-group-item.list-group-item-action.d-flex.align-items-center(
#item,
(click)='selectOption(option)',
[class.active]='selectedIndex == i'
)
i.icon(
class='fa-fw {{option.icon}}',
style='color: {{option.color}}',
*ngIf='!iconIsSVG(option.icon)'
)
.icon(
[fastHtmlBind]='option.icon',
style='color: {{option.color}}',
*ngIf='iconIsSVG(option.icon)'
)
.title.mr-2 {{getOptionText(option)}}
.description.no-wrap.text-muted {{option.description}}
.no-wrap.badge.badge-secondary.text-muted.ml-auto(*ngIf='selectedIndex == i') Enter