hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 18:14:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

[DURACOM-237] - Refactoring html based on @angular/cdk/drag-drop

Browse Source
This commit is contained in:
Simone Ramundi
2024-02-29 18:26:01 +01:00
parent dbf6b9d1f9
commit e092914c00
1 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/shared/form/chips/chips.component.html
View File

@@ -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}"