new role for members

src/app/modules/shows/list/list.component.html

@@ -1,19 +1,21 @@
 <div>
-  <app-list-header></app-list-header>
+  <app-list-header *appRole="['leader']"></app-list-header>
 
-  <ng-container *ngIf="shows$ | async as shows">
-    <app-card
-      *ngIf="getPrivateSongs(shows).length > 0"
-      [@fade]
-      [padding]="false"
-      heading="meine Veranstaltungen"
-    >
-      <app-list-item
-        *ngFor="let show of getPrivateSongs(shows)"
-        [routerLink]="show.id"
-        [show]="show"
-      ></app-list-item>
-    </app-card>
+  <ng-container *appRole="['leader']">
+    <ng-container *ngIf="shows$ | async as shows">
+      <app-card
+        *ngIf="getPrivateSongs(shows).length > 0"
+        [@fade]
+        [padding]="false"
+        heading="meine Veranstaltungen"
+      >
+        <app-list-item
+          *ngFor="let show of getPrivateSongs(shows) | sortBy: 'desc':'date'"
+          [routerLink]="show.id"
+          [show]="show"
+        ></app-list-item>
+      </app-card>
+    </ng-container>
   </ng-container>
 
   <ng-container *ngIf="shows$ | async as shows">
@@ -24,7 +26,7 @@
       heading="veröffentlichte Veranstaltungen"
     >
       <app-list-item
-        *ngFor="let show of getPublicShows(shows)"
+        *ngFor="let show of getPublicShows(shows) | sortBy: 'desc':'date'"
         [routerLink]="show.id"
         [show]="show"
       ></app-list-item>

src/app/modules/shows/list/list.component.ts

@@ -18,7 +18,7 @@ export class ListComponent {
   }
 
   public getPublicShows(songs: Show[]): Show[] {
-    return songs.filter(_ => _.published).sort((a, b) => (b.date < a.date ? -1 : b.date > a.date ? 1 : 0));
+    return songs.filter(_ => _.published);
   }
 
   public getPrivateSongs(songs: Show[]): Show[] {