From 9f13b285024742fbdfb2f424864e7ac588a3a4e0 Mon Sep 17 00:00:00 2001
From: Denys Vuika <denys.vuika@alfresco.com>
Date: Fri, 14 Aug 2020 17:39:30 +0100
Subject: [PATCH] fix client sorting issues (#1608)

---
 .../favorite-libraries.component.html         | 22 +++++--------------
 .../libraries/libraries.component.html        | 18 +++++----------
 2 files changed, 11 insertions(+), 29 deletions(-)

diff --git a/src/app/components/favorite-libraries/favorite-libraries.component.html b/src/app/components/favorite-libraries/favorite-libraries.component.html
index 7baaa77a9..4b4feb105 100644
--- a/src/app/components/favorite-libraries/favorite-libraries.component.html
+++ b/src/app/components/favorite-libraries/favorite-libraries.component.html
@@ -1,7 +1,6 @@
 <aca-page-layout>
   <aca-page-layout-header>
-    <adf-breadcrumb root="APP.BROWSE.LIBRARIES.MENU.FAVORITE_LIBRARIES.TITLE">
-    </adf-breadcrumb>
+    <adf-breadcrumb root="APP.BROWSE.LIBRARIES.MENU.FAVORITE_LIBRARIES.TITLE"> </adf-breadcrumb>
 
     <adf-toolbar class="adf-toolbar--inline">
       <ng-container *ngFor="let entry of actions; trackBy: trackByActionId">
@@ -22,6 +21,7 @@
         selectionMode="single"
         [navigate]="false"
         [sorting]="['title', 'asc']"
+        sortingMode="client"
         (node-dblclick)="navigateTo($event.detail?.node)"
         [imageResolver]="imageResolver"
         (name-click)="navigateTo($event.detail?.node)"
@@ -29,9 +29,7 @@
         <adf-custom-empty-content-template>
           <adf-empty-content
             icon="library_books"
-            [title]="
-              'APP.BROWSE.LIBRARIES.EMPTY_STATE.FAVORITE_LIBRARIES.TITLE'
-            "
+            [title]="'APP.BROWSE.LIBRARIES.EMPTY_STATE.FAVORITE_LIBRARIES.TITLE'"
             subtitle="APP.BROWSE.LIBRARIES.EMPTY_STATE.FAVORITE_LIBRARIES.TEXT"
           >
           </adf-empty-content>
@@ -39,9 +37,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"
@@ -51,18 +47,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/libraries/libraries.component.html b/src/app/components/libraries/libraries.component.html
index 0dfdfb7e6..49c88a5e4 100644
--- a/src/app/components/libraries/libraries.component.html
+++ b/src/app/components/libraries/libraries.component.html
@@ -1,7 +1,6 @@
 <aca-page-layout>
   <aca-page-layout-header>
-    <adf-breadcrumb root="APP.BROWSE.LIBRARIES.MENU.MY_LIBRARIES.TITLE">
-    </adf-breadcrumb>
+    <adf-breadcrumb root="APP.BROWSE.LIBRARIES.MENU.MY_LIBRARIES.TITLE"> </adf-breadcrumb>
 
     <adf-toolbar class="adf-toolbar--inline">
       <ng-container *ngFor="let entry of actions; trackBy: trackByActionId">
@@ -21,6 +20,7 @@
         selectionMode="single"
         [navigate]="false"
         [sorting]="['title', 'asc']"
+        sortingMode="client"
         [imageResolver]="imageResolver"
         (node-dblclick)="navigateTo($event.detail?.node)"
         (name-click)="navigateTo($event.detail?.node)"
@@ -36,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"
@@ -48,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"