fix-issue-81 #88
@ -14,7 +14,14 @@
 | 
			
		||||
    </mat-card-header>
 | 
			
		||||
    <mat-card-content>
 | 
			
		||||
      <p>ETA: {{task!.eta}} Minuten - Deadline: {{task!.deadline}}</p>
 | 
			
		||||
      <mat-progress-bar [mode]="'determinate'" [value]="task!.workTime"></mat-progress-bar>
 | 
			
		||||
      <div class="progress-stacked" >
 | 
			
		||||
        <div class="progress" role="progressbar" aria-label="Segment one" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100" [style.width]=currentProgress>
 | 
			
		||||
          <div class="progress-bar">{{currentProgress}}</div>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div class="progress" role="progressbar" aria-label="Segment two" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" [style.width]=futureProgress>
 | 
			
		||||
          <div class="progress-bar bg-success">{{futureProgress}}</div>
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </mat-card-content>
 | 
			
		||||
    <mat-card-actions *ngIf="taskgroup != undefined && task != undefined">
 | 
			
		||||
      <div style="width: 100%">
 | 
			
		||||
 | 
			
		||||
@ -2,6 +2,7 @@ import {Component, OnInit, ViewChild} from '@angular/core';
 | 
			
		||||
import {NavigationLink, NavigationLinkListComponent} from "../../navigation-link-list/navigation-link-list.component";
 | 
			
		||||
import {ActivatedRoute, Router} from "@angular/router";
 | 
			
		||||
import {
 | 
			
		||||
  AdvancedScheduleInfo,
 | 
			
		||||
  ScheduleInfo,
 | 
			
		||||
  ScheduleService,
 | 
			
		||||
  TaskEntityInfo,
 | 
			
		||||
@ -44,6 +45,8 @@ export class TaskDetailOverviewComponent implements OnInit {
 | 
			
		||||
  schedulesLoaded: boolean = false;
 | 
			
		||||
 | 
			
		||||
  taskStatus: string = "🟢"
 | 
			
		||||
  currentProgress: string = "0";
 | 
			
		||||
  futureProgress: string = "0";
 | 
			
		||||
 | 
			
		||||
  constructor(private activatedRoute: ActivatedRoute,
 | 
			
		||||
              private taskgroupService: TaskgroupService,
 | 
			
		||||
@ -84,12 +87,14 @@ export class TaskDetailOverviewComponent implements OnInit {
 | 
			
		||||
          next: resp => {
 | 
			
		||||
            this.task = resp;
 | 
			
		||||
            this.taskStatus = this.getStatusOfTask(resp)
 | 
			
		||||
            this.calcProgress();
 | 
			
		||||
          }
 | 
			
		||||
        });
 | 
			
		||||
        this.scheduleService.schedulesTaskIDGet(Number(params.get('taskID'))).subscribe({
 | 
			
		||||
          next: resp => {
 | 
			
		||||
            this.schedules = resp;
 | 
			
		||||
            this.schedulesLoaded = true;
 | 
			
		||||
            this.calcProgress();
 | 
			
		||||
          }
 | 
			
		||||
        })
 | 
			
		||||
      }
 | 
			
		||||
@ -106,6 +111,28 @@ export class TaskDetailOverviewComponent implements OnInit {
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  calcProgress() {
 | 
			
		||||
    if(this.task != undefined && this.task!.eta > 0) {
 | 
			
		||||
      const currentProgress = this.task!.workTime / this.task!.eta * 100;
 | 
			
		||||
 | 
			
		||||
      let futureProgress = 0;
 | 
			
		||||
      this.schedules.forEach(schedule => {
 | 
			
		||||
        if(schedule.scheduleType == "ADVANCED" && schedule.startTime == null) {
 | 
			
		||||
          let advancedSchedule: AdvancedScheduleInfo = schedule as AdvancedScheduleInfo;
 | 
			
		||||
          if(moment(advancedSchedule.scheduleStartTime).isBefore(moment())) {
 | 
			
		||||
            const duration = moment.duration(moment(advancedSchedule.scheduleStopTime).diff(moment(advancedSchedule.scheduleStartTime)));
 | 
			
		||||
            const plannedMinutes = duration.asMinutes();
 | 
			
		||||
            futureProgress += plannedMinutes;
 | 
			
		||||
          }
 | 
			
		||||
        }
 | 
			
		||||
      })
 | 
			
		||||
 | 
			
		||||
      this.futureProgress = (futureProgress) / this.task!.eta *100 + "%";
 | 
			
		||||
      this.currentProgress = currentProgress + "%";
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  openTaskEditor() {
 | 
			
		||||
    if(this.task != undefined) {
 | 
			
		||||
      const taskEditorInfo: TaskEditorData = {
 | 
			
		||||
 | 
			
		||||
		Loading…
	
		Reference in New Issue
	
	Block a user