fix linting

2026-03-15 22:23:58 +01:00
parent 67884e4638
commit 2d4f1ee314
50 changed files with 986 additions and 1430 deletions
--- a/src/app/widget-modules/components/add-song/add-song.component.html
+++ b/src/app/widget-modules/components/add-song/add-song.component.html
@@ -1,15 +1,15 @@
@if (songs) {
-  <div class="add-row">
-    <mat-form-field appearance="outline">
-      <mat-label>Lied hinzufügen...</mat-label>
-      <mat-select (selectionChange)="onAddSongSelectionChanged($event)">
-        <mat-option>
-          <ngx-mat-select-search [formControl]="filteredSongsControl"></ngx-mat-select-search>
-        </mat-option>
-        @for (song of filteredSongs(); track song.id) {
-          <mat-option [value]="song.id">{{ song.title }}</mat-option>
-        }
-      </mat-select>
-    </mat-form-field>
-  </div>
+<div class="add-row">
+  <mat-form-field appearance="outline">
+    <mat-label>Lied hinzufügen...</mat-label>
+    <mat-select (selectionChange)="onAddSongSelectionChanged($event)">
+      <mat-option>
+        <ngx-mat-select-search [formControl]="filteredSongsControl"></ngx-mat-select-search>
+      </mat-option>
+      @for (song of filteredSongs(); track song.id) {
+      <mat-option [value]="song.id">{{ song.title }}</mat-option>
+      }
+    </mat-select>
+  </mat-form-field>
+</div>
 }
--- a/src/app/widget-modules/components/application-frame/navigation/brand/brand.component.html
+++ b/src/app/widget-modules/components/application-frame/navigation/brand/brand.component.html
--- a/src/app/widget-modules/components/application-frame/navigation/filter/filter.component.html
+++ b/src/app/widget-modules/components/application-frame/navigation/filter/filter.component.html
@@ -1,5 +1 @@
-<input
-  (ngModelChange)="valueChange($event)"
-  [ngModel]="value"
-  placeholder="Suche"
-/>
+<input (ngModelChange)="valueChange($event)" [ngModel]="value" placeholder="Suche" />
--- a/src/app/widget-modules/components/application-frame/navigation/navigation.component.html
+++ b/src/app/widget-modules/components/application-frame/navigation/navigation.component.html
@@ -1,24 +1,9 @@
 <nav [class.hidden]="isNavigationHidden(windowScroll$|async)" class="head">
  <div class="links">
    <app-brand routerLink="/brand"></app-brand>
-    <app-link
-      *appRole="['user', 'presenter', 'leader']"
-      [icon]="faSongs"
-      link="/songs"
-      text="Lieder"
-    ></app-link>
-    <app-link
-      *appRole="['leader', 'member']"
-      [icon]="faShows"
-      link="/shows"
-      text="Veranstaltungen"
-    ></app-link>
-    <app-link
-      *appRole="['presenter']"
-      [icon]="faPresentation"
-      link="/presentation"
-      text="Präsentation"
-    ></app-link>
+    <app-link *appRole="['user', 'presenter', 'leader']" [icon]="faSongs" link="/songs" text="Lieder"></app-link>
+    <app-link *appRole="['leader', 'member']" [icon]="faShows" link="/shows" text="Veranstaltungen"></app-link>
+    <app-link *appRole="['presenter']" [icon]="faPresentation" link="/presentation" text="Präsentation"></app-link>
    <app-link [icon]="faUser" link="/user" text="Benutzer"></app-link>
  </div>
  <div *appRole="['user', 'presenter', 'leader']" class="actions">
--- a/src/app/widget-modules/components/button/button.component.html
+++ b/src/app/widget-modules/components/button/button.component.html
@@ -1,10 +1,8 @@
 <button [disabled]="disabled" mat-button>
  @if (icon) {
-    <span
-      ><fa-icon [icon]="icon"></fa-icon><span class="content">&nbsp;</span></span
-      >
-    }
-    <span class="button-content">
-      <ng-content></ng-content>
-    </span>
-  </button>
+  <span><fa-icon [icon]="icon"></fa-icon><span class="content">&nbsp;</span></span>
+  }
+  <span class="button-content">
+    <ng-content></ng-content>
+  </span>
+</button>
--- a/src/app/widget-modules/components/card/card.component.html
+++ b/src/app/widget-modules/components/card/card.component.html
@@ -1,18 +1,12 @@
 <div [class.fullscreen]="fullscreen" [class.padding]="padding" class="card">
  @if (closeLink && !fullscreen) {
-    <button
-      [routerLink]="closeLink"
-      class="btn-close"
-      mat-icon-button
-      >
-      <fa-icon [icon]="closeIcon"></fa-icon>
-    </button>
-  }
-  @if (heading && !fullscreen) {
-    <div class="heading">{{ heading }}</div>
-  }
-  @if (subheading && !fullscreen) {
-    <div class="subheading">{{ subheading }}</div>
+  <button [routerLink]="closeLink" class="btn-close" mat-icon-button>
+    <fa-icon [icon]="closeIcon"></fa-icon>
+  </button>
+  } @if (heading && !fullscreen) {
+  <div class="heading">{{ heading }}</div>
+  } @if (subheading && !fullscreen) {
+  <div class="subheading">{{ subheading }}</div>
  }
  <ng-content></ng-content>
 </div>
--- a/src/app/widget-modules/components/list-header/list-header.component.html
+++ b/src/app/widget-modules/components/list-header/list-header.component.html
@@ -1,9 +1,5 @@
 <div class="header">
-  <button
-    (click)="onFilterClick()"
-    [class.filter-active]="anyFilterActive"
-    mat-icon-button
-    >
+  <button (click)="onFilterClick()" [class.filter-active]="anyFilterActive" mat-icon-button>
    <fa-icon [icon]="faFilter"></fa-icon>
  </button>
  <button mat-icon-button routerLink="new">
@@ -12,9 +8,9 @@
 </div>

@if (filterVisible || anyFilterActive) {
-  <div @fade>
-    <app-card>
-      <ng-content></ng-content>
-    </app-card>
-  </div>
+<div @fade>
+  <app-card>
+    <ng-content></ng-content>
+  </app-card>
+</div>
 }
--- a/src/app/widget-modules/components/logo/logo.component.html
+++ b/src/app/widget-modules/components/logo/logo.component.html
@@ -1,9 +1,4 @@
-<svg
-  height="1024"
-  viewBox="0 0 270.93 270.93"
-  width="1024"
-  xmlns="http://www.w3.org/2000/svg"
->
+<svg height="1024" viewBox="0 0 270.93 270.93" width="1024" xmlns="http://www.w3.org/2000/svg">
  <defs></defs>
  <g fill="#fff">
    <path
@@ -13,10 +8,7 @@
      d="m116.87 10.157-1.8882 4.7801-1.1823 4.7845-4.4402 0.29048-1.7967-4.5884-2.4969-4.4939-3.6268 0.47781-1.2476 4.9864-0.54906 4.8977-4.3633 0.86861-2.3806-4.3153-3.0618-4.1295-3.5339 0.94706-0.58683 5.1069 0.09583 4.9268-4.2121 1.4307-2.9239-3.9681-3.5745-3.6937-3.3799 1.4002 0.08404 5.1388 0.73936 4.8731-3.9914 1.9681-3.4163-3.5528-4.0248-3.1955-3.1693 1.8287 0.75527 5.0851 1.3683 4.7336-3.6995 2.4722-3.8506-3.0749-4.4083-2.6435-2.9035 2.2281 1.4118 4.9413 1.9739 4.5158-3.345 2.934-4.218-2.5462-4.7162-2.0466-2.5869 2.5883 2.0451 4.7147 2.5462 4.2195-2.934 3.345-4.5143-1.9739-4.9428-1.4118-2.2281 2.902 2.6435 4.4083 3.0763 3.8505-2.4721 3.6995-4.7351-1.3668-5.0837-0.75527-1.8301 3.1679 3.1969 4.0262 3.5513 3.4163-1.9681 3.9899-4.8716-0.73787-5.1403-0.08569-1.4002 3.3814 3.6951 3.5745 3.9667 2.9224-1.4307 4.2136-4.9268-0.09583-5.1069 0.58683-0.94699 3.5338 4.1294 3.0619 4.3153 2.3806-0.86853 4.3633-4.8963 0.54756-4.9864 1.2476-0.47788 3.6283 4.4925 2.4968 4.5899 1.7968-0.29196 4.4388-4.783 1.1838-4.7816 1.8882v3.6588l4.7816 1.8883 4.783 1.1823 0.29196 4.4402-4.5899 1.7967-4.4925 2.4954 0.47788 3.6283 4.9864 1.2476 4.8963 0.54905 0.86853 4.3632-4.3153 2.3806-4.1294 3.0618 0.94699 3.5338 5.1069 0.58686 4.9268-0.0958 1.4307 4.2122-3.9667 2.9239-3.6951 3.5745 1.4002 3.3799 5.1403-0.0857 4.8716-0.73787 1.9681 3.9914-3.5513 3.4162-3.1969 4.0249 1.8301 3.1693 5.0837-0.75535 4.7351-1.3682 2.4721 3.6994-3.0763 3.8505-2.6435 4.4083 2.2281 2.9035 4.9428-1.4133 4.5143-1.9739 2.934 3.345-2.5462 4.2195-2.0451 4.7162 2.5869 2.5868 4.7162-2.0451 4.218-2.5463 3.345 2.9326-1.9739 4.5158-1.4118 4.9428 2.9035 2.2281 4.4083-2.645 3.8506-3.0749 3.6995 2.4722-1.3683 4.7336-0.75527 5.0851 3.1693 1.8301 4.0248-3.1969 3.4163-3.5513 3.9914 1.9681-0.73936 4.8717-0.08404 5.1403 3.3799 1.4002 3.5745-3.6952 2.9239-3.9666 4.2121 1.4292-0.09583 4.9283 0.58683 5.1069 3.5339 0.94699 3.0618-4.1309 2.3806-4.3139 4.3633 0.8686 0.54906 4.8963 1.2476 4.9864 3.6268 0.47787 2.4969-4.494 1.7967-4.5884 4.4402 0.29189 1.1823 4.7831 1.8882 4.7816h3.6588l1.8882-4.7816 1.1823-4.7831 4.4402-0.29189 1.7967 4.5884 2.4969 4.494 3.6268-0.47787 1.2491-4.9864 0.54757-4.8963 4.3633-0.8686 2.3806 4.3139 3.0619 4.1309 3.5338-0.94699 0.58682-5.1069-0.0958-4.9283 4.2136-1.4292 2.9224 3.9666 3.5745 3.6952 3.3799-1.4002-0.0843-5.1403-0.73787-4.8717 3.9899-1.9681 3.4163 3.5513 4.0262 3.1969 3.1679-1.8301-0.75528-5.0851-1.3668-4.7336 3.6995-2.4722 3.8505 3.0749 4.4083 2.645 2.902-2.2281-1.4118-4.9428-1.9739-4.5158 3.345-2.9326 4.2194 2.5463 4.7148 2.0451 2.5883-2.5868-2.0465-4.7162-2.5462-4.2195 2.934-3.345 4.5157 1.9739 4.9414 1.4133 2.2281-2.9035-2.6435-4.4083-3.0749-3.8505 2.4707-3.6994 4.7351 1.3682 5.0837 0.75535 1.8301-3.1693-3.1969-4.0249-3.5513-3.4162 1.9681-3.9914 4.8716 0.73787 5.1403 0.0857 1.4002-3.3799-3.6951-3.5745-3.9668-2.9239 1.4307-4.2122 4.9268 0.0958 5.107-0.58686 0.94698-3.5338-4.1294-3.0618-4.3153-2.3806 0.86852-4.3632 4.8978-0.54905 4.9864-1.2476 0.47781-3.6283-4.4939-2.4954-4.5884-1.7967 0.29058-4.4402 4.7845-1.1823 4.7801-1.8883v-3.6588l-4.7801-1.8882-4.7845-1.1838-0.29058-4.4388 4.5884-1.7968 4.4939-2.4968-0.47781-3.6283-4.9864-1.2476-4.8978-0.54757-0.86852-4.3633 4.3153-2.3806 4.1294-3.0619-0.94698-3.5338-5.107-0.58683-4.9268 0.09583-1.4307-4.2136 3.9668-2.9224 3.6951-3.5745-1.4002-3.3814-5.1403 0.08569-4.8716 0.73787-1.9681-3.9899 3.5513-3.4163 3.1969-4.0262-1.8301-3.1679-5.0837 0.75527-4.7351 1.3668-2.4707-3.6995 3.0749-3.8505 2.6435-4.4083-2.2281-2.902-4.9414 1.4118-4.5157 1.9739-2.934-3.345 2.5462-4.2195 2.0465-4.7147-2.5883-2.5883-4.7148 2.0466-4.2194 2.5462-3.345-2.934 1.9739-4.5158 1.4118-4.9413-2.902-2.2281-4.4083 2.6435-3.8505 3.0749-3.6995-2.4722 1.3668-4.7336 0.75528-5.0851-3.1679-1.8287-4.0262 3.1955-3.4163 3.5528-3.9899-1.9681 0.73787-4.8731 0.0843-5.1388-3.3799-1.4002-3.5745 3.6937-2.9224 3.9681-4.2136-1.4307 0.0958-4.9268-0.58682-5.1069-3.5338-0.94706-3.0619 4.1295-2.3806 4.3153-4.3633-0.86861-0.54757-4.8977-1.2491-4.9864-3.6268-0.47781-2.4969 4.4939-1.7967 4.5884-4.4402-0.29048-1.1823-4.7845-1.8882-4.7801zm1.8301 21.667a96.677 96.677 0 0 1 96.677 96.677 96.677 96.677 0 0 1-96.677 96.677 96.677 96.677 0 0 1-96.677-96.677 96.677 96.677 0 0 1 96.677-96.677z"
      id="gear-lg"
    />
-    <g
-      aria-label="WORSHIP GENERATOR"
-      transform="matrix(.92405 0 0 1.164 -6.4481 5.9862)"
-    >
+    <g aria-label="WORSHIP GENERATOR" transform="matrix(.92405 0 0 1.164 -6.4481 5.9862)">
      <path
        d="m26.155 213.81q-1.5697 4.1147-2.9258 8.0808-1.3468 3.9568-1.4118 4.1333h-1.2911q-0.04644-0.17647-1.0031-2.9537-0.9474-2.7865-2.5078-6.9291h-0.01858q-1.3654 3.4274-2.5171 6.5575-1.1425 3.1209-1.2168 3.3252h-1.3189q-0.07431-0.26936-1.1982-3.641-1.1146-3.3809-2.9815-8.4523l1.5233-0.59445q0.037153 0.13004 1.0867 3.2695 1.0496 3.1394 2.4057 7.0498h0.01858q1.4304-3.6038 2.4893-6.604 1.0682-3.0001 1.1146-3.1394h1.4397q0.03715 0.15791 1.1239 3.3995 1.096 3.2416 2.2199 6.3439h0.01858q1.4861-4.059 2.5078-7.1148 1.0217-3.0558 1.0589-3.2045z"
      />
--- a/src/app/widget-modules/components/song-text/song-text.component.html
+++ b/src/app/widget-modules/components/song-text/song-text.component.html
@@ -1,89 +1,49 @@
@if (sections && !fullscreen) {
-  <div
-    (click)="onClick()"
-    [class.chords]="iChordMode !== 'hide'"
-    class="song-text"
-    >
-    @if (showSwitch) {
-      <button
-        (click)="onChordClick()"
-        class="menu"
-        mat-icon-button
-        >
-        <fa-icon [icon]="faLines"></fa-icon>
-      </button>
-    }
-    <div [class.offset]="fullscreen" [style.top.px]="offset + 50">
-      @for (section of sections; track section.type + '-' + section.number + '-' + $index; let i = $index) {
-        <div
-          #section
-          [class.chorus]="section.type === 1"
-          class="section"
-          >
-          @for (line of getLines(section); track (line.lineNumber ?? $index) + '-' + line.type + '-' + $index) {
-            <div
-              [class.chord]="line.type === 0"
-              [class.comment]="isComment(line.text)"
-              [class.disabled]="checkDisabled(i)"
-              class="line"
-              >
-              @for (segment of getDisplaySegments(line); track $index) {
-                <span [class.invalid-chord-token]="segment.invalid" [class.invalid-tab-token]="segment.isTab">{{ segment.text }}</span>
-              }
-            </div>
-          }
-        </div>
-      }
-      @if (sections.length===0) {
-        <div class="error">
-          Es wurden keine Liedabschnitte gefunden! Bitte mindestens einen Abschnitt festlegen!
-        </div>
+<div (click)="onClick()" [class.chords]="iChordMode !== 'hide'" class="song-text">
+  @if (showSwitch) {
+  <button (click)="onChordClick()" class="menu" mat-icon-button>
+    <fa-icon [icon]="faLines"></fa-icon>
+  </button>
+  }
+  <div [class.offset]="fullscreen" [style.top.px]="offset + 50">
+    @for (section of sections; track section.type + '-' + section.number + '-' + $index; let i = $index) {
+    <div #section [class.chorus]="section.type === 1" class="section">
+      @for (line of getLines(section); track (line.lineNumber ?? $index) + '-' + line.type + '-' + $index) {
+      <div [class.chord]="line.type === 0" [class.comment]="isComment(line.text)" [class.disabled]="checkDisabled(i)" class="line">
+        @for (segment of getDisplaySegments(line); track $index) {
+        <span [class.invalid-chord-token]="segment.invalid" [class.invalid-tab-token]="segment.isTab">{{ segment.text }}</span>
+        }
+      </div>
      }
    </div>
-    <ng-content></ng-content>
-  </div>
-}
-
-@if (sections && fullscreen) {
-  <div
-    (click)="onClick()"
-    [@songSwitch]="sections"
-    [class.chords]="iChordMode !== 'hide'"
-    class="song-text"
-    >
-    @if (showSwitch) {
-      <button
-        (click)="onChordClick()"
-        class="menu"
-        mat-icon-button
-        >
-        <fa-icon [icon]="faLines"></fa-icon>
-      </button>
+    } @if (sections.length===0) {
+    <div class="error">Es wurden keine Liedabschnitte gefunden! Bitte mindestens einen Abschnitt festlegen!</div>
    }
-    <div [class.offset]="fullscreen" [style.top.px]="offset + 50">
-      @if (header) {
-        <h1>{{ header }}</h1>
-      }
-      @for (section of sections; track section.type + '-' + section.number + '-' + $index; let i = $index) {
-        <div
-          #section
-          [class.chorus]="section.type === 1"
-          class="section"
-          >
-          @for (line of getLines(section); track (line.lineNumber ?? $index) + '-' + line.type + '-' + $index) {
-            <div
-              [class.chord]="line.type === 0"
-              [class.disabled]="checkDisabled(i)"
-              class="line"
-              >
-              @for (segment of getDisplaySegments(line, true); track $index) {
-                <span [class.invalid-chord-token]="segment.invalid" [class.invalid-tab-token]="segment.isTab">{{ segment.text }}</span>
-              }
-            </div>
-          }
-        </div>
+  </div>
+  <ng-content></ng-content>
+</div>
+} @if (sections && fullscreen) {
+<div (click)="onClick()" [@songSwitch]="sections" [class.chords]="iChordMode !== 'hide'" class="song-text">
+  @if (showSwitch) {
+  <button (click)="onChordClick()" class="menu" mat-icon-button>
+    <fa-icon [icon]="faLines"></fa-icon>
+  </button>
+  }
+  <div [class.offset]="fullscreen" [style.top.px]="offset + 50">
+    @if (header) {
+    <h1>{{ header }}</h1>
+    } @for (section of sections; track section.type + '-' + section.number + '-' + $index; let i = $index) {
+    <div #section [class.chorus]="section.type === 1" class="section">
+      @for (line of getLines(section); track (line.lineNumber ?? $index) + '-' + line.type + '-' + $index) {
+      <div [class.chord]="line.type === 0" [class.disabled]="checkDisabled(i)" class="line">
+        @for (segment of getDisplaySegments(line, true); track $index) {
+        <span [class.invalid-chord-token]="segment.invalid" [class.invalid-tab-token]="segment.isTab">{{ segment.text }}</span>
+        }
+      </div>
      }
    </div>
-    <ng-content></ng-content>
+    }
  </div>
+  <ng-content></ng-content>
+</div>
 }