]> git.proxmox.com Git - ceph.git/blob - ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select-badges/select-badges.component.html
0f23aee87aa3fc7680fbbc3992e8f6f7d6a724ec
[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / shared / components / select-badges / select-badges.component.html
1 <cd-select #cdSelect
2 [data]="data"
3 [options]="options"
4 [messages]="messages"
5 [selectionLimit]="selectionLimit"
6 [customBadges]="customBadges"
7 [customBadgeValidators]="customBadgeValidators"
8 elemClass="mr-2 select-menu-edit"
9 (selection)="selection.emit($event)">
10 <i [ngClass]="[icons.edit]"></i>
11 </cd-select>
12
13 <span *ngFor="let dataItem of data">
14 <span class="badge badge-dark mr-2">
15 <span class="mr-2">{{ dataItem }}</span>
16 <a class="badge-remove"
17 (click)="cdSelect.removeItem(dataItem)">
18 <i [ngClass]="[icons.destroy]"
19 aria-hidden="true"></i>
20 </a>
21 </span>
22 </span>