Files
Todo-tool/src/app/task-lists/rename-task-list/rename-task-list.component.ts

60 lines
1.9 KiB
TypeScript

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { MatDialogRef } from '@angular/material/dialog';
import { MatSnackBar } from '@angular/material/snack-bar';
import { TaskList } from 'src/app/core/entity/task-list';
import { TaskListService } from 'src/app/core/service/task-list.service';
@Component({
selector: 'app-rename-task-list',
templateUrl: './rename-task-list.component.html',
styleUrls: ['./rename-task-list.component.scss']
})
export class RenameTaskListComponent implements OnInit {
renameTaskListFormGroup: FormGroup = this._formBuilder.group({
name: [undefined, Validators.required]
});
selectedTaskList?: TaskList;
constructor(
private _dialogRef: MatDialogRef<RenameTaskListComponent>,
private _formBuilder: FormBuilder,
private _snackBar: MatSnackBar,
private _taskListService: TaskListService
) {}
ngOnInit(): void {
this.selectedTaskList = this._taskListService.selectedTaskList;
if (this.selectedTaskList) {
this.renameTaskListFormGroup.controls.name.setValue(this.selectedTaskList.name);
} else {
this._snackBar.open('Impossible de renommer la task-list : aucune task-list n\'est sélectionnée.', 'Fermer', {duration: 5000});
this._dialogRef.close();
}
}
get form(): any {
return this.renameTaskListFormGroup.controls;
}
onSubmit(): void {
if (this.selectedTaskList) {
if (this.renameTaskListFormGroup.valid) {
this.selectedTaskList.name = this.renameTaskListFormGroup.controls.name.value;
this._taskListService.updateTaskListName(this.selectedTaskList);
this._snackBar.open('La task-list a été renommée.', 'Fermer', {duration: 5000});
this.close();
} else {
this._snackBar.open('Veuillez vérifier les informations saisies.', 'Fermer', {duration: 5000});
}
}
}
close(): void {
this._dialogRef.close();
}
}