internship-playground/src-angl/is/src/app/article-delete-button/article-delete-button.ts

import { Component, EventEmitter, inject, Input, Output } from '@angular/core';
import { Article } from '../bo/article';
import { DataService } from '../data-service';
import { NgClass } from '@angular/common';

@Component({
	selector: 'is-article-delete-button',
	templateUrl: './article-delete-button.html',
	styleUrl: './article-delete-button.css',
	imports: [
		NgClass
	],

})
export class ArticleDeleteButton {
	busy = false;

	dataService = inject(DataService);

	@Input({required: true})
	article!: Article;

	@Output()
	deleted = new EventEmitter();

	delete() {
		this.busy = true;
		this.dataService.deleteArticle(this.article.id).subscribe(() => {
			this.busy = false;
			this.deleted.emit();
		});
	}
}