diff --git a/src/app/modules/presentation/presentation.module.ts b/src/app/modules/presentation/presentation.module.ts index 8a8665d..2b95080 100644 --- a/src/app/modules/presentation/presentation.module.ts +++ b/src/app/modules/presentation/presentation.module.ts @@ -21,6 +21,9 @@ import {LogoComponent} from './monitor/logo/logo.component'; @NgModule({ declarations: [MonitorComponent, RemoteComponent, LegalComponent, LogoComponent], + exports: [ + RemoteComponent + ], imports: [ CommonModule, PresentationRoutingModule, diff --git a/src/app/modules/songs/song/edit/edit-song/edit-song.component.html b/src/app/modules/songs/song/edit/edit-song/edit-song.component.html index 6b35e90..6331758 100644 --- a/src/app/modules/songs/song/edit/edit-song/edit-song.component.html +++ b/src/app/modules/songs/song/edit/edit-song/edit-song.component.html @@ -33,8 +33,44 @@ Songtext - + +
+

Hinweise zur Bearbeitung

+

Aufbau

+ Der Liedtext wird hintereinander weg geschrieben. Dabei werden Strophen, Refrain und Bridge jeweils durch + eine zusätzliche Zeile Markiert. z.B. +
+        Strophe
+        Text der ersten Strophe
+
+        Strophe
+        Text der zweiten Strophe
+
+        Refrain
+        Und hier der Refrain
+      
+

Akkorde

+ Die Akktorde werden jeweils in der Zeile über dem jeweiligen Liedtext geschrieben. + Sie werden jeweils durch Leerzeichen an die entsprechende Position gebracht. + Bitte keine Tabulatoren verwenden! Folgende Schreibweisen sind erlaubt: +
+        Dur: C  D  E
+        Moll: c  d  e
+        Kreuz/B-Tonarten: C#  f#  Eb  (Erlaubt ist auch B statt Hb)
+        Basstöne: C/E  D/C
+        Obertöne: c7  E9  f#maj7
+      
+ Beispiel: +
+        Strophe
+        e            C/E        H7    a     D    C/E   H7/E
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
+        F#        B      Eb      Cmaj7    C9                   e
+        sed diam nonumy eirmod tempor invidunt ut labore et dolore
+      
+
Kommentar diff --git a/src/app/modules/songs/song/edit/edit-song/edit-song.component.less b/src/app/modules/songs/song/edit/edit-song/edit-song.component.less index 7f633c3..a91148e 100644 --- a/src/app/modules/songs/song/edit/edit-song/edit-song.component.less +++ b/src/app/modules/songs/song/edit/edit-song/edit-song.component.less @@ -31,3 +31,15 @@ right: 0; position: absolute; } + +h3 { + margin: 10px 0 0 0; +} + +h4 { + margin: 0; +} + +.song-text-help { + font-size: 11px; +} diff --git a/src/app/modules/songs/song/edit/edit-song/edit-song.component.ts b/src/app/modules/songs/song/edit/edit-song/edit-song.component.ts index 7118edd..afe1a7d 100644 --- a/src/app/modules/songs/song/edit/edit-song/edit-song.component.ts +++ b/src/app/modules/songs/song/edit/edit-song/edit-song.component.ts @@ -32,6 +32,7 @@ export class EditSongComponent implements OnInit { public faRemove = faTimesCircle; public faSave = faSave; public faLink = faExternalLinkAlt; + public songtextFocus = false; constructor( private activatedRoute: ActivatedRoute, @@ -58,6 +59,7 @@ export class EditSongComponent implements OnInit { public async onSave(): Promise { const data = this.form.value; await this.songService.update$(this.song.id, data); + this.form.markAsPristine(); await this.router.navigateByUrl('songs/' + this.song.id); } diff --git a/src/app/widget-modules/components/song-text/song-text.component.html b/src/app/widget-modules/components/song-text/song-text.component.html index 456ff11..901383c 100644 --- 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,4 +1,22 @@ -
+ + + + +
+
+
{{line.text}}
+
+
+ + +
+ +