import {
  AfterContentInit, Component, DoCheck, Input
} from '@angular/core';

import { JobExecution } from '../model/job-execution.model';

/**
 * Component used to format the deployment status of Job Executions.
 *
 * @author Gunnar Hillert
 */
@Component({
  selector: 'app-definition-status',
  template: `
    <span class="label label-{{labelClass}}">{{label}}</span>
  `
})
export class DefinitionStatusComponent implements AfterContentInit, DoCheck {

  /**
   * The Job Execution from which the status will be retrieved.
   */
  @Input()
  jobExecution: JobExecution;

  label: string;
  labelClass: string;

  ngAfterContentInit() {
    this.setStyle();
  }

  ngDoCheck() {
    this.setStyle();
  }

  private setStyle() {
    if (this.jobExecution) {

      if (!this.jobExecution.defined) {
        this.labelClass = 'danger';
        this.label = 'Deleted';
      }
    }
  }
}

import {
  AfterContentInit, Component, DoCheck, Input
} from '@angular/core';

import { JobExecution } from '../model/job-execution.model';

/**
 * Component used to format the deployment status of Job Executions.
 *
 * @author Gunnar Hillert
 */
@Component({
  selector: 'app-definition-status',
  template: `
    <span class="label label-{{labelClass}}">{{label}}</span>
  `
})
export class DefinitionStatusComponent implements AfterContentInit, DoCheck {

  /**
   * The Job Execution from which the status will be retrieved.
   */
  @Input()
  jobExecution: JobExecution;

  label: string;
  labelClass: string;

  ngAfterContentInit() {
    this.setStyle();
  }

  ngDoCheck() {
    this.setStyle();
  }

  private setStyle() {
    if (this.jobExecution) {

      if (!this.jobExecution.defined) {
        this.labelClass = 'info';
        this.label = 'No Task Definition';
      }
    }
  }
}

Change the no task definition message on jobs
Change the no task definition message on jobs

Change class from Danger to Info
Updated message from `Deleted` to `No Task Definition`.

resolves #579
