fix linting

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

@@ -1,14 +1,10 @@
 <div [formGroup]="filterFormGroup">
-
   <div class="third">
     <mat-form-field appearance="outline">
       <mat-label>Zeitraum</mat-label>
       <mat-select formControlName="time">
         @for (time of times; track time) {
-          <mat-option [value]="time.key">{{
-            time.value
-            }}
-          </mat-option>
+        <mat-option [value]="time.key">{{ time.value }} </mat-option>
         }
       </mat-select>
     </mat-form-field>
@@ -18,10 +14,7 @@
       <mat-select formControlName="owner">
         <mat-option value="">Alle</mat-option>
         @for (owner of owners; track owner) {
-          <mat-option [value]="owner.key">{{
-            owner.value
-            }}
-          </mat-option>
+        <mat-option [value]="owner.key">{{ owner.value }} </mat-option>
         }
       </mat-select>
     </mat-form-field>
@@ -32,23 +25,16 @@
         <mat-option value="">Alle</mat-option>
         <mat-optgroup label="öffentlich">
           @for (key of showTypePublic; track key) {
-            <mat-option [value]="key">{{
-              key | showType
-              }}
-            </mat-option>
+          <mat-option [value]="key">{{ key | showType }} </mat-option>
           }
         </mat-optgroup>
         <mat-optgroup label="privat">
           @for (key of showTypePrivate; track key) {
-            <mat-option [value]="key">{{
-              key | showType
-              }}
-            </mat-option>
+          <mat-option [value]="key">{{ key | showType }} </mat-option>
           }
         </mat-optgroup>
       </mat-select>
     </mat-form-field>
-
   </div>
 
   <i>Anzahl der Suchergebnisse: {{ shows?.length ?? 0 }}</i>

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

@@ -1,14 +1,14 @@
 @if (show) {
-  <div class="list-item">
-    <div>{{ show.date.toDate() | date: "dd.MM.yyyy" }}</div>
-    <div>
-      <app-user-name [userId]="show.owner"></app-user-name>
-    </div>
-    <div>{{ show.showType | showType }}</div>
-    <div>
-      @if (showStatusBadge) {
-        <app-badge [type]="showStatusBadgeType">{{ showStatusBadge }}</app-badge>
-      }
-    </div>
+<div class="list-item">
+  <div>{{ show.date.toDate() | date: "dd.MM.yyyy" }}</div>
+  <div>
+    <app-user-name [userId]="show.owner"></app-user-name>
   </div>
+  <div>{{ show.showType | showType }}</div>
+  <div>
+    @if (showStatusBadge) {
+    <app-badge [type]="showStatusBadgeType">{{ showStatusBadge }}</app-badge>
+    }
+  </div>
+</div>
 }

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

@@ -2,43 +2,30 @@
   <!--  <app-list-header *appRole="['leader']"></app-list-header>-->
   <app-list-header *appRole="['leader']">
     @if (shows$ | async; as shows) {
-      <app-filter [shows]="publicShows$ | async"></app-filter>
+    <app-filter [shows]="publicShows$ | async"></app-filter>
     }
   </app-list-header>
 
   <ng-container *appRole="['leader']">
-    @if (privateShows$ | async; as shows) {
-      @if (shows.length > 0) {
-        <app-card
-          [padding]="false"
-          heading="Meine Veranstaltungen"
-          >
-          @for (show of shows | sortBy: 'desc':'date'; track trackBy($index, show)) {
-            <app-list-item
-              [routerLink]="show.id"
-              [showStatusBadge]="show.published ? 'nicht gemeldet' : 'unveröffentlicht'"
-              [showStatusBadgeType]="show.published ? 'error' : 'none'"
-              [show]="show"
-            ></app-list-item>
-          }
-        </app-card>
+    @if (privateShows$ | async; as shows) { @if (shows.length > 0) {
+    <app-card [padding]="false" heading="Meine Veranstaltungen">
+      @for (show of shows | sortBy: 'desc':'date'; track trackBy($index, show)) {
+      <app-list-item
+        [routerLink]="show.id"
+        [showStatusBadge]="show.published ? 'nicht gemeldet' : 'unveröffentlicht'"
+        [showStatusBadgeType]="show.published ? 'error' : 'none'"
+        [show]="show"
+      ></app-list-item>
       }
-    }
+    </app-card>
+    } }
   </ng-container>
 
-  @if (publicShows$ | async; as shows) {
-    @if (shows.length > 0) {
-      <app-card
-        [padding]="false"
-        heading="Veröffentlichte Veranstaltungen"
-        >
-        @for (show of shows | sortBy: 'desc':'date'; track trackBy($index, show)) {
-          <app-list-item
-            [routerLink]="show.id"
-            [show]="show"
-          ></app-list-item>
-        }
-      </app-card>
+  @if (publicShows$ | async; as shows) { @if (shows.length > 0) {
+  <app-card [padding]="false" heading="Veröffentlichte Veranstaltungen">
+    @for (show of shows | sortBy: 'desc':'date'; track trackBy($index, show)) {
+    <app-list-item [routerLink]="show.id" [show]="show"></app-list-item>
     }
-  }
+  </app-card>
+  } }
 </div>

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

@@ -34,11 +34,7 @@ export class ListComponent {
   public showType$ = this.filter$.pipe(map((filterValues: FilterValues) => filterValues.showType));
   public shows$ = this.showService.list$();
   public privateShows$ = combineLatest([this.shows$, this.userService.user$]).pipe(
-    map(([shows, user]) =>
-      shows
-        .filter(show => show.owner === user?.id)
-        .filter(show => !show.published || show.reportedType === 'pending')
-    )
+    map(([shows, user]) => shows.filter(show => show.owner === user?.id).filter(show => !show.published || show.reportedType === 'pending'))
   );
   public queriedPublicShows$ = this.lastMonths$.pipe(switchMap(lastMonths => this.showService.listPublicSince$(lastMonths)));
   public fallbackPublicShows$ = combineLatest([this.shows$, this.lastMonths$]).pipe(