diff --git a/src/app/modules/songs/song-list/list-item/list-item.component.html b/src/app/modules/songs/song-list/list-item/list-item.component.html
index e9c5ef0..a8a82a9 100644
--- a/src/app/modules/songs/song-list/list-item/list-item.component.html
+++ b/src/app/modules/songs/song-list/list-item/list-item.component.html
@@ -1,8 +1,22 @@
{{song.number}}
+
{{song.title}}
-
- {{song.title}}
+
+
+
+
+
+
+
+
+
+
+
+
+
{{song.key}}
diff --git a/src/app/modules/songs/song-list/list-item/list-item.component.less b/src/app/modules/songs/song-list/list-item/list-item.component.less
index 351df89..e0a309d 100644
--- a/src/app/modules/songs/song-list/list-item/list-item.component.less
+++ b/src/app/modules/songs/song-list/list-item/list-item.component.less
@@ -3,7 +3,7 @@
.list-item {
padding: 5px 20px;
display: grid;
- grid-template-columns: 50px auto 30px;
+ grid-template-columns: 50px auto 60px 30px;
& > div {
display: flex;
@@ -28,6 +28,14 @@
text-align: right;
}
+.neutral {
+ color: #888;
+}
+
.warning {
color: #ba3500;
}
+
+.success {
+ color: #307501;
+}
diff --git a/src/app/modules/songs/song-list/list-item/list-item.component.ts b/src/app/modules/songs/song-list/list-item/list-item.component.ts
index a587f55..3aba02c 100644
--- a/src/app/modules/songs/song-list/list-item/list-item.component.ts
+++ b/src/app/modules/songs/song-list/list-item/list-item.component.ts
@@ -1,6 +1,8 @@
import {Component, Input, OnInit} from '@angular/core';
import {Song} from '../../services/song';
import {faBalanceScaleRight} from '@fortawesome/free-solid-svg-icons/faBalanceScaleRight';
+import {faPencilRuler} from '@fortawesome/free-solid-svg-icons/faPencilRuler';
+import {faCheck} from '@fortawesome/free-solid-svg-icons/faCheck';
@Component({
selector: 'app-list-item',
@@ -10,6 +12,8 @@ import {faBalanceScaleRight} from '@fortawesome/free-solid-svg-icons/faBalanceSc
export class ListItemComponent implements OnInit {
@Input() public song: Song;
public faLegal = faBalanceScaleRight;
+ public faDraft = faPencilRuler;
+ public faFinal = faCheck;
constructor() {
}
diff --git a/src/app/modules/songs/song-list/song-list.module.ts b/src/app/modules/songs/song-list/song-list.module.ts
index ce903aa..2ccae3c 100644
--- a/src/app/modules/songs/song-list/song-list.module.ts
+++ b/src/app/modules/songs/song-list/song-list.module.ts
@@ -13,6 +13,8 @@ import {ReactiveFormsModule} from '@angular/forms';
import {MatSelectModule} from '@angular/material/select';
import {SongTypeTranslaterModule} from '../../../widget-modules/pipes/song-type-translater/song-type-translater.module';
import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
+import {MatTooltipModule} from '@angular/material/tooltip';
+import {RoleModule} from '../../../services/user/role.module';
@NgModule({
@@ -30,7 +32,9 @@ import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
ReactiveFormsModule,
MatSelectModule,
SongTypeTranslaterModule,
- FontAwesomeModule
+ FontAwesomeModule,
+ MatTooltipModule,
+ RoleModule
]
})
export class SongListModule {