luxolus
/
open-nomad
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity

Add icons to denote draining or ineligibility of clients

This commit is contained in:
Michael Lange 2020-10-10 12:33:48 -07:00
parent 7477f32012
commit d9ac6a63c6
2 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/app/styles/charts/topo-viz-node.scss
View File

@ -1,4 +1,4 @@
.chart.topo-viz-node {
.topo-viz-node {
display: block;
.label {
@ -85,7 +85,7 @@
}
}
.flex-masonry-columns-2 > .flex-masonry-item > .chart.topo-viz-node svg,
.flex-masonry-columns-2 > .flex-masonry-item > .chart.topo-viz-node .label {
.flex-masonry-columns-2 > .flex-masonry-item > .topo-viz-node .chart,
.flex-masonry-columns-2 > .flex-masonry-item > .topo-viz-node .label {
width: calc(100% - 0.75em);
}

15
ui/app/templates/components/topo-viz/node.hbs
View File

@ -1,9 +1,12 @@
<div class="chart topo-viz-node {{unless this.allocations.length "is-empty"}}" {{did-insert this.reloadNode}}>
<div class="topo-viz-node {{unless this.allocations.length "is-empty"}}" {{did-insert this.reloadNode}}>
{{#unless @isDense}}
<p class="label">
<strong>
{{@node.node.name}}
</strong>
{{#if @node.node.isDraining}}
<span class="tooltip" aria-label="Client is draining">{{x-icon "clock-outline" class="is-info"}}</span>
{{else if (not @node.node.isEligible)}}
<span class="tooltip" aria-label="Client is ineligible">{{x-icon "lock-closed" class="is-warning"}}</span>
{{/if}}
<strong>{{@node.node.name}}</strong>
<span class="bumper-left">{{this.count}} Allocs</span>
<span class="bumper-left is-faded">{{@node.memory}} MiB, {{@node.cpu}} Mhz</span>
</p>
@ -100,9 +103,5 @@
<text class="empty-text">Empty Client</text>
{{/if}}
</svg>
<div class="chart-tooltip {{if this.isActive "active" "inactive"}}" style={{this.tooltipStyle}}>
<LinkTo @route="allocations.allocation" @model={{this.activeAllocation}}>{{this.activeAllocation.name}} {{this.activeAllocation.shortId}}</LinkTo>
({{this.activeAllocation.resources.memory}} MiB, {{this.activeAllocation.resources.cpu}} Mhz)
</div>
</div>