<div class="modal-header">
  <h4 class="modal-title pull-left" *ngIf="frameThread.thread_status === 'Running'">{{runningTitle}}</h4>
</div>
<div class="modal-body">
  <div class="progress thread-process">
    <div class="progress-bar progress-bar-striped" role="progressbar" aria-valuemin="0"
         aria-valuemax="100" [ngStyle]="{'width': frameThread.thread_percent + '%'}"
         [ngClass]="{'bg-success': frameThread.thread_status === 'Complete', 'bg-danger': frameThread.thread_status === 'Error', 'bg-info': frameThread.thread_status === 'Running'}">
      <div *ngIf="frameThread.thread_percent>1">{{frameThread.thread_percent}}%</div>
    </div>
  </div>
  <div class="mt-2"></div>
  <div *ngFor="let thread of msgArray" class="ml-2"
       [ngClass]="{'text-success': thread.thread_status === 'Complete', 'text-danger': thread.thread_status === 'Error'}">
    <span>{{thread.thread_status_time}} </span><span class="ml-2">{{thread.thread_notice}}</span>
  </div>
</div>

<div class="modal-footer"
     *ngIf="allowCancel || frameThread.thread_status === 'Complete' || frameThread.thread_status === 'Error'">
  <button class="btn btn-secondary ml-2" type="button" (click)="closeWindow()" *ngIf="allowCancel && frameThread.thread_status === 'Running'">
    后台运行
  </button>
  <button class="btn btn-secondary ml-2" type="button" (click)="closeWindow()" [ngClass]="{'text-success': frameThread.thread_status === 'Complete', 'text-danger': frameThread.thread_status === 'Error'}" *ngIf="frameThread.thread_status === 'Complete' || frameThread.thread_status === 'Error'">
    任务结束
  </button>
</div>
