Use ng select for multiselect

1 files changed, 19 insertions, 0 deletions

diff --git a/client/src/app/shared/shared-forms/select/select-options.component.html b/client/src/app/shared/shared-forms/select/select-options.component.html
new file mode 100644
index 000000000..48eca1cf5
--- /dev/null
+++ b/client/src/app/shared/shared-forms/select/select-options.component.html
@@ -0,0 +1,19 @@
+<ng-select
+  [items]="items"
+  [groupBy]="groupBy"
+  [(ngModel)]="selectedId"
+  (ngModelChange)="onModelChange()"
+  [clearable]="clearable"
+  [searchable]="searchable"
+
+  bindLabel="label"
+  bindValue="id"
+>
+  <ng-template ng-option-tmp let-item="item" let-index="index">
+    {{ item.label }}
+    <ng-container *ngIf="item.description">
+      <br>
+      <span [title]="item.description" class="text-muted">{{ item.description }}</span>
+    </ng-container>
+  </ng-template>
+</ng-select>