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

Show driver summary on the client detail page

Browse source
This commit is contained in:
Michael Lange 2018-05-08 11:22:36 -07:00
parent d6ebf77b08
commit baab8af975
2 changed files with 29 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ui/app/models/node.js
View file

@ -40,4 +40,12 @@ export default Model.extend({
drivers: fragmentArray('node-driver'), drivers: fragmentArray('node-driver'),
events: fragmentArray('node-event'), events: fragmentArray('node-event'),
detectedDrivers: computed('drivers.@each.detected', function() {
return this.get('drivers').filterBy('detected');
}),
unhealthyDrivers: computed('detectedDrivers.@each.healthy', function() {
return this.get('detectedDrivers').filterBy('healthy', false);
}),
}); });

24
ui/app/templates/clients/client.hbs
View file

@ -17,9 +17,27 @@
<div class="boxed-section is-small"> <div class="boxed-section is-small">
<div class="boxed-section-body inline-definitions"> <div class="boxed-section-body inline-definitions">
<span class="label">Client Details</span> <span class="label">Client Details</span>
<span class="pair" data-test-status-definition><span class="term">Status</span> <span class="status-text node-{{model.status}}">{{model.status}}</span></span> <span class="pair" data-test-status-definition>
<span class="pair" data-test-address-definition><span class="term">Address</span> {{model.httpAddr}}</span> <span class="term">Status</span>
<span class="pair" data-test-datacenter-definition><span class="term">Datacenter</span> {{model.datacenter}}</span> <span class="status-text node-{{model.status}}">{{model.status}}</span>
</span>
<span class="pair" data-test-address-definition>
<span class="term">Address</span>
{{model.httpAddr}}
</span>
<span class="pair" data-test-datacenter-definition>
<span class="term">Datacenter</span>
{{model.datacenter}}
</span>
<span class="pair" data-test-driver-health>
<span class="term">Drivers</span>
{{#if model.unhealthyDrivers.length}}
{{x-icon "warning" class="is-text is-warning"}}
{{model.unhealthyDrivers.length}} of {{model.detectedDrivers.length}} {{pluralize "driver" model.detectedDrivers.length}} unhealthy
{{else}}
All healthy
{{/if}}
</span>
</div> </div>
</div> </div>