From f908005178f2e23431eeeae0962489f972ec0645 Mon Sep 17 00:00:00 2001
From: Cilibiu Bogdan <pionnegru@users.noreply.github.com>
Date: Fri, 14 Aug 2020 17:32:22 +0300
Subject: [PATCH] declare client side sorting (#1605)

---
 .../favorites/favorites.component.html        | 21 +++++--------------
 .../recent-files/recent-files.component.html  | 21 +++++--------------
 .../shared-files/shared-files.component.html  | 21 +++++--------------
 .../trashcan/trashcan.component.html          | 20 +++++-------------
 4 files changed, 20 insertions(+), 63 deletions(-)

diff --git a/src/app/components/favorites/favorites.component.html b/src/app/components/favorites/favorites.component.html
index 009cb074f..3d1508128 100644
--- a/src/app/components/favorites/favorites.component.html
+++ b/src/app/components/favorites/favorites.component.html
@@ -20,24 +20,19 @@
         selectionMode="multiple"
         [navigate]="false"
         [sorting]="['modifiedAt', 'desc']"
+        sortingMode="client"
         [imageResolver]="imageResolver"
         (node-dblclick)="onNodeDoubleClick($event.detail?.node)"
         (name-click)="onNodeDoubleClick($event.detail?.node)"
       >
         <adf-custom-empty-content-template>
-          <adf-empty-content
-            icon="star_rate"
-            [title]="'APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE'"
-            subtitle="APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT"
-          >
+          <adf-empty-content icon="star_rate" [title]="'APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT">
           </adf-empty-content>
         </adf-custom-empty-content-template>
 
         <data-columns>
           <ng-container *ngFor="let column of columns; trackBy: trackById">
-            <ng-container
-              *ngIf="column.template && !(column.desktopOnly && isSmallScreen)"
-            >
+            <ng-container *ngIf="column.template && !(column.desktopOnly && isSmallScreen)">
               <data-column
                 [key]="column.key"
                 [title]="column.title"
@@ -47,18 +42,12 @@
                 [sortable]="column.sortable"
               >
                 <ng-template let-context>
-                  <adf-dynamic-column
-                    [id]="column.template"
-                    [context]="context"
-                  >
-                  </adf-dynamic-column>
+                  <adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
                 </ng-template>
               </data-column>
             </ng-container>
 
-            <ng-container
-              *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)"
-            >
+            <ng-container *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)">
               <data-column
                 [key]="column.key"
                 [title]="column.title"
diff --git a/src/app/components/recent-files/recent-files.component.html b/src/app/components/recent-files/recent-files.component.html
index a075dff88..30c7c9a6f 100644
--- a/src/app/components/recent-files/recent-files.component.html
+++ b/src/app/components/recent-files/recent-files.component.html
@@ -20,24 +20,19 @@
         selectionMode="multiple"
         [navigate]="false"
         [sorting]="['modifiedAt', 'desc']"
+        sortingMode="client"
         [imageResolver]="imageResolver"
         (node-dblclick)="onNodeDoubleClick($event.detail?.node)"
         (name-click)="onNodeDoubleClick($event.detail?.node)"
       >
         <adf-custom-empty-content-template>
-          <adf-empty-content
-            icon="access_time"
-            [title]="'APP.BROWSE.RECENT.EMPTY_STATE.TITLE'"
-            subtitle="APP.BROWSE.RECENT.EMPTY_STATE.TEXT"
-          >
+          <adf-empty-content icon="access_time" [title]="'APP.BROWSE.RECENT.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.RECENT.EMPTY_STATE.TEXT">
           </adf-empty-content>
         </adf-custom-empty-content-template>
 
         <data-columns>
           <ng-container *ngFor="let column of columns; trackBy: trackById">
-            <ng-container
-              *ngIf="column.template && !(column.desktopOnly && isSmallScreen)"
-            >
+            <ng-container *ngIf="column.template && !(column.desktopOnly && isSmallScreen)">
               <data-column
                 [key]="column.key"
                 [title]="column.title"
@@ -47,18 +42,12 @@
                 [sortable]="column.sortable"
               >
                 <ng-template let-context>
-                  <adf-dynamic-column
-                    [id]="column.template"
-                    [context]="context"
-                  >
-                  </adf-dynamic-column>
+                  <adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
                 </ng-template>
               </data-column>
             </ng-container>
 
-            <ng-container
-              *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)"
-            >
+            <ng-container *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)">
               <data-column
                 [key]="column.key"
                 [title]="column.title"
diff --git a/src/app/components/shared-files/shared-files.component.html b/src/app/components/shared-files/shared-files.component.html
index d70a9e4b1..24da505f5 100644
--- a/src/app/components/shared-files/shared-files.component.html
+++ b/src/app/components/shared-files/shared-files.component.html
@@ -20,23 +20,18 @@
         selectionMode="multiple"
         [sorting]="['modifiedAt', 'desc']"
         [imageResolver]="imageResolver"
+        sortingMode="client"
         (node-dblclick)="preview($event.detail?.node)"
         (name-click)="preview($event.detail?.node)"
       >
         <adf-custom-empty-content-template>
-          <adf-empty-content
-            icon="people"
-            [title]="'APP.BROWSE.SHARED.EMPTY_STATE.TITLE'"
-            subtitle="APP.BROWSE.SHARED.EMPTY_STATE.TEXT"
-          >
+          <adf-empty-content icon="people" [title]="'APP.BROWSE.SHARED.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.SHARED.EMPTY_STATE.TEXT">
           </adf-empty-content>
         </adf-custom-empty-content-template>
 
         <data-columns>
           <ng-container *ngFor="let column of columns; trackBy: trackById">
-            <ng-container
-              *ngIf="column.template && !(column.desktopOnly && isSmallScreen)"
-            >
+            <ng-container *ngIf="column.template && !(column.desktopOnly && isSmallScreen)">
               <data-column
                 [key]="column.key"
                 [title]="column.title"
@@ -46,18 +41,12 @@
                 [sortable]="column.sortable"
               >
                 <ng-template let-context>
-                  <adf-dynamic-column
-                    [id]="column.template"
-                    [context]="context"
-                  >
-                  </adf-dynamic-column>
+                  <adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
                 </ng-template>
               </data-column>
             </ng-container>
 
-            <ng-container
-              *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)"
-            >
+            <ng-container *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)">
               <data-column
                 [key]="column.key"
                 [title]="column.title"
diff --git a/src/app/components/trashcan/trashcan.component.html b/src/app/components/trashcan/trashcan.component.html
index 37f87576b..157857cc0 100644
--- a/src/app/components/trashcan/trashcan.component.html
+++ b/src/app/components/trashcan/trashcan.component.html
@@ -19,14 +19,12 @@
         currentFolderId="-trashcan-"
         selectionMode="multiple"
         [navigate]="false"
+        sortingMode="client"
         [imageResolver]="imageResolver"
         [sorting]="['archivedAt', 'desc']"
       >
         <adf-custom-empty-content-template>
-          <adf-empty-content
-            icon="delete"
-            [title]="'APP.BROWSE.TRASHCAN.EMPTY_STATE.TITLE'"
-          >
+          <adf-empty-content icon="delete" [title]="'APP.BROWSE.TRASHCAN.EMPTY_STATE.TITLE'">
             <p class="adf-empty-content__text">
               {{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.FIRST_TEXT' | translate }}
             </p>
@@ -38,9 +36,7 @@
 
         <data-columns>
           <ng-container *ngFor="let column of columns; trackBy: trackById">
-            <ng-container
-              *ngIf="column.template && !(column.desktopOnly && isSmallScreen)"
-            >
+            <ng-container *ngIf="column.template && !(column.desktopOnly && isSmallScreen)">
               <data-column
                 [key]="column.key"
                 [title]="column.title"
@@ -50,18 +46,12 @@
                 [sortable]="column.sortable"
               >
                 <ng-template let-context>
-                  <adf-dynamic-column
-                    [id]="column.template"
-                    [context]="context"
-                  >
-                  </adf-dynamic-column>
+                  <adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
                 </ng-template>
               </data-column>
             </ng-container>
 
-            <ng-container
-              *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)"
-            >
+            <ng-container *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)">
               <data-column
                 [key]="column.key"
                 [title]="column.title"