eca0e7bf56
* button styles * Further styles including global toggle adjustment * sidebar funcs and header * Functioning task logs in high-level sidebars * same-lineify the show tasks toggle * Changelog * Full-height sidebar calc in css, plz drop soon container queries * Active status and query params for allocations page * Reactive shouldShowLogs getter and added to client and task group pages * Higher order func passing, thanks @DingoEatingFuzz * Non-service job types get allocation params passed * Keyframe animation for task log sidebar * Acceptance test * A few more sub-row tests * Lintfix
89 lines
2.2 KiB
Handlebars
89 lines
2.2 KiB
Handlebars
<tr class="task-sub-row {{if @active "is-active"}}"
|
|
{{keyboard-shortcut
|
|
enumerated=true
|
|
action=(action "gotoTask" this.task.allocation this.task)
|
|
}}
|
|
>
|
|
<td colspan={{@namespan}}>
|
|
<div class="name-grid">
|
|
<LinkTo title={{this.task.name}} class="task-name" @route="allocations.allocation.task" @models={{array this.task.allocation this.task}}>{{this.task.name}}</LinkTo>
|
|
<button type="button" class="logs-sidebar-trigger button is-borderless is-inline is-compact" onclick={{action "handleTaskLogsClick" this.task}}>
|
|
<FlightIcon @name="logs" />View Logs
|
|
</button>
|
|
</div>
|
|
</td>
|
|
<td data-test-cpu class="is-1 has-text-centered">
|
|
{{#if this.task.isRunning}}
|
|
{{#if (and (not this.cpu) this.fetchStats.isRunning)}}
|
|
...
|
|
{{else if this.statsError}}
|
|
<span
|
|
class="tooltip text-center"
|
|
role="tooltip"
|
|
aria-label="Couldn't collect stats"
|
|
>
|
|
{{x-icon "alert-triangle" class="is-warning"}}
|
|
</span>
|
|
{{else}}
|
|
<div
|
|
class="inline-chart is-small tooltip"
|
|
role="tooltip"
|
|
aria-label="{{format-hertz this.cpu.used}}
|
|
/
|
|
{{format-hertz this.taskStats.reservedCPU}}"
|
|
>
|
|
<progress
|
|
class="progress is-info is-small"
|
|
value="{{this.cpu.percent}}"
|
|
max="1"
|
|
>
|
|
{{this.cpu.percent}}
|
|
</progress>
|
|
</div>
|
|
{{/if}}
|
|
{{/if}}
|
|
</td>
|
|
<td data-test-mem class="is-1 has-text-centered">
|
|
{{#if this.task.isRunning}}
|
|
{{#if (and (not this.memory) this.fetchStats.isRunning)}}
|
|
...
|
|
{{else if this.statsError}}
|
|
<span
|
|
class="tooltip is-small text-center"
|
|
role="tooltip"
|
|
aria-label="Couldn't collect stats"
|
|
>
|
|
{{x-icon "alert-triangle" class="is-warning"}}
|
|
</span>
|
|
{{else}}
|
|
<div
|
|
class="inline-chart tooltip"
|
|
role="tooltip"
|
|
aria-label="{{format-bytes this.memory.used}}
|
|
/
|
|
{{format-bytes this.taskStats.reservedMemory start="MiB"}}"
|
|
>
|
|
<progress
|
|
class="progress is-danger is-small"
|
|
value="{{this.memory.percent}}"
|
|
max="1"
|
|
>
|
|
{{this.memory.percent}}
|
|
</progress>
|
|
</div>
|
|
{{/if}}
|
|
{{/if}}
|
|
</td>
|
|
</tr>
|
|
|
|
{{yield}}
|
|
|
|
{{#if this.shouldShowLogs}}
|
|
<TaskContextSidebar
|
|
@task={{this.task}}
|
|
@fns={{hash
|
|
closeSidebar=this.closeSidebar
|
|
}}
|
|
/>
|
|
{{/if}}
|