declare client side sorting (#1605)

This commit is contained in:
Cilibiu Bogdan
2020-08-14 17:32:22 +03:00
committed by GitHub
parent 5c471ff34a
commit f908005178
4 changed files with 20 additions and 63 deletions

View File

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

View File

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

View File

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

View File

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