Cleanup Code
This commit is contained in:
@@ -1,105 +1,106 @@
|
||||
import { FileType } from './../models/files-types.model.ts';
|
||||
import { SongsService } from 'src/app/data/songs.service';
|
||||
import { Injectable } from '@angular/core';
|
||||
import { FormGroup, FormControl, Validators } from '@angular/forms';
|
||||
import { switchMap } from 'rxjs/operators';
|
||||
import { Song } from '../models/song.model';
|
||||
import { Subscription } from 'rxjs';
|
||||
import {SongsService} from 'src/app/data/songs.service';
|
||||
import {Injectable} from '@angular/core';
|
||||
import {FormControl, FormGroup, Validators} from '@angular/forms';
|
||||
import {switchMap} from 'rxjs/operators';
|
||||
import {Song} from '../models/song.model';
|
||||
import {Subscription} from 'rxjs';
|
||||
|
||||
@Injectable({
|
||||
providedIn: 'root'
|
||||
providedIn: 'root'
|
||||
})
|
||||
export class EditSongService {
|
||||
constructor(private songsService: SongsService) {}
|
||||
|
||||
public initSongEditForm(attachSync: boolean): FormGroup {
|
||||
const song = attachSync
|
||||
? this.songsService.selectedSong.value
|
||||
: this.defaultValues();
|
||||
const form = new FormGroup({
|
||||
Number: new FormControl(song.Number, {
|
||||
updateOn: 'blur',
|
||||
validators: [Validators.required, Validators.min(1)]
|
||||
}),
|
||||
Name: new FormControl(song.Name, {
|
||||
updateOn: 'blur',
|
||||
validators: Validators.required
|
||||
}),
|
||||
Text: new FormControl(song.Text, { updateOn: 'blur' }),
|
||||
SongType: new FormControl(song.SongType, {
|
||||
updateOn: 'blur',
|
||||
validators: Validators.required
|
||||
}),
|
||||
Key: new FormControl(song.Key, {
|
||||
updateOn: 'blur',
|
||||
validators: Validators.required
|
||||
}),
|
||||
Tempo: new FormControl(song.Tempo, { updateOn: 'blur' }),
|
||||
Comments: new FormControl(song.Comments, { updateOn: 'blur' })
|
||||
});
|
||||
|
||||
if (attachSync) {
|
||||
this.attachSync(form, song);
|
||||
constructor(private songsService: SongsService) {
|
||||
}
|
||||
|
||||
return form;
|
||||
}
|
||||
public initSongEditForm(attachSync: boolean): FormGroup {
|
||||
const song = attachSync
|
||||
? this.songsService.selectedSong.value
|
||||
: this.defaultValues();
|
||||
const form = new FormGroup({
|
||||
Number: new FormControl(song.Number, {
|
||||
updateOn: 'blur',
|
||||
validators: [Validators.required, Validators.min(1)]
|
||||
}),
|
||||
Name: new FormControl(song.Name, {
|
||||
updateOn: 'blur',
|
||||
validators: Validators.required
|
||||
}),
|
||||
Text: new FormControl(song.Text, {updateOn: 'blur'}),
|
||||
SongType: new FormControl(song.SongType, {
|
||||
updateOn: 'blur',
|
||||
validators: Validators.required
|
||||
}),
|
||||
Key: new FormControl(song.Key, {
|
||||
updateOn: 'blur',
|
||||
validators: Validators.required
|
||||
}),
|
||||
Tempo: new FormControl(song.Tempo, {updateOn: 'blur'}),
|
||||
Comments: new FormControl(song.Comments, {updateOn: 'blur'})
|
||||
});
|
||||
|
||||
public initFileEditForm(songId: number, fileId: number): {form: FormGroup, changeSubscription: Subscription } {
|
||||
const file = this.songsService.selectedSong.value.Files.filter(
|
||||
_ => _.ID === fileId
|
||||
)[0];
|
||||
const form = new FormGroup({
|
||||
Name: new FormControl(file.Name, {
|
||||
updateOn: 'blur',
|
||||
validators: Validators.required
|
||||
}),
|
||||
FileType: new FormControl(file.FileType, {
|
||||
updateOn: 'blur'
|
||||
})
|
||||
});
|
||||
if (attachSync) {
|
||||
this.attachSync(form, song);
|
||||
}
|
||||
|
||||
const changeSubscription = form.valueChanges.pipe(
|
||||
switchMap(_ => this.songsService.updateFile$(songId, fileId, _.Name, _.FileType)),
|
||||
switchMap(() => this.songsService.selectSong(songId))
|
||||
).subscribe();
|
||||
return form;
|
||||
}
|
||||
|
||||
return {form : form, changeSubscription: changeSubscription};
|
||||
}
|
||||
public initFileEditForm(songId: number, fileId: number): { form: FormGroup, changeSubscription: Subscription } {
|
||||
const file = this.songsService.selectedSong.value.Files.filter(
|
||||
_ => _.ID === fileId
|
||||
)[0];
|
||||
const form = new FormGroup({
|
||||
Name: new FormControl(file.Name, {
|
||||
updateOn: 'blur',
|
||||
validators: Validators.required
|
||||
}),
|
||||
FileType: new FormControl(file.FileType, {
|
||||
updateOn: 'blur'
|
||||
})
|
||||
});
|
||||
|
||||
private attachSync(form: FormGroup, song: Song) {
|
||||
const controls = Object.keys(form.controls);
|
||||
controls.forEach(control => {
|
||||
form.controls[control].valueChanges
|
||||
.pipe(
|
||||
switchMap(value => this.songsService.patch$(song.ID, control, value)),
|
||||
switchMap(() => this.songsService.selectSong(song.ID))
|
||||
)
|
||||
.subscribe();
|
||||
});
|
||||
}
|
||||
const changeSubscription = form.valueChanges.pipe(
|
||||
switchMap(_ => this.songsService.updateFile$(songId, fileId, _.Name, _.FileType)),
|
||||
switchMap(() => this.songsService.selectSong(songId))
|
||||
).subscribe();
|
||||
|
||||
private defaultValues(): Song {
|
||||
const song: Song = {
|
||||
ID: null,
|
||||
Number: this.firstFreeNumber(),
|
||||
Name: null,
|
||||
Tempo: null,
|
||||
Text: null,
|
||||
SongType: null,
|
||||
Key: null,
|
||||
Comments: null,
|
||||
Final: false,
|
||||
Files: []
|
||||
};
|
||||
return {form: form, changeSubscription: changeSubscription};
|
||||
}
|
||||
|
||||
return song;
|
||||
}
|
||||
private attachSync(form: FormGroup, song: Song) {
|
||||
const controls = Object.keys(form.controls);
|
||||
controls.forEach(control => {
|
||||
form.controls[control].valueChanges
|
||||
.pipe(
|
||||
switchMap(value => this.songsService.patch$(song.ID, control, value)),
|
||||
switchMap(() => this.songsService.selectSong(song.ID))
|
||||
)
|
||||
.subscribe();
|
||||
});
|
||||
}
|
||||
|
||||
private firstFreeNumber(): number {
|
||||
let number = 0;
|
||||
const numbers = this.songsService.songs.value.map(_ => _.Number);
|
||||
while (numbers.indexOf(++number) !== -1) {}
|
||||
return number;
|
||||
}
|
||||
private defaultValues(): Song {
|
||||
const song: Song = {
|
||||
ID: null,
|
||||
Number: this.firstFreeNumber(),
|
||||
Name: null,
|
||||
Tempo: null,
|
||||
Text: null,
|
||||
SongType: null,
|
||||
Key: null,
|
||||
Comments: null,
|
||||
Final: false,
|
||||
Files: []
|
||||
};
|
||||
|
||||
return song;
|
||||
}
|
||||
|
||||
private firstFreeNumber(): number {
|
||||
let number = 0;
|
||||
const numbers = this.songsService.songs.value.map(_ => _.Number);
|
||||
while (numbers.indexOf(++number) !== -1) {
|
||||
}
|
||||
return number;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user