Add pipe to sort

src/app/chains/chains.component.ts

@@ -21,7 +21,7 @@ export class ChainsComponent implements AfterViewInit, OnDestroy, OnInit {
   dtOptions: DataTables.Settings = {};
 
   chains: Chain[];
-  columns = []
+  columns = [];
 
   constructor(private environmentsService: EnvironmentsService,
               private chainsService: ChainsService,

src/app/files/files.component.html

@@ -99,7 +99,7 @@
               <a *ngIf="subDir.length > 0" (click)="exploreParentDirectory()" href="javascript:void(0)" class="btn btn-secondary btn-sm">{{'FILE.EXPLORE_UP' | translate}}</a>
             </td>
           </tr>
-          <tr *ngFor="let remotefile of remoteFiles">
+          <tr *ngFor="let remotefile of remoteFiles | sortBy:'asc':'name'">
             <td class="align-middle">
               {{remotefile.name}}
             </td>

src/app/shared/shared.module.ts

@@ -28,6 +28,7 @@ import {YesNoPipe} from './yesno.pipe';
 import {ToastComponent} from './toast/toast.component';
 import {HasAnyRoleDirective} from './has-any-role/has-any-role.directive';
 import {ShowHideColumnComponent} from './show-hide-column/show-hide-column.component';
+import {SortByPipe} from './sort.pipe';
 
 @NgModule({
     imports: [
@@ -63,7 +64,8 @@ import {ShowHideColumnComponent} from './show-hide-column/show-hide-column.compo
         AvatarPipe,
         YesNoPipe,
         ToastComponent,
-        ShowHideColumnComponent
+        ShowHideColumnComponent,
+        SortByPipe
     ],
     exports: [
         CommonModule,
@@ -86,7 +88,8 @@ import {ShowHideColumnComponent} from './show-hide-column/show-hide-column.compo
         AvatarPipe,
         YesNoPipe,
         ToastComponent,
-        ShowHideColumnComponent
+        ShowHideColumnComponent,
+        SortByPipe
     ],
     providers: [
         DatePipe,

src/app/shared/sort.pipe.ts

@@ -0,0 +1,23 @@
+import {Pipe, PipeTransform} from '@angular/core';
+import {orderBy} from 'lodash';
+
+@Pipe({name: 'sortBy'})
+export class SortByPipe implements PipeTransform {
+
+    transform(value: any[], order = '', column: string = ''): any[] {
+        if (!value || order === '' || !order) {
+            return value;
+        } // no array
+        if (value.length <= 1) {
+            return value;
+        } // array with only one item
+        if (!column || column === '') {
+            if (order === 'asc') {
+                return value.sort();
+            } else {
+                return value.sort().reverse();
+            }
+        } // sort 1d array
+        return orderBy(value, [column], [order]);
+    }
+}