diff --git a/src/app/modules/guest/guest.module.ts b/src/app/modules/guest/guest.module.ts
index d13fe09..7aae44e 100644
--- a/src/app/modules/guest/guest.module.ts
+++ b/src/app/modules/guest/guest.module.ts
@@ -2,8 +2,8 @@ import {CUSTOM_ELEMENTS_SCHEMA, NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {GuestComponent} from './guest.component';
import {RouterModule} from '@angular/router';
-import {SongTextModule} from '../../widget-modules/components/song-text/song-text.module';
import {ShowTypeTranslaterModule} from '../../widget-modules/pipes/show-type-translater/show-type-translater.module';
+import {SongTextComponent} from '../../widget-modules/components/song-text/song-text.component';
@NgModule({
declarations: [GuestComponent],
@@ -15,10 +15,9 @@ import {ShowTypeTranslaterModule} from '../../widget-modules/pipes/show-type-tra
component: GuestComponent,
},
]),
- SongTextModule,
+ SongTextComponent,
ShowTypeTranslaterModule,
],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
-export class GuestModule {
-}
+export class GuestModule {}
diff --git a/src/app/modules/presentation/presentation.module.ts b/src/app/modules/presentation/presentation.module.ts
index b211d2e..2e60b61 100644
--- a/src/app/modules/presentation/presentation.module.ts
+++ b/src/app/modules/presentation/presentation.module.ts
@@ -9,17 +9,17 @@ import {MatFormFieldModule} from '@angular/material/form-field';
import {MatSelectModule} from '@angular/material/select';
import {ShowTypeTranslaterModule} from '../../widget-modules/pipes/show-type-translater/show-type-translater.module';
import {SectionTypeTranslatorModule} from '../../widget-modules/pipes/section-type-translator/section-type-translator.module';
-import {SongTextModule} from '../../widget-modules/components/song-text/song-text.module';
import {LegalComponent} from './monitor/legal/legal.component';
import {MatButtonModule} from '@angular/material/button';
import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
import {MatSliderModule} from '@angular/material/slider';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {AddSongModule} from '../../widget-modules/components/add-song/add-song.module';
import {LogoComponent} from './monitor/logo/logo.component';
import {SelectComponent} from './select/select.component';
import {MatInputModule} from '@angular/material/input';
import {UserNameModule} from '../../services/user/user-name/user-name.module';
+import {SongTextComponent} from '../../widget-modules/components/song-text/song-text.component';
+import {AddSongComponent} from '../../widget-modules/components/add-song/add-song.component';
@NgModule({
declarations: [MonitorComponent, RemoteComponent, LegalComponent, LogoComponent, SelectComponent],
@@ -32,12 +32,12 @@ import {UserNameModule} from '../../services/user/user-name/user-name.module';
MatSelectModule,
ShowTypeTranslaterModule,
SectionTypeTranslatorModule,
- SongTextModule,
+ SongTextComponent,
MatButtonModule,
FontAwesomeModule,
MatSliderModule,
FormsModule,
- AddSongModule,
+ AddSongComponent,
ReactiveFormsModule,
MatInputModule,
UserNameModule,
diff --git a/src/app/modules/shows/shows.module.ts b/src/app/modules/shows/shows.module.ts
index 69f3703..4aec349 100644
--- a/src/app/modules/shows/shows.module.ts
+++ b/src/app/modules/shows/shows.module.ts
@@ -21,9 +21,7 @@ import {ShowComponent} from './show/show.component';
import {SongComponent} from './show/song/song.component';
import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
import {MenuButtonModule} from '../../widget-modules/components/menu-button/menu-button.module';
-import {SongTextModule} from '../../widget-modules/components/song-text/song-text.module';
import {NgxMatSelectSearchModule} from 'ngx-mat-select-search';
-import {AddSongModule} from '../../widget-modules/components/add-song/add-song.module';
import {ButtonModule} from '../../widget-modules/components/button/button.module';
import {OwnerModule} from '../../services/user/owner.module';
import {UserNameModule} from '../../services/user/user-name/user-name.module';
@@ -36,6 +34,8 @@ import {FilterComponent} from './list/filter/filter.component';
import {EditComponent} from './edit/edit.component';
import {ArchiveDialogComponent} from './dialog/archive-dialog/archive-dialog.component';
import {MatDialogModule} from '@angular/material/dialog';
+import {SongTextComponent} from '../../widget-modules/components/song-text/song-text.component';
+import {AddSongComponent} from '../../widget-modules/components/add-song/add-song.component';
@NgModule({
declarations: [NewComponent, ListComponent, ListItemComponent, ShowComponent, SongComponent, FilterComponent, EditComponent, ArchiveDialogComponent],
@@ -57,9 +57,9 @@ import {MatDialogModule} from '@angular/material/dialog';
FontAwesomeModule,
MenuButtonModule,
FormsModule,
- SongTextModule,
+ SongTextComponent,
NgxMatSelectSearchModule,
- AddSongModule,
+ AddSongComponent,
ButtonModule,
OwnerModule,
UserNameModule,
@@ -72,5 +72,4 @@ import {MatDialogModule} from '@angular/material/dialog';
],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
-export class ShowsModule {
-}
+export class ShowsModule {}
diff --git a/src/app/modules/songs/song/edit/edit.module.ts b/src/app/modules/songs/song/edit/edit.module.ts
index 9a2f697..d5db83a 100644
--- a/src/app/modules/songs/song/edit/edit.module.ts
+++ b/src/app/modules/songs/song/edit/edit.module.ts
@@ -2,9 +2,7 @@ import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {EditComponent} from './edit.component';
import {CardModule} from '../../../../widget-modules/components/card/card.module';
-import {
- SongTypeTranslaterModule,
-} from '../../../../widget-modules/pipes/song-type-translater/song-type-translater.module';
+import {SongTypeTranslaterModule} from '../../../../widget-modules/pipes/song-type-translater/song-type-translater.module';
import {ReactiveFormsModule} from '@angular/forms';
import {MatInputModule} from '@angular/material/input';
import {MatCheckboxModule} from '@angular/material/checkbox';
@@ -16,12 +14,8 @@ import {EditSongComponent} from './edit-song/edit-song.component';
import {EditFileComponent} from './edit-file/edit-file.component';
import {MatIconModule} from '@angular/material/icon';
import {FileComponent} from './edit-file/file/file.component';
-import {
- LegalOwnerTranslatorModule,
-} from '../../../../widget-modules/pipes/legal-owner-translator/legal-owner-translator.module';
-import {
- LegalTypeTranslatorModule,
-} from '../../../../widget-modules/pipes/legal-type-translator/legal-type-translator.module';
+import {LegalOwnerTranslatorModule} from '../../../../widget-modules/pipes/legal-owner-translator/legal-owner-translator.module';
+import {LegalTypeTranslatorModule} from '../../../../widget-modules/pipes/legal-type-translator/legal-type-translator.module';
import {KeyTranslatorModule} from '../../../../widget-modules/pipes/key-translator/key-translator.module';
import {MatChipsModule} from '@angular/material/chips';
import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
@@ -31,7 +25,7 @@ import {MatTooltipModule} from '@angular/material/tooltip';
import {SaveDialogComponent} from './edit-song/save-dialog/save-dialog.component';
import {MatDialogModule} from '@angular/material/dialog';
import {HistoryComponent} from './history/history.component';
-import {SongTextModule} from '../../../../widget-modules/components/song-text/song-text.module';
+import {SongTextComponent} from '../../../../widget-modules/components/song-text/song-text.component';
@NgModule({
declarations: [EditComponent, EditSongComponent, EditFileComponent, FileComponent, SaveDialogComponent, HistoryComponent],
@@ -60,8 +54,7 @@ import {SongTextModule} from '../../../../widget-modules/components/song-text/so
ButtonModule,
MatTooltipModule,
MatDialogModule,
- SongTextModule,
+ SongTextComponent,
],
})
-export class EditModule {
-}
+export class EditModule {}
diff --git a/src/app/modules/songs/song/song.module.ts b/src/app/modules/songs/song/song.module.ts
index 5af154f..07716de 100644
--- a/src/app/modules/songs/song/song.module.ts
+++ b/src/app/modules/songs/song/song.module.ts
@@ -6,10 +6,7 @@ import {SongTypeTranslaterModule} from '../../../widget-modules/pipes/song-type-
import {MatButtonModule} from '@angular/material/button';
import {ButtonRowModule} from '../../../widget-modules/components/button-row/button-row.module';
import {RouterModule} from '@angular/router';
-import {
- LegalOwnerTranslatorModule,
-} from '../../../widget-modules/pipes/legal-owner-translator/legal-owner-translator.module';
-import {SongTextModule} from '../../../widget-modules/components/song-text/song-text.module';
+import {LegalOwnerTranslatorModule} from '../../../widget-modules/pipes/legal-owner-translator/legal-owner-translator.module';
import {MatChipsModule} from '@angular/material/chips';
import {RoleModule} from '../../../services/user/role.module';
import {StatusTranslaterModule} from '../../../widget-modules/pipes/status-translater/status-translater.module';
@@ -17,6 +14,7 @@ import {ButtonModule} from '../../../widget-modules/components/button/button.mod
import {FileComponent} from './file/file.component';
import {MatMenuModule} from '@angular/material/menu';
import {ShowTypeTranslaterModule} from '../../../widget-modules/pipes/show-type-translater/show-type-translater.module';
+import {SongTextComponent} from '../../../widget-modules/components/song-text/song-text.component';
@NgModule({
declarations: [SongComponent, FileComponent],
@@ -30,7 +28,7 @@ import {ShowTypeTranslaterModule} from '../../../widget-modules/pipes/show-type-
MatButtonModule,
ButtonRowModule,
LegalOwnerTranslatorModule,
- SongTextModule,
+ SongTextComponent,
MatChipsModule,
RoleModule,
StatusTranslaterModule,
@@ -39,5 +37,4 @@ import {ShowTypeTranslaterModule} from '../../../widget-modules/pipes/show-type-
ShowTypeTranslaterModule,
],
})
-export class SongModule {
-}
+export class SongModule {}
diff --git a/src/app/widget-modules/components/add-song/add-song.component.html b/src/app/widget-modules/components/add-song/add-song.component.html
index 00d3fcf..20a7532 100644
--- a/src/app/widget-modules/components/add-song/add-song.component.html
+++ b/src/app/widget-modules/components/add-song/add-song.component.html
@@ -3,14 +3,9 @@
Lied hinzufügen...
-
-
- {{
- song.title
- }}
+
+ {{ song.title }}
diff --git a/src/app/widget-modules/components/add-song/add-song.component.ts b/src/app/widget-modules/components/add-song/add-song.component.ts
index d320443..0c391d5 100644
--- a/src/app/widget-modules/components/add-song/add-song.component.ts
+++ b/src/app/widget-modules/components/add-song/add-song.component.ts
@@ -1,19 +1,21 @@
import {ChangeDetectionStrategy, Component, Input} from '@angular/core';
-import {UntypedFormControl} from '@angular/forms';
+import {ReactiveFormsModule, UntypedFormControl} from '@angular/forms';
import {filterSong} from '../../../services/filter.helper';
-import {MatSelectChange} from '@angular/material/select';
+import {MatFormField, MatLabel, MatOption, MatSelect, MatSelectChange} from '@angular/material/select';
import {Song} from '../../../modules/songs/services/song';
import {ShowSong} from '../../../modules/shows/services/show-song';
import {ShowSongService} from '../../../modules/shows/services/show-song.service';
import {Show} from '../../../modules/shows/services/show';
import {ShowService} from '../../../modules/shows/services/show.service';
+import {NgForOf, NgIf} from '@angular/common';
+import {NgxMatSelectSearchModule} from 'ngx-mat-select-search';
@Component({
selector: 'app-add-song',
templateUrl: './add-song.component.html',
styleUrls: ['./add-song.component.less'],
changeDetection: ChangeDetectionStrategy.OnPush,
- standalone: false,
+ imports: [NgIf, MatFormField, MatSelect, MatOption, MatLabel, NgxMatSelectSearchModule, ReactiveFormsModule, NgForOf],
})
export class AddSongComponent {
@Input() public songs: Song[] | null = null;
@@ -22,8 +24,10 @@ export class AddSongComponent {
@Input() public addedLive = false;
public filteredSongsControl = new UntypedFormControl();
- public constructor(private showSongService: ShowSongService, private showService: ShowService) {
- }
+ public constructor(
+ private showSongService: ShowSongService,
+ private showService: ShowService
+ ) {}
public filteredSongs(): Song[] {
if (!this.songs) return [];
diff --git a/src/app/widget-modules/components/add-song/add-song.module.ts b/src/app/widget-modules/components/add-song/add-song.module.ts
deleted file mode 100644
index 60cefb7..0000000
--- a/src/app/widget-modules/components/add-song/add-song.module.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import {NgModule} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {AddSongComponent} from './add-song.component';
-import {MatFormFieldModule} from '@angular/material/form-field';
-import {MatSelectModule} from '@angular/material/select';
-import {NgxMatSelectSearchModule} from 'ngx-mat-select-search';
-import {ReactiveFormsModule} from '@angular/forms';
-
-@NgModule({
- declarations: [AddSongComponent],
- exports: [AddSongComponent],
- imports: [CommonModule, MatFormFieldModule, MatSelectModule, NgxMatSelectSearchModule, ReactiveFormsModule],
-})
-export class AddSongModule {
-}
diff --git a/src/app/widget-modules/components/song-text/song-text.component.ts b/src/app/widget-modules/components/song-text/song-text.component.ts
index 3f3a487..b5a1afb 100644
--- a/src/app/widget-modules/components/song-text/song-text.component.ts
+++ b/src/app/widget-modules/components/song-text/song-text.component.ts
@@ -7,6 +7,9 @@ import {SectionType} from '../../../modules/songs/services/section-type';
import {LineType} from '../../../modules/songs/services/line-type';
import {Section} from '../../../modules/songs/services/section';
import {Line} from '../../../modules/songs/services/line';
+import {NgForOf, NgIf} from '@angular/common';
+import {MatIconButton} from '@angular/material/button';
+import {FaIconComponent} from '@fortawesome/angular-fontawesome';
export type ChordMode = 'show' | 'hide' | 'onlyFirst';
@@ -15,6 +18,7 @@ export type ChordMode = 'show' | 'hide' | 'onlyFirst';
templateUrl: './song-text.component.html',
styleUrls: ['./song-text.component.less'],
animations: [songSwitch],
+ imports: [NgIf, MatIconButton, FaIconComponent, NgForOf],
})
export class SongTextComponent implements OnInit {
public sections: Section[] = [];
diff --git a/src/app/widget-modules/components/song-text/song-text.module.ts b/src/app/widget-modules/components/song-text/song-text.module.ts
deleted file mode 100644
index 5b6dd6c..0000000
--- a/src/app/widget-modules/components/song-text/song-text.module.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {NgModule} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {SongTextComponent} from './song-text.component';
-import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
-import {MatButtonModule} from '@angular/material/button';
-
-@NgModule({
- declarations: [SongTextComponent],
- exports: [SongTextComponent],
- imports: [CommonModule, FontAwesomeModule, MatButtonModule],
-})
-export class SongTextModule {
-}