import { Component, EventEmitter, OnInit, Output } from '@angular/core';
import { TaskExecution } from '../../../shared/model/task-execution.model';
import { TaskService } from '../../../shared/api/task.service';
import { NotificationService } from '../../../shared/service/notification.service';

@Component({
  selector: 'app-execution-cleanup',
  templateUrl: './cleanup.component.html'
})
export class CleanupComponent {
  isOpen = false;
  isRunning = false;
  executions: TaskExecution[];
  @Output() onCleaned = new EventEmitter();

  constructor(private taskService: TaskService,
              private notificationService: NotificationService) {
  }

  open(executions: TaskExecution[]) {
    this.executions = executions;
    this.isOpen = true;
  }

  clean() {
    this.isRunning = true;
    this.taskService.executionsClean(this.executions)
      .subscribe(
        data => {
          this.notificationService.success('Clean up task execution(s)', `${data.length} task execution(s) cleaned up.`);
          this.onCleaned.emit(data);
          this.isOpen = false;
          this.executions = null;
        }, error => {
          this.notificationService.error('An error occurred', error);
          this.isOpen = false;
          this.executions = null;
        });
  }

}

import { Component, EventEmitter, OnInit, Output } from '@angular/core';
import { TaskExecution } from '../../../shared/model/task-execution.model';
import { TaskService } from '../../../shared/api/task.service';
import { NotificationService } from '../../../shared/service/notification.service';

@Component({
  selector: 'app-execution-cleanup',
  templateUrl: './cleanup.component.html'
})
export class CleanupComponent {
  isOpen = false;
  isRunning = false;
  executions: TaskExecution[];
  @Output() onCleaned = new EventEmitter();

  constructor(private taskService: TaskService,
              private notificationService: NotificationService) {
  }

  open(executions: TaskExecution[]) {
    this.executions = executions;
    this.isRunning = false;
    this.isOpen = true;
  }

  clean() {
    this.isRunning = true;
    this.taskService.executionsClean(this.executions)
      .subscribe(
        data => {
          this.notificationService.success('Clean up task execution(s)', `${data.length} task execution(s) cleaned up.`);
          this.onCleaned.emit(data);
          this.isOpen = false;
          this.executions = null;
        }, error => {
          this.notificationService.error('An error occurred', error);
          this.isOpen = false;
          this.executions = null;
        });
  }

}

Fix task execution clean up blocking loading
Fix task execution clean up blocking loading

Resolves #1591
