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>