button icons

src/app/modules/songs/song/edit/edit-song/edit-song.component.html

@@ -81,11 +81,6 @@
         <input formControlName="legalOwnerId" matInput>
       </mat-form-field>
 
-      <mat-form-field appearance="outline">
-        <mat-label>Lizenznummer</mat-label>
-        <input formControlName="legalLicenseId" matInput>
-      </mat-form-field>
-
       <mat-form-field appearance="outline">
         <mat-label>Künstler</mat-label>
         <input formControlName="artist" matInput>
@@ -110,7 +105,7 @@
   </form>
 
   <app-button-row>
-    <button (click)="onSave()" mat-button>Speichern</button>
+    <app-button (click)="onSave()" [icon]="faSave">Speichern</app-button>
   </app-button-row>
 </app-card>
 

src/app/modules/songs/song/edit/edit-song/edit-song.component.ts

@@ -9,6 +9,7 @@ import {KEYS} from '../../../services/key.helper';
 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';
 
 @Component({
   selector: 'app-edit-song',
@@ -26,6 +27,7 @@ export class EditSongComponent implements OnInit {
   public flags: string[] = [];
   readonly separatorKeysCodes: number[] = [ENTER, COMMA];
   public faRemove = faTimesCircle;
+  public faSave = faSave;
 
   constructor(
     private activatedRoute: ActivatedRoute,

src/app/modules/songs/song/edit/edit.module.ts

@@ -20,6 +20,7 @@ import {KeyTranslatorModule} from '../../../../widget-modules/pipes/key-translat
 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';
 
 
 @NgModule({
@@ -45,6 +46,7 @@ import {StatusTranslaterModule} from '../../../../widget-modules/pipes/status-tr
     MatChipsModule,
     FontAwesomeModule,
     StatusTranslaterModule,
+    ButtonModule,
 
   ]
 })

src/app/modules/songs/song/song.component.html

@@ -29,7 +29,7 @@
     </div>
 
     <app-button-row>
-      <button *appRole="['contributor']" mat-button routerLink="edit">Bearbeiten</button>
+      <app-button *appRole="['contributor']" [icon]="faEdit" routerLink="edit">Bearbeiten</app-button>
     </app-button-row>
 
   </app-card>

src/app/modules/songs/song/song.component.ts

@@ -8,6 +8,7 @@ import {FileDataService} from '../services/file-data.service';
 import {File} from '../services/file';
 import {UserService} from '../../../services/user/user.service';
 import {User} from '../../../services/user/user';
+import {faEdit} from '@fortawesome/free-solid-svg-icons/faEdit';
 
 @Component({
   selector: 'app-song',
@@ -18,6 +19,7 @@ export class SongComponent implements OnInit {
   public song$: Observable<Song>;
   public files$: Observable<File[]>;
   public user$: Observable<User>;
+  public faEdit = faEdit;
 
   constructor(
     private activatedRoute: ActivatedRoute,

src/app/modules/songs/song/song.module.ts

@@ -11,6 +11,7 @@ import {SongTextModule} from '../../../widget-modules/components/song-text/song-
 import {MatChipsModule} from '@angular/material/chips';
 import {RoleModule} from '../../../services/user/role.module';
 import {StatusTranslaterModule} from '../../../widget-modules/pipes/status-translater/status-translater.module';
+import {ButtonModule} from '../../../widget-modules/components/button/button.module';
 
 
 @NgModule({
@@ -29,6 +30,7 @@ import {StatusTranslaterModule} from '../../../widget-modules/pipes/status-trans
     MatChipsModule,
     RoleModule,
     StatusTranslaterModule,
+    ButtonModule,
   ]
 })
 export class SongModule {