mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2025-07-31 17:38:28 +00:00
declare client side sorting (#1605)
This commit is contained in:
@@ -20,24 +20,19 @@
|
|||||||
selectionMode="multiple"
|
selectionMode="multiple"
|
||||||
[navigate]="false"
|
[navigate]="false"
|
||||||
[sorting]="['modifiedAt', 'desc']"
|
[sorting]="['modifiedAt', 'desc']"
|
||||||
|
sortingMode="client"
|
||||||
[imageResolver]="imageResolver"
|
[imageResolver]="imageResolver"
|
||||||
(node-dblclick)="onNodeDoubleClick($event.detail?.node)"
|
(node-dblclick)="onNodeDoubleClick($event.detail?.node)"
|
||||||
(name-click)="onNodeDoubleClick($event.detail?.node)"
|
(name-click)="onNodeDoubleClick($event.detail?.node)"
|
||||||
>
|
>
|
||||||
<adf-custom-empty-content-template>
|
<adf-custom-empty-content-template>
|
||||||
<adf-empty-content
|
<adf-empty-content icon="star_rate" [title]="'APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT">
|
||||||
icon="star_rate"
|
|
||||||
[title]="'APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE'"
|
|
||||||
subtitle="APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT"
|
|
||||||
>
|
|
||||||
</adf-empty-content>
|
</adf-empty-content>
|
||||||
</adf-custom-empty-content-template>
|
</adf-custom-empty-content-template>
|
||||||
|
|
||||||
<data-columns>
|
<data-columns>
|
||||||
<ng-container *ngFor="let column of columns; trackBy: trackById">
|
<ng-container *ngFor="let column of columns; trackBy: trackById">
|
||||||
<ng-container
|
<ng-container *ngIf="column.template && !(column.desktopOnly && isSmallScreen)">
|
||||||
*ngIf="column.template && !(column.desktopOnly && isSmallScreen)"
|
|
||||||
>
|
|
||||||
<data-column
|
<data-column
|
||||||
[key]="column.key"
|
[key]="column.key"
|
||||||
[title]="column.title"
|
[title]="column.title"
|
||||||
@@ -47,18 +42,12 @@
|
|||||||
[sortable]="column.sortable"
|
[sortable]="column.sortable"
|
||||||
>
|
>
|
||||||
<ng-template let-context>
|
<ng-template let-context>
|
||||||
<adf-dynamic-column
|
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
|
||||||
[id]="column.template"
|
|
||||||
[context]="context"
|
|
||||||
>
|
|
||||||
</adf-dynamic-column>
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</data-column>
|
</data-column>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<ng-container
|
<ng-container *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)">
|
||||||
*ngIf="!column.template && !(column.desktopOnly && isSmallScreen)"
|
|
||||||
>
|
|
||||||
<data-column
|
<data-column
|
||||||
[key]="column.key"
|
[key]="column.key"
|
||||||
[title]="column.title"
|
[title]="column.title"
|
||||||
|
@@ -20,24 +20,19 @@
|
|||||||
selectionMode="multiple"
|
selectionMode="multiple"
|
||||||
[navigate]="false"
|
[navigate]="false"
|
||||||
[sorting]="['modifiedAt', 'desc']"
|
[sorting]="['modifiedAt', 'desc']"
|
||||||
|
sortingMode="client"
|
||||||
[imageResolver]="imageResolver"
|
[imageResolver]="imageResolver"
|
||||||
(node-dblclick)="onNodeDoubleClick($event.detail?.node)"
|
(node-dblclick)="onNodeDoubleClick($event.detail?.node)"
|
||||||
(name-click)="onNodeDoubleClick($event.detail?.node)"
|
(name-click)="onNodeDoubleClick($event.detail?.node)"
|
||||||
>
|
>
|
||||||
<adf-custom-empty-content-template>
|
<adf-custom-empty-content-template>
|
||||||
<adf-empty-content
|
<adf-empty-content icon="access_time" [title]="'APP.BROWSE.RECENT.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.RECENT.EMPTY_STATE.TEXT">
|
||||||
icon="access_time"
|
|
||||||
[title]="'APP.BROWSE.RECENT.EMPTY_STATE.TITLE'"
|
|
||||||
subtitle="APP.BROWSE.RECENT.EMPTY_STATE.TEXT"
|
|
||||||
>
|
|
||||||
</adf-empty-content>
|
</adf-empty-content>
|
||||||
</adf-custom-empty-content-template>
|
</adf-custom-empty-content-template>
|
||||||
|
|
||||||
<data-columns>
|
<data-columns>
|
||||||
<ng-container *ngFor="let column of columns; trackBy: trackById">
|
<ng-container *ngFor="let column of columns; trackBy: trackById">
|
||||||
<ng-container
|
<ng-container *ngIf="column.template && !(column.desktopOnly && isSmallScreen)">
|
||||||
*ngIf="column.template && !(column.desktopOnly && isSmallScreen)"
|
|
||||||
>
|
|
||||||
<data-column
|
<data-column
|
||||||
[key]="column.key"
|
[key]="column.key"
|
||||||
[title]="column.title"
|
[title]="column.title"
|
||||||
@@ -47,18 +42,12 @@
|
|||||||
[sortable]="column.sortable"
|
[sortable]="column.sortable"
|
||||||
>
|
>
|
||||||
<ng-template let-context>
|
<ng-template let-context>
|
||||||
<adf-dynamic-column
|
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
|
||||||
[id]="column.template"
|
|
||||||
[context]="context"
|
|
||||||
>
|
|
||||||
</adf-dynamic-column>
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</data-column>
|
</data-column>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<ng-container
|
<ng-container *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)">
|
||||||
*ngIf="!column.template && !(column.desktopOnly && isSmallScreen)"
|
|
||||||
>
|
|
||||||
<data-column
|
<data-column
|
||||||
[key]="column.key"
|
[key]="column.key"
|
||||||
[title]="column.title"
|
[title]="column.title"
|
||||||
|
@@ -20,23 +20,18 @@
|
|||||||
selectionMode="multiple"
|
selectionMode="multiple"
|
||||||
[sorting]="['modifiedAt', 'desc']"
|
[sorting]="['modifiedAt', 'desc']"
|
||||||
[imageResolver]="imageResolver"
|
[imageResolver]="imageResolver"
|
||||||
|
sortingMode="client"
|
||||||
(node-dblclick)="preview($event.detail?.node)"
|
(node-dblclick)="preview($event.detail?.node)"
|
||||||
(name-click)="preview($event.detail?.node)"
|
(name-click)="preview($event.detail?.node)"
|
||||||
>
|
>
|
||||||
<adf-custom-empty-content-template>
|
<adf-custom-empty-content-template>
|
||||||
<adf-empty-content
|
<adf-empty-content icon="people" [title]="'APP.BROWSE.SHARED.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.SHARED.EMPTY_STATE.TEXT">
|
||||||
icon="people"
|
|
||||||
[title]="'APP.BROWSE.SHARED.EMPTY_STATE.TITLE'"
|
|
||||||
subtitle="APP.BROWSE.SHARED.EMPTY_STATE.TEXT"
|
|
||||||
>
|
|
||||||
</adf-empty-content>
|
</adf-empty-content>
|
||||||
</adf-custom-empty-content-template>
|
</adf-custom-empty-content-template>
|
||||||
|
|
||||||
<data-columns>
|
<data-columns>
|
||||||
<ng-container *ngFor="let column of columns; trackBy: trackById">
|
<ng-container *ngFor="let column of columns; trackBy: trackById">
|
||||||
<ng-container
|
<ng-container *ngIf="column.template && !(column.desktopOnly && isSmallScreen)">
|
||||||
*ngIf="column.template && !(column.desktopOnly && isSmallScreen)"
|
|
||||||
>
|
|
||||||
<data-column
|
<data-column
|
||||||
[key]="column.key"
|
[key]="column.key"
|
||||||
[title]="column.title"
|
[title]="column.title"
|
||||||
@@ -46,18 +41,12 @@
|
|||||||
[sortable]="column.sortable"
|
[sortable]="column.sortable"
|
||||||
>
|
>
|
||||||
<ng-template let-context>
|
<ng-template let-context>
|
||||||
<adf-dynamic-column
|
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
|
||||||
[id]="column.template"
|
|
||||||
[context]="context"
|
|
||||||
>
|
|
||||||
</adf-dynamic-column>
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</data-column>
|
</data-column>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<ng-container
|
<ng-container *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)">
|
||||||
*ngIf="!column.template && !(column.desktopOnly && isSmallScreen)"
|
|
||||||
>
|
|
||||||
<data-column
|
<data-column
|
||||||
[key]="column.key"
|
[key]="column.key"
|
||||||
[title]="column.title"
|
[title]="column.title"
|
||||||
|
@@ -19,14 +19,12 @@
|
|||||||
currentFolderId="-trashcan-"
|
currentFolderId="-trashcan-"
|
||||||
selectionMode="multiple"
|
selectionMode="multiple"
|
||||||
[navigate]="false"
|
[navigate]="false"
|
||||||
|
sortingMode="client"
|
||||||
[imageResolver]="imageResolver"
|
[imageResolver]="imageResolver"
|
||||||
[sorting]="['archivedAt', 'desc']"
|
[sorting]="['archivedAt', 'desc']"
|
||||||
>
|
>
|
||||||
<adf-custom-empty-content-template>
|
<adf-custom-empty-content-template>
|
||||||
<adf-empty-content
|
<adf-empty-content icon="delete" [title]="'APP.BROWSE.TRASHCAN.EMPTY_STATE.TITLE'">
|
||||||
icon="delete"
|
|
||||||
[title]="'APP.BROWSE.TRASHCAN.EMPTY_STATE.TITLE'"
|
|
||||||
>
|
|
||||||
<p class="adf-empty-content__text">
|
<p class="adf-empty-content__text">
|
||||||
{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.FIRST_TEXT' | translate }}
|
{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.FIRST_TEXT' | translate }}
|
||||||
</p>
|
</p>
|
||||||
@@ -38,9 +36,7 @@
|
|||||||
|
|
||||||
<data-columns>
|
<data-columns>
|
||||||
<ng-container *ngFor="let column of columns; trackBy: trackById">
|
<ng-container *ngFor="let column of columns; trackBy: trackById">
|
||||||
<ng-container
|
<ng-container *ngIf="column.template && !(column.desktopOnly && isSmallScreen)">
|
||||||
*ngIf="column.template && !(column.desktopOnly && isSmallScreen)"
|
|
||||||
>
|
|
||||||
<data-column
|
<data-column
|
||||||
[key]="column.key"
|
[key]="column.key"
|
||||||
[title]="column.title"
|
[title]="column.title"
|
||||||
@@ -50,18 +46,12 @@
|
|||||||
[sortable]="column.sortable"
|
[sortable]="column.sortable"
|
||||||
>
|
>
|
||||||
<ng-template let-context>
|
<ng-template let-context>
|
||||||
<adf-dynamic-column
|
<adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
|
||||||
[id]="column.template"
|
|
||||||
[context]="context"
|
|
||||||
>
|
|
||||||
</adf-dynamic-column>
|
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</data-column>
|
</data-column>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<ng-container
|
<ng-container *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)">
|
||||||
*ngIf="!column.template && !(column.desktopOnly && isSmallScreen)"
|
|
||||||
>
|
|
||||||
<data-column
|
<data-column
|
||||||
[key]="column.key"
|
[key]="column.key"
|
||||||
[title]="column.title"
|
[title]="column.title"
|
||||||
|
Reference in New Issue
Block a user