[ACS-6323] dynamic content list changing columns order with drag drop (#3557)

* ACS-6323 Allow to drag and drop name column

* ACS-6323 Made rest columns in personal files as draggable

* ACS-6323 Enabled dragging columns for rest of lists

* ACS-6323 Small correction

* ACS-6323 Fixed e2e

* ACS-6323 Fixed e2e

* ACS-6323 Fixed e2e

* ACS-6323 Fixed e2e

* ACS-6323 Fixed e2e

* ACS-6323 Fixed e2e

* ACS-6323 Fixed e2e

* ACS-6323 Fixed e2e

* ACS-6323 Revert change

* e2e test fix

* e2e test fix

---------

Co-authored-by: akash.rathod@hyland.com <akash.rathod@hyland.com>
This commit is contained in:
AleksanderSklorz
2023-12-11 12:04:50 +01:00
committed by GitHub
parent 0c8b872cd0
commit 68ee86010a
11 changed files with 97 additions and 41 deletions

View File

@@ -35,6 +35,7 @@
<ng-container *ngFor="let column of columns; trackBy: trackByColumnId">
<ng-container *ngIf="column.template && !(column.desktopOnly && isSmallScreen)">
<data-column
[draggable]="column.draggable"
[key]="column.key"
[title]="column.title"
[type]="column.type"
@@ -52,6 +53,7 @@
<ng-container *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)">
<data-column
[key]="column.key"
[draggable]="column.draggable"
[title]="column.title"
[type]="column.type"
[format]="column.format"

View File

@@ -32,6 +32,7 @@
<data-column
[key]="column.key"
[title]="column.title"
[draggable]="column.draggable"
[type]="column.type"
[format]="column.format"
[class]="column.class"
@@ -49,6 +50,7 @@
[key]="column.key"
[title]="column.title"
[type]="column.type"
[draggable]="column.draggable"
[format]="column.format"
[class]="column.class"
[sortable]="column.sortable"

View File

@@ -47,6 +47,7 @@
[sortable]="column.sortable"
[sortingKey]="column.sortingKey || column.key"
[isHidden]="column.isHidden"
[draggable]="column.draggable"
>
<ng-template let-context>
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
@@ -64,6 +65,7 @@
[sortable]="column.sortable"
[sortingKey]="column.sortingKey || column.key"
[isHidden]="column.isHidden"
[draggable]="column.draggable"
>
</data-column>
</ng-container>

View File

@@ -38,6 +38,7 @@
[title]="column.title"
[type]="column.type"
[format]="column.format"
[draggable]="column.draggable"
[class]="column.class"
[sortable]="column.sortable"
[isHidden]="column.isHidden"
@@ -55,6 +56,7 @@
[type]="column.type"
[format]="column.format"
[class]="column.class"
[draggable]="column.draggable"
[sortable]="column.sortable"
[isHidden]="column.isHidden"
>

View File

@@ -36,6 +36,7 @@
[format]="column.format"
[class]="column.class"
[sortable]="column.sortable"
[draggable]="column.draggable"
[isHidden]="column.isHidden"
>
<ng-template let-context>
@@ -53,6 +54,7 @@
[class]="column.class"
[sortable]="column.sortable"
[isHidden]="column.isHidden"
[draggable]="column.draggable"
>
</data-column>
</ng-container>

View File

@@ -45,6 +45,7 @@
[format]="column.format"
[class]="column.class"
[sortable]="column.sortable"
[draggable]="column.draggable"
>
<ng-template let-context>
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
@@ -60,6 +61,7 @@
[format]="column.format"
[class]="column.class"
[sortable]="column.sortable"
[draggable]="column.draggable"
>
</data-column>
</ng-container>

View File

@@ -58,13 +58,13 @@
</adf-data-column-header>
</data-column>
<data-column key type="text" class="adf-ellipsis-cell adf-expand-cell-5" title="APP.DOCUMENT_LIST.COLUMNS.NAME" [sortable]="false">
<data-column key type="text" class="adf-ellipsis-cell adf-expand-cell-5" title="APP.DOCUMENT_LIST.COLUMNS.NAME" [sortable]="false" [draggable]="true">
<ng-template let-context>
<aca-search-results-row [context]="context"></aca-search-results-row>
</ng-template>
</data-column>
<data-column key="properties" title="Description" class="adf-expand-cell-3" [sortable]="false" *ngIf="!isSmallScreen">
<data-column key="properties" title="Description" class="adf-expand-cell-3" [sortable]="false" *ngIf="!isSmallScreen" [draggable]="true">
<ng-template let-context>
<span class="adf-datatable-cell-value adf-ellipsis-cell">
{{context.row?.node?.entry?.properties && context.row?.node?.entry?.properties['cm:description']}}
@@ -72,10 +72,10 @@
</ng-template>
</data-column>
<data-column key="content.sizeInBytes" type="fileSize" title="APP.DOCUMENT_LIST.COLUMNS.SIZE" class="adf-no-grow-cell adf-ellipsis-cell" [sortable]="false" *ngIf="!isSmallScreen"></data-column>
<data-column key="modifiedAt" type="date" title="APP.DOCUMENT_LIST.COLUMNS.MODIFIED_ON" class="adf-no-grow-cell adf-ellipsis-cell" format="timeAgo" [sortable]="false" *ngIf="!isSmallScreen"></data-column>
<data-column key="modifiedByUser.displayName" title="APP.DOCUMENT_LIST.COLUMNS.MODIFIED_BY" class="adf-no-grow-cell adf-ellipsis-cell" [sortable]="false" *ngIf="!isSmallScreen"></data-column>
<data-column key="$tags" type="text" title="APP.DOCUMENT_LIST.COLUMNS.TAGS" class="adf-full-width adf-expand-cell-4" [sortable]="false">
<data-column key="content.sizeInBytes" type="fileSize" title="APP.DOCUMENT_LIST.COLUMNS.SIZE" class="adf-no-grow-cell adf-ellipsis-cell" [sortable]="false" *ngIf="!isSmallScreen" [draggable]="true"></data-column>
<data-column key="modifiedAt" type="date" title="APP.DOCUMENT_LIST.COLUMNS.MODIFIED_ON" class="adf-no-grow-cell adf-ellipsis-cell" format="timeAgo" [sortable]="false" *ngIf="!isSmallScreen" [draggable]="true"></data-column>
<data-column key="modifiedByUser.displayName" title="APP.DOCUMENT_LIST.COLUMNS.MODIFIED_BY" class="adf-no-grow-cell adf-ellipsis-cell" [sortable]="false" *ngIf="!isSmallScreen" [draggable]="true"></data-column>
<data-column key="$tags" type="text" title="APP.DOCUMENT_LIST.COLUMNS.TAGS" class="adf-full-width adf-expand-cell-4" [sortable]="false" [draggable]="true">
<ng-template let-context>
<aca-tags-column [context]="context"></aca-tags-column>
</ng-template>

View File

@@ -36,6 +36,7 @@
[class]="column.class"
[sortable]="column.sortable"
[isHidden]="column.isHidden"
[draggable]="column.draggable"
>
<ng-template let-context>
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
@@ -45,6 +46,7 @@
<ng-container *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)">
<data-column
[draggable]="column.draggable"
[key]="column.key"
[title]="column.title"
[type]="column.type"

View File

@@ -36,6 +36,7 @@
<ng-container *ngIf="column.template && !(column.desktopOnly && isSmallScreen)">
<data-column
[key]="column.key"
[draggable]="column.draggable"
[title]="column.title"
[type]="column.type"
[format]="column.format"
@@ -57,6 +58,7 @@
[format]="column.format"
[class]="column.class"
[sortable]="column.sortable"
[draggable]="column.draggable"
[isHidden]="column.isHidden"
>
</data-column>