gns3-web-ui/src/app/components/preferences/common/delete-template-component/delete-template.component.ts

import { Component, Input, Output, EventEmitter } from "@angular/core";
import { TemplateService } from '../../../../services/template.service';
import { MatDialog } from '@angular/material';
import { DeleteConfirmationDialogComponent } from '../delete-confirmation-dialog/delete-confirmation-dialog.component';
import { ToasterService } from '../../../../services/toaster.service';
import { Server } from '../../../../models/server';

@Component({
    selector: 'app-delete-template',
    templateUrl: './delete-template.component.html',
    styleUrls: ['./delete-template.component.scss']
})
export class DeleteTemplateComponent {
    @Input() server: Server;
    @Output() deleteEvent = new EventEmitter<string>();
 
    constructor(
        private templateService: TemplateService,
        private dialog: MatDialog,
        private toasterService: ToasterService
    ) {}

    deleteItem(templateName, templateId) {
        const dialogRef = this.dialog.open(DeleteConfirmationDialogComponent, {
            width: '300px',
            height: '250px',
            data: {
                templateName: templateName
            },
            autoFocus: false,
            disableClose: true
        });
      
        dialogRef.afterClosed().subscribe((answer: boolean) => {
            if (answer) {
                this.templateService.deleteTemplate(this.server, templateId).subscribe((answer: boolean) => {
                    if(answer) {
                        this.deleteEvent.emit(templateId);
                        this.toasterService.success(`Template ${templateName} deleted.`);
                    }
                });
            }
        });
    }
}