2020-07-09 20:19:07 +00:00
|
|
|
{{#if (gt this.lifecyclePhases.length 1)}}
|
2020-04-30 13:15:19 +00:00
|
|
|
<div class="boxed-section" data-test-lifecycle-chart>
|
|
|
|
|
<div class="boxed-section-head">
|
2020-07-09 20:19:07 +00:00
|
|
|
Task Lifecycle {{if this.taskStates "Status" "Configuration"}}
|
2020-04-30 13:15:19 +00:00
|
|
|
</div>
|
|
|
|
|
<div class="boxed-section-body lifecycle-chart">
|
|
|
|
|
|
|
|
|
|
<div class="lifecycle-phases">
|
2020-07-09 20:19:07 +00:00
|
|
|
{{#each this.lifecyclePhases as |phase|}}
|
2020-08-25 17:17:18 +00:00
|
|
|
<div class="lifecycle-phase {{if phase.isActive "is-active"}} {{lowercase phase.name}}" data-test-lifecycle-phase>
|
2020-04-30 13:15:19 +00:00
|
|
|
<div class="name" data-test-name>{{phase.name}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
{{/each}}
|
2020-08-25 17:17:18 +00:00
|
|
|
<svg class="divider prestart">
|
|
|
|
|
<line x1="0" y1="0" x2="0" y2="100%" />
|
|
|
|
|
</svg>
|
2020-09-01 16:49:36 +00:00
|
|
|
<svg class="divider poststop">
|
|
|
|
|
<line x1="0" y1="0" x2="0" y2="100%" />
|
|
|
|
|
</svg>
|
2020-04-30 13:15:19 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="lifecycle-chart-rows">
|
2020-07-09 20:19:07 +00:00
|
|
|
{{#if this.tasks}}
|
|
|
|
|
{{#each this.sortedLifecycleTasks as |task|}}
|
2020-06-01 19:03:56 +00:00
|
|
|
<LifecycleChartRow @task={{task}} />
|
2020-04-30 13:15:19 +00:00
|
|
|
{{/each}}
|
|
|
|
|
{{else}}
|
2020-07-09 20:19:07 +00:00
|
|
|
{{#each this.sortedLifecycleTaskStates as |state|}}
|
2020-06-01 19:03:56 +00:00
|
|
|
<LifecycleChartRow @taskState={{state}} @task={{state.task}} />
|
2020-04-30 13:15:19 +00:00
|
|
|
{{/each}}
|
|
|
|
|
{{/if}}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{{/if}}
|
