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 {