routing

WEB/src/app/songs/modules/read/files/files.component.ts

@@ -0,0 +1,56 @@
+import {Component, Input, OnInit} from '@angular/core';
+import {Song} from 'src/app/songs/models/song.model';
+import {SongsService} from 'src/app/data/songs.service';
+import {DownloadService} from 'src/app/data/download.service';
+import {faDownload, faEdit, faFileUpload, faLongArrowAltLeft, faTrash} from '@fortawesome/free-solid-svg-icons';
+import {FileuploadFactory} from 'src/app/songs/services/fileupload.factory';
+import {FileUploader} from 'ng2-file-upload';
+
+@Component({
+    selector: 'app-song-files',
+    templateUrl: './files.component.html',
+    styleUrls: ['./files.component.less']
+})
+export class SongFilesComponent implements OnInit {
+    @Input() public song: Song;
+    public faFileUpload = faFileUpload;
+    public faTrash = faTrash;
+    public faArrow = faLongArrowAltLeft;
+    public faDownload = faDownload;
+    public faEdit = faEdit;
+    public columns = ['name', 'action'];
+    public newFileUploader: FileUploader;
+    public fileEditId: number;
+
+    public fileOverNew = false;
+
+    constructor(
+        private downloadService: DownloadService,
+        private fileuploadFactory: FileuploadFactory,
+        private songService: SongsService
+    ) {
+    }
+
+    public ngOnInit(): void {
+        this.newFileUploader = FileuploadFactory.provideForNewFiles(this.song.ID);
+    }
+
+    public onClickDownload(fileId: number, filename): void {
+        this.downloadService.get(this.song.ID, fileId, filename);
+    }
+
+    public onFileOverNew(hover: boolean): void {
+        this.fileOverNew = hover;
+    }
+
+    public onClickEdit(fileId: number): void {
+        this.fileEditId = fileId;
+    }
+
+    public onClickDelete(fileId: number): void {
+        const songId = this.song.ID;
+        this.songService
+            .deleteFile$(songId, fileId)
+            .subscribe();
+    }
+}