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

Annotate volume row and make the tr clickable

This commit is contained in:
Michael Lange 2020-04-03 19:19:49 -07:00
parent 62aa943a95
commit 280fa5d53b
2 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/app/controllers/csi/volumes/index.js
View File

@ -56,5 +56,11 @@ export default Controller.extend(
this.set('currentPage', 1);
}
},
actions: {
gotoVolume(volume) {
this.transitionToRoute('csi.volumes.volume', volume.get('plainId'));
},
},
}
);

20
ui/app/templates/csi/volumes/index.hbs
View File

@ -22,21 +22,21 @@
<th># Allocs</th>
{{/t.head}}
{{#t.body key="model.name" as |row|}}
<tr class="is-interactive">
<td>
<tr class="is-interactive" data-test-volume-row {{on "click" (action "gotoVolume" row.model)}}>
<td data-test-volume-name>
{{#link-to "csi.volumes.volume" row.model.plainId class="is-primary"}}{{row.model.name}}{{/link-to}}
</td>
<td>{{if row.model.schedulable "Schedulable" "Unschedulable"}}</td>
<td>
<td data-test-volume-schedulable>{{if row.model.schedulable "Schedulable" "Unschedulable"}}</td>
<td data-test-volume-controller-health>
{{if (gt row.model.controllersHealthy 0) "Healthy" "Unhealthy"}}
({{row.model.controllersHealthy}}/{{row.model.controllersExpected}})
</td>
<td>
<td data-test-volume-node-health>
{{if (gt row.model.nodesHealthy 0) "Healthy" "Unhealthy"}}
({{row.model.nodesHealthy}}/{{row.model.nodesExpected}})
</td>
<td>{{row.model.provider}}</td>
<td>{{row.model.allocations.length}}</td>
<td data-test-volume-provider>{{row.model.provider}}</td>
<td data-test-volume-allocations>{{row.model.allocations.length}}</td>
</tr>
{{/t.body}}
{{/list-table}}
@ -53,11 +53,11 @@
</div>
{{/list-pagination}}
{{else}}
<div data-test-empty-jobs-list class="empty-message">
<div data-test-empty-volumes-list class="empty-message">
{{#if (eq sortedVolumes.length 0)}}
<h3 data-test-empty-jobs-list-headline class="empty-message-headline">No Volumes</h3>
<h3 data-test-empty-volumes-list-headline class="empty-message-headline">No Volumes</h3>
<p class="empty-message-body">
The cluster currently has no CSI volumes.
The cluster currently has no CSI Volumes.
</p>
{{/if}}
</div>