new role for members

src/app/widget-modules/components/application-frame/navigation/navigation.component.html

@@ -8,7 +8,7 @@
       text="Lieder"
     ></app-link>
     <app-link
-      *appRole="['leader']"
+      *appRole="['leader', 'member']"
       [icon]="faShows"
       link="/shows"
       text="Veranstaltungen"

src/app/widget-modules/pipes/sort-by/sort-by.module.ts

@@ -0,0 +1,10 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {SortByPipe} from './sort-by.pipe';
+
+@NgModule({
+  declarations: [SortByPipe],
+  exports: [SortByPipe],
+  imports: [CommonModule],
+})
+export class SortByModule {}

src/app/widget-modules/pipes/sort-by/sort-by.pipe.spec.ts

@@ -0,0 +1,8 @@
+import {SortByPipe} from './sort-by.pipe';
+
+describe('SortByPipe', () => {
+  it('create an instance', () => {
+    const pipe = new SortByPipe();
+    expect(pipe).toBeTruthy();
+  });
+});

src/app/widget-modules/pipes/sort-by/sort-by.pipe.ts

@@ -0,0 +1,23 @@
+import {Pipe, PipeTransform} from '@angular/core';
+import {orderBy} from 'lodash';
+
+@Pipe({name: 'sortBy'})
+export class SortByPipe implements PipeTransform {
+  public transform(value: unknown[] | null, order: 'asc' | 'desc' = 'asc', column = ''): unknown[] | null {
+    if (!value || !order) {
+      return value;
+    } // no array
+    if (!column || column === '') {
+      if (order === 'asc') {
+        return value.sort();
+      } else {
+        return value.sort().reverse();
+      }
+    } // sort 1d array
+    if (value.length <= 1) {
+      return value;
+    } // array with only one item
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+    return orderBy(value, [column], [order]) as unknown[];
+  }
+}