summaryrefslogtreecommitdiffstats
path: root/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select-badges/select-badges.component.html
blob: 0f23aee87aa3fc7680fbbc3992e8f6f7d6a724ec (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<cd-select #cdSelect
           [data]="data"
           [options]="options"
           [messages]="messages"
           [selectionLimit]="selectionLimit"
           [customBadges]="customBadges"
           [customBadgeValidators]="customBadgeValidators"
           elemClass="mr-2 select-menu-edit"
           (selection)="selection.emit($event)">
  <i [ngClass]="[icons.edit]"></i>
</cd-select>

<span *ngFor="let dataItem of data">
  <span class="badge badge-dark mr-2">
    <span class="mr-2">{{ dataItem }}</span>
    <a class="badge-remove"
       (click)="cdSelect.removeItem(dataItem)">
      <i [ngClass]="[icons.destroy]"
         aria-hidden="true"></i>
    </a>
  </span>
</span>