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 ef3fcfc..7f633c3 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
@@ -25,3 +25,9 @@
font-family: 'Ubuntu Mono', monospace;
}
}
+
+.link-ccli {
+ top: -18px;
+ right: 0;
+ position: absolute;
+}
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 891f1b3..eecfb4f 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
@@ -10,6 +10,7 @@ import {COMMA, ENTER} from '@angular/cdk/keycodes';
import {MatChipInputEvent} from '@angular/material/chips';
import {faTimesCircle} from '@fortawesome/free-solid-svg-icons/faTimesCircle';
import {faSave} from '@fortawesome/free-solid-svg-icons/faSave';
+import {faExternalLinkAlt} from '@fortawesome/free-solid-svg-icons/faExternalLinkAlt';
@Component({
selector: 'app-edit-song',
@@ -28,6 +29,7 @@ export class EditSongComponent implements OnInit {
readonly separatorKeysCodes: number[] = [ENTER, COMMA];
public faRemove = faTimesCircle;
public faSave = faSave;
+ public faLink = faExternalLinkAlt;
constructor(
private activatedRoute: ActivatedRoute,
diff --git a/src/app/modules/songs/song/edit/edit.module.ts b/src/app/modules/songs/song/edit/edit.module.ts
index 181cac9..ffb1dac 100644
--- a/src/app/modules/songs/song/edit/edit.module.ts
+++ b/src/app/modules/songs/song/edit/edit.module.ts
@@ -21,6 +21,7 @@ import {MatChipsModule} from '@angular/material/chips';
import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
import {StatusTranslaterModule} from '../../../../widget-modules/pipes/status-translater/status-translater.module';
import {ButtonModule} from '../../../../widget-modules/components/button/button.module';
+import {MatTooltipModule} from '@angular/material/tooltip';
@NgModule({
@@ -47,6 +48,7 @@ import {ButtonModule} from '../../../../widget-modules/components/button/button.
FontAwesomeModule,
StatusTranslaterModule,
ButtonModule,
+ MatTooltipModule,
]
})
diff --git a/src/app/modules/songs/song/song.component.html b/src/app/modules/songs/song/song.component.html
index 84cdb30..fa8ab01 100644
--- a/src/app/modules/songs/song/song.component.html
+++ b/src/app/modules/songs/song/song.component.html
@@ -8,7 +8,12 @@
Tempo: {{song.tempo}}
Status: {{(song.status|status) || 'entwurf'}}
Rechteinhaber: {{song.legalOwner|legalOwner}}
- Rechteinhaber ID: {{song.legalOwnerId}}
+
+ Rechteinhaber ID: {{song.legalOwnerId}}
Künstler: {{song.artist}}
Verlag: {{song.label}}
Quelle: {{song.origin}}