[ACS-12728] Allow to drag to outside document list

This commit is contained in:
Aleksander Sklorz
2026-09-07 12:17:55 +02:00
parent fae8977290
commit c3ee05c013
3 changed files with 12 additions and 3 deletions
@@ -2567,7 +2567,8 @@
"sortable": false, "sortable": false,
"desktopOnly": false, "desktopOnly": false,
"order": 10, "order": 10,
"resizable": false "resizable": false,
"visibleInDragPreview": true
}, },
{ {
"id": "app.files.name", "id": "app.files.name",
@@ -2579,7 +2580,8 @@
"template": "app.columns.name", "template": "app.columns.name",
"desktopOnly": false, "desktopOnly": false,
"order": 20, "order": 20,
"draggable": true "draggable": true,
"visibleInDragPreview": true
}, },
{ {
"id": "app.files.size", "id": "app.files.size",
@@ -5,7 +5,8 @@
[root]="title" [root]="title"
[folderNode]="node" [folderNode]="node"
[selectedRowItemsCount]="selectedRowItemsCount" [maxItems]="isSmallScreen ? 1 : 0" [selectedRowItemsCount]="selectedRowItemsCount" [maxItems]="isSmallScreen ? 1 : 0"
(navigate)="onBreadcrumbNavigate($event)" /> (navigate)="onBreadcrumbNavigate($event)"
(breadcrumbPathElementsChange)="breadcrumbPathNames = $event"/>
<aca-toolbar [items]="actions" /> <aca-toolbar [items]="actions" />
</div> </div>
</div> </div>
@@ -44,6 +45,9 @@
(selectedItemsCountChanged)="onSelectedItemsCountChanged($event)" (selectedItemsCountChanged)="onSelectedItemsCountChanged($event)"
(filterSelection)="onFilterSelected($event)" (filterSelection)="onFilterSelected($event)"
(error)="onError($event)" (error)="onError($event)"
[enableDragRows]="true"
[dropListConnectedTo]="breadcrumbPathNames"
[dragBoundary]="'aca-files'"
> >
<data-columns> <data-columns>
<ng-container *ngFor="let column of columns; trackBy: trackByColumnId"> <ng-container *ngFor="let column of columns; trackBy: trackByColumnId">
@@ -60,6 +64,7 @@
[isHidden]="column.isHidden" [isHidden]="column.isHidden"
[draggable]="column.draggable" [draggable]="column.draggable"
[resizable]="column.resizable" [resizable]="column.resizable"
[visibleInDragPreview]="column.visibleInDragPreview"
> >
<ng-template let-context> <ng-template let-context>
<adf-dynamic-column [id]="column.template" [context]="context" /> <adf-dynamic-column [id]="column.template" [context]="context" />
@@ -80,6 +85,7 @@
[isHidden]="column.isHidden" [isHidden]="column.isHidden"
[draggable]="column.draggable" [draggable]="column.draggable"
[resizable]="column.resizable" [resizable]="column.resizable"
[visibleInDragPreview]="column.visibleInDragPreview"
/> />
</ng-container> </ng-container>
</ng-container> </ng-container>
@@ -102,6 +102,7 @@ export class FilesComponent extends PageComponent implements OnInit, OnDestroy {
showLoader$ = this.store.select(showLoaderSelector); showLoader$ = this.store.select(showLoaderSelector);
columns: DocumentListPresetRef[] = []; columns: DocumentListPresetRef[] = [];
isFilterHeaderActive = false; isFilterHeaderActive = false;
breadcrumbPathNames: string[] = [];
private nodePath: PathElement[]; private nodePath: PathElement[];
private _errorTranslationKey = 'APP.MESSAGES.ERRORS.MISSING_CONTENT'; private _errorTranslationKey = 'APP.MESSAGES.ERRORS.MISSING_CONTENT';