Files
nomad/ui/app/components/das/task-row.hbs
Phil Renaud 15b06e8505 [ui] HashiCorp Design System upgraded to 3.6.0 (#19872)
* HashiCorp Design System upgraded to 3.6.0

* Fresh yarn

* Responses out of range are brought back within

* General pass at a11y fixes with updated components and node

* Further tooltip updates

* 3 more partitions worth of toggle and tooltip updates

* scale-events-accordion and topo-viz node fixes
2024-02-07 16:08:41 -05:00

44 lines
1.3 KiB
Handlebars

{{!
Copyright (c) HashiCorp, Inc.
SPDX-License-Identifier: BUSL-1.1
~}}
<tr
class={{if @active 'active'}}
{{on 'click' @onClick}}
{{did-insert this.calculateHeight}}
data-test-task-toggles
>
<td class="task-cell" data-test-name colspan="2">{{@task.name}}</td>
<td class="toggle-cell">
<label>
<Toggle
data-test-cpu-toggle
@isActive={{@cpu.isActive}}
@onToggle={{action @toggleRecommendation @cpu.recommendation}}
@isDisabled={{not @cpu.recommendation}}
title={{concat 'CPU for ' @task.name}}
aria-label="CPU for {{@task.name}}"
/>
</label>
</td>
<td class="toggle-cell">
<label>
<Toggle
data-test-memory-toggle
@isActive={{@memory.isActive}}
@onToggle={{action @toggleRecommendation @memory.recommendation}}
@isDisabled={{not @memory.recommendation}}
title={{concat 'Memory for ' @task.name}}
aria-label="Memory for {{@task.name}}"
/>
</label>
{{#if (and @active this.height)}}
<svg width={{this.height}} height={{this.height}}>
<rect class="border-cover" x="0" y="1" height={{this.borderCoverHeight}} />
<polyline class="triangle" points="1 1 {{this.half}} {{this.half}} 1 {{this.height}}" />
</svg>
{{/if}}
</td>
</tr>