diff options
Diffstat (limited to 'src/pybind/mgr/dashboard/frontend/src/app/shared/components/select-badges/select-badges.component.html')
-rw-r--r-- | src/pybind/mgr/dashboard/frontend/src/app/shared/components/select-badges/select-badges.component.html | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select-badges/select-badges.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select-badges/select-badges.component.html new file mode 100644 index 000000000..0f23aee87 --- /dev/null +++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/select-badges/select-badges.component.html @@ -0,0 +1,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> |