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 { -}