From e092914c00b17c815f4a1f92a3a4a0c4e5ef5e16 Mon Sep 17 00:00:00 2001
From: Simone Ramundi <simone.ramundi@4science.com>
Date: Thu, 29 Feb 2024 18:26:01 +0100
Subject: [PATCH] [DURACOM-237] - Refactoring html based on
 @angular/cdk/drag-drop

---
 .../shared/form/chips/chips.component.html    | 26 ++++++++++++++-----
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/app/shared/form/chips/chips.component.html b/src/app/shared/form/chips/chips.component.html
index ac203e4c53..714d1d524c 100644
--- a/src/app/shared/form/chips/chips.component.html
+++ b/src/app/shared/form/chips/chips.component.html
@@ -1,17 +1,31 @@
 <div [className]="'float-left w-100 ' + wrapperClass">
   <div role="list" class="nav nav-pills d-flex flex-column flex-sm-row" cdkDropList cdkDropListOrientation="horizontal" (cdkDropListDropped)="onDrop($event)">
-    <ng-container *ngFor="let c of chips.getChips(); let i = index">
-      <ng-template #tipContent>
-        <p class="text-left p-0 m-0" *ngFor="let tip of tipText">
-          {{tip}}
-        </p>
-      </ng-template>
       <div role="listitem" class="nav-item mr-2 mb-1" cdkDrag (cdkDragStarted)="onDrag($event)"
+           *ngFor="let c of chips.getChips(); let i = index"
            #t="ngbTooltip"
            triggers="manual"
            [ngbTooltip]="tipContent"
            (mouseover)="showTooltip(t, i)"
            (mouseout)="t.close()">
+<!--        <div class="example-custom-placeholder" *cdkDragPlaceholder>-->
+<!--          <span>-->
+<!--            <i *ngIf="showIcons && !c.isNestedItem()" dsAuthorityConfidenceState [authorityValue]="c.item" class="far fa-circle" aria-hidden="true"></i>-->
+<!--            <ng-container *ngIf="showIcons && c.hasVisibleIcons()">-->
+<!--              <i *ngFor="let icon of c.icons; let l = last"-->
+<!--                 class="{{icon.style}}"-->
+<!--                 dsAuthorityConfidenceState-->
+<!--                 [authorityValue]="c.item[icon.metadata] || c.item"-->
+<!--                 [visibleWhenAuthorityEmpty]="icon.visibleWhenAuthorityEmpty"-->
+<!--                 aria-hidden="true"></i>-->
+<!--            </ng-container>-->
+<!--            <p class="chip-label text-truncate d-table-cell">{{c.display}}</p>-->
+<!--          </span>-->
+<!--        </div>-->
+        <ng-template #tipContent>
+          <p class="text-left p-0 m-0" *ngFor="let tip of tipText">
+            {{tip}}
+          </p>
+        </ng-template>
         <a class="flex-sm-fill text-sm-center nav-link active bg-info"
            href="javascript:void(0);"
            [ngClass]="{'chip-selected disabled': (editable && c.editMode) || dragged == i}"