tri des prods (par titre ou par plus récent

src/app/composants/participant-list/participant-list.component.html

@@ -6,7 +6,7 @@
 	</div>
 	<div class="card-header">
 		<div class="row justify-content-end">
-			<div class="form-group col-sm-3 label-nobr">
+			<div class="form-group col-sm-2 label-nobr">
 			  <div class="input-group input-group-sn">
 				  <button type="button" class="btn bg-gradient btn-secondary btn-sm field-separate" disabled><span i18n>Tri</span></button>
 				  <select class="form-select form-select-sm field-separate" id="select_tri" [(ngModel)]="listeTri" (change)="trier($event)" placement="bottom">
@@ -40,7 +40,7 @@
 				  </select>
 			  </div>
 		  </div>
-		  <div class="form-group col-sm-2 label-nobr">
+			<div class="form-group col-sm-2 label-nobr">
 			  <button type="button" (click)="filtrageReset()" class="btn bg-gradient btn-secondary btn-sm field-separate" style="margin-right: 5px;"><fa-icon [icon]="faFilterCircleXmark"></fa-icon>&nbsp;<span i18n>Retirer les filtres</span></button>
 		  </div>
 		</div>

src/app/composants/production-list/production-list.component.html

@@ -8,6 +8,15 @@
 				<button type="button" (click)="goToRefreshListProduction()" class="btn bg-gradient btn-primary btn-sm" style="margin-right: 5px;"><fa-icon [icon]="faRotate"></fa-icon>&nbsp;<span i18n>Actualiser</span></button>
 				<button type="button" (click)="goToNewProduction()" class="btn bg-gradient btn-primary btn-sm" style="margin-right: 5px;"><fa-icon [icon]="faPlus"></fa-icon>&nbsp;<span i18n>Créer</span></button>
 			</div>
+			<div class="form-group col-sm-2 label-nobr">
+			  <div class="input-group input-group-sn">
+				  <button type="button" class="btn bg-gradient btn-secondary btn-sm field-separate" disabled><span i18n>Tri</span></button>
+				  <select class="form-select form-select-sm field-separate" id="select_tri" [(ngModel)]="listeTri" (change)="trier($event)" placement="bottom">
+						<option value="0"><span i18n>par titre et auteurs</span></option>
+						<option value="1"><span i18n>les plus récents en premier</span></option>
+				  </select>
+			  </div>
+		  </div>
 			<div class="form-group col-sm-2 label-nobr ms-auto">
 				<div class="input-group input-group-sn">
 					<button type="button" class="btn bg-gradient btn-secondary btn-sm field-separate" disabled><span i18n>Afficher</span></button>

src/app/composants/production-list/production-list.component.ts

@@ -19,6 +19,8 @@ export class ProductionListComponent implements OnInit
 
   productions: ProductionShort[] = [];
 
+  listeTri: number = 0;
+
   types: ProductionEnum[] = ProductionTypeList;
   typeFiltre: string = "";
   soloFiltre: number = 0;
@@ -31,8 +33,9 @@ export class ProductionListComponent implements OnInit
 
   ngOnInit() { this.goToRefreshListProduction(); }
 
-  private retreiveDatas() { this.productionService.getListProduction(this.typeFiltre, this.soloFiltre).subscribe(data => { this.productions = data; }); }
+  private retreiveDatas() { this.productionService.getListProduction(this.listeTri, this.typeFiltre, this.soloFiltre).subscribe(data => { this.productions = data; }); }
 
+  trier(event: any) { this.listeTri = event.target.value; this.retreiveDatas(); }
   filtrageParType(event: any) { this.typeFiltre = event.target.value; this.goToRefreshListProduction(); }
   filtrageParSolo(event: any) { this.soloFiltre = event.target.value; this.goToRefreshListProduction(); }
 

src/app/services/production.service.ts

@@ -15,10 +15,11 @@ export class ProductionService
 
   constructor(private httpClient: HttpClient) { }
 
-  getListProduction(filtreType: string, filtreSolo: number): Observable<ProductionShort[]>
+  getListProduction(tri: number, filtreType: string, filtreSolo: number): Observable<ProductionShort[]>
   {
     let params = new HttpParams();
 
+    params = params.append('tri', tri);
     if (filtreType !== null) { params = params.append('type', filtreType); }
     if (filtreSolo == 1) { params = params.append('solo', filtreSolo); }