hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 10:04:11 +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-03-01 20:14:14 +01:00
parent 61bf50e152
commit 671fa8f220
1 changed files with 3 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,37 +1,24 @@
<div [className]="'float-left w-100 ' + wrapperClass"> <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)"> <div role="list" class="nav nav-pills d-flex flex-column flex-sm-row" cdkDropList cdkDropListOrientation="horizontal" (cdkDropListDropped)="onDrop($event)">
<div role="listitem" class="nav-item mr-2 mb-1" cdkDrag (cdkDragStarted)="onDrag($event)" <div role="listitem" class="nav-item mr-2 mb-1"
*ngFor="let c of chips.getChips(); let i = index" *ngFor="let c of chips.getChips(); let i = index"
#t="ngbTooltip" #t="ngbTooltip"
triggers="manual" triggers="manual"
[ngbTooltip]="tipContent" [ngbTooltip]="tipContent"
(mouseover)="showTooltip(t, i)" (mouseover)="showTooltip(t, i)"
(mouseout)="t.close()"> (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> <ng-template #tipContent>
<p class="text-left p-0 m-0" *ngFor="let tip of tipText"> <p class="text-left p-0 m-0" *ngFor="let tip of tipText">
{{tip}} {{tip}}
</p> </p>
</ng-template> </ng-template>
<a class="flex-sm-fill text-sm-center nav-link active bg-info" <a class="flex-sm-fill text-sm-center nav-link active bg-info"
cdkDrag
(cdkDragStarted)="onDrag($event)"
href="javascript:void(0);" href="javascript:void(0);"
[ngClass]="{'chip-selected disabled': (editable && c.editMode) || dragged == i}" [ngClass]="{'chip-selected disabled': (editable && c.editMode) || dragged == i}"
(click)="chipsSelected($event, i);"> (click)="chipsSelected($event, i);">
<span> <span>
<i *ngIf="showIcons && !c.isNestedItem()" dsAuthorityConfidenceState [authorityValue]="c.item" class="far fa-circle" aria-hidden="true"></i>
<ng-container *ngIf="showIcons && c.hasVisibleIcons()"> <ng-container *ngIf="showIcons && c.hasVisibleIcons()">
<i *ngFor="let icon of c.icons; let l = last" <i *ngFor="let icon of c.icons; let l = last"
[ngbTooltip]="tipContent" [ngbTooltip]="tipContent"