ROENROLL-2006 sort audits on mobile from newest to oldest

src/app/dars/dars.module.ts

@@ -24,6 +24,7 @@ import { NewWhatIfAuditDialogComponent } from './new-what-if-audit-dialog/new-wh
 import { AuditViewComponent } from './dars-audit-view/dars-audit-view.component';
 import { RouterModule } from '@angular/router';
 import { AuditSymbolComponent } from './audit-symbol/audit-symbol.component';
+import { SortMetadataPipe } from './pipes/sort-metadata.pipe';
 
 @NgModule({
   imports: [
@@ -35,6 +36,7 @@ import { AuditSymbolComponent } from './audit-symbol/audit-symbol.component';
   ],
   exports: [MatStepperModule],
   declarations: [
+    SortMetadataPipe,
     RequirementTitlePipe,
     RequirementBodyPipe,
     RequirementLinePipe,

src/app/dars/metadata-mobile-view/metadata-mobile-view.component.html

 <div id="audits-mobile">
   <div>
-    <mat-card class="audit-card" *ngFor="let audit of metadata" role="group">
+    <mat-card class="audit-card" *ngFor="let audit of (metadata | sortMetadata)" role="group">
       <div fxLayout="row" fxLayoutAlign="space-between start">
         <div fxLayout="column" fxLayoutAlign="space-between start" fxFlex="80">
           <div fxLayout="column" fxLayoutAlign="start start">

src/app/dars/pipes/sort-metadata.pipe.ts

+import { Pipe, PipeTransform } from '@angular/core';
+import { AuditMetadata } from '../models/audit-metadata';
+
+@Pipe({ name: 'sortMetadata', pure: true })
+export class SortMetadataPipe implements PipeTransform {
+  transform(metadata: AuditMetadata[]) {
+    return [...metadata].sort((a, b) => {
+      if (a.darsAuditRunDate > b.darsAuditRunDate) {
+        return -1;
+      } else if (a.darsAuditRunDate < b.darsAuditRunDate) {
+        return 1;
+      } else {
+        return 0;
+      }
+    });
+  }
+}