FIX #10007 TIME 0:20 fix order data available export

src/frontend/app/administration/administration.module.ts

@@ -2,8 +2,6 @@ import { NgModule }                             from '@angular/core';
 
 import { SharedModule }                         from '../app-common.module';
 
-import { SortPipe }                             from '../../plugins/sorting.pipe';
-
 //import { MenuComponent }                        from '../menu/menu.component';
 //import { MenuNavComponent }                     from '../menu/menu-nav.component';
 //import { MenuTopComponent }                     from '../menu/menu-top.component';
@@ -93,7 +91,6 @@ import { ShippingAdministrationComponent }              from './shipping/shippin
         DoctypesAdministrationRedirectModalComponent,
         DiffusionModelsAdministrationComponent,
         DiffusionModelAdministrationComponent,
-        SortPipe,
         VersionsUpdateAdministrationComponent,
         DocserversAdministrationComponent,
         DocserverAdministrationComponent,

src/frontend/app/app-common.module.ts

@@ -11,6 +11,7 @@ import { RouterModule }                         from '@angular/router';
 import { DragDropModule }                         from '@angular/cdk/drag-drop';
 
 /*PLUGINS IMPORTS*/
+import { SortPipe }                             from '../plugins/sorting.pipe';
 import { PdfViewerModule }                      from 'ng2-pdf-viewer';
 //import { SimplePdfViewerModule }                from 'simple-pdf-viewer';
 import { NgStringPipesModule }                  from 'ngx-pipes';
@@ -71,6 +72,7 @@ export class MyHammerConfig extends HammerGestureConfig {
         HeaderPanelComponent,
         SearchHomeComponent,
         BasketHomeComponent,
+        SortPipe,
         TimeAgoPipe,
         TimeLimitPipe,
         FilterListPipe,
@@ -97,6 +99,7 @@ export class MyHammerConfig extends HammerGestureConfig {
         HttpClientModule,
         RouterModule,
         AppMaterialModule,
+        SortPipe,
         TimeAgoPipe,
         TimeLimitPipe,
         FilterListPipe,

src/frontend/app/list/export/export.component.html

@@ -44,7 +44,7 @@
                 <div class="col-md-6 available-data">
                     <h2><span class="title">{{lang.availableDatas}}</span> <i class="fa fa-plus-circle removeAllDatas" color="primary" title="{{lang.addAllDatas}}" (click)="addAllData()"></i></h2>
                     <div cdkDropList #dataAvailableList="cdkDropList" [cdkDropListData]="dataAvailable" [cdkDropListConnectedTo]="[dataExportList]" class="cdk-list" (cdkDropListDropped)="drop($event)">
-                        <div class="columns" *ngFor="let item of dataAvailable | filterList:listFilter.value:'label'"
+                        <div class="columns" *ngFor="let item of dataAvailable | sortBy: 'label' | filterList:listFilter.value:'label'"
                             cdkDrag id="{{item.value}}">{{item.label}} <i class="fa fa-plus" color="primary" style="cursor:pointer;"
                                 (click)="addData(item)"></i></div>
                         <div *ngIf="dataAvailable.length == 0" class="noData">{{lang.noDataAvailable}}</div>

src/frontend/app/list/export/export.component.ts

@@ -4,13 +4,14 @@ import { LANG } from '../../translate.component';
 import { NotificationService } from '../../notification.service';
 import { CdkDragDrop, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
 import { MAT_DIALOG_DATA } from '@angular/material';
+import { SortPipe } from '../../../plugins/sorting.pipe';
 
 declare function $j(selector: any): any;
 
 @Component({
     templateUrl: "export.component.html",
     styleUrls: ['export.component.scss'],
-    providers: [NotificationService],
+    providers: [NotificationService, SortPipe],
 })
 export class ExportComponent implements OnInit {
 
@@ -227,7 +228,7 @@ export class ExportComponent implements OnInit {
     @ViewChild('listFilter') private listFilter: any;
 
 
-    constructor(public http: HttpClient, private notify: NotificationService, @Inject(MAT_DIALOG_DATA) public data: any) { }
+    constructor(public http: HttpClient, private notify: NotificationService, @Inject(MAT_DIALOG_DATA) public data: any, private sortPipe: SortPipe) { }
 
     ngOnInit(): void {
         this.dataAvailableClone = JSON.parse(JSON.stringify(this.dataAvailable));
@@ -337,6 +338,7 @@ export class ExportComponent implements OnInit {
 
     removeData(i: number) {
         transferArrayItem(this.exportModel.data, this.dataAvailable, i, this.dataAvailable.length);
+        this.sortPipe.transform(this.dataAvailable, 'label');
     }
 
     removeAllData() {