mirror of
https://github.com/status-im/consul.git
synced 2025-02-07 19:35:35 +00:00
5f39bfd161
1. The grid based unhealthy cards are now clamped to only four wide maximum. This means that on larger screen the cards are much wider meaning you can view more information. Grid gutters are also clamped at a certain ideal width screen, remaining responsive for anything below this. 2. The healthy node columns are finally responsive following the same column rules as unhealthy nodes
54 lines
1.7 KiB
Handlebars
54 lines
1.7 KiB
Handlebars
{{#app-view class="node list"}}
|
|
{{#block-slot 'header'}}
|
|
<h1>
|
|
Nodes
|
|
</h1>
|
|
<label for="toolbar-toggle"></label>
|
|
{{/block-slot}}
|
|
{{#block-slot 'toolbar'}}
|
|
{{#if (gt items.length 0) }}
|
|
{{catalog-filter filters=healthFilters search=filters.s status=filters.status onchange=(action 'filter')}}
|
|
{{/if}}
|
|
{{/block-slot}}
|
|
{{#block-slot 'content'}}
|
|
{{#if (gt unhealthy.length 0) }}
|
|
<div class="unhealthy">
|
|
<h2>Unhealthy Nodes</h2>
|
|
<div>
|
|
{{! think about 2 differing views here }}
|
|
<ol>
|
|
{{#each unhealthy as |item|}}
|
|
{{healthchecked-resource
|
|
tagName='li'
|
|
data-test-node=item.Node
|
|
href=(href-to 'dc.nodes.show' item.Node)
|
|
name=item.Node
|
|
address=item.Address
|
|
checks=item.Checks
|
|
}}
|
|
{{/each}}
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
{{#if (gt healthy.length 0) }}
|
|
<div class="healthy">
|
|
<h2>Healthy Nodes</h2>
|
|
{{#list-collection cellHeight=92 items=healthy as |item index|}}
|
|
{{healthchecked-resource
|
|
data-test-node=item.Node
|
|
href=(href-to 'dc.nodes.show' item.Node)
|
|
name=item.Node
|
|
address=item.Address
|
|
status=item.Checks.[0].Status
|
|
}}
|
|
{{/list-collection}}
|
|
</div>
|
|
{{/if}}
|
|
{{#if (and (eq healthy.length 0) (eq unhealthy.length 0)) }}
|
|
<p>
|
|
There are no nodes.
|
|
</p>
|
|
{{/if}}
|
|
{{/block-slot}}
|
|
{{/app-view}} |