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

ui: add client name tooltip when displaying client ID in tables (#11358)

This commit is contained in:
Luiz Aoqui 2021-10-21 10:23:06 -04:00 committed by GitHub
parent 6011411111
commit dceeccfc5d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 24 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.changelog/11358.txt Normal file
View File

@ -0,0 +1,3 @@
```release-note:improvement
ui: Display client name as a tooltip where the client ID is used
```

16
ui/app/templates/components/allocation-row.hbs
View File

@ -37,11 +37,23 @@
<span class="color-swatch {{this.allocation.clientStatus}}" /> {{this.allocation.clientStatus}}
</td>
{{#if (eq this.context "volume")}}
<td data-test-client><LinkTo @route="clients.client" @model={{this.allocation.node}}>{{this.allocation.node.shortId}}</LinkTo></td>
<td data-test-client>
<span class="tooltip multiline" aria-label="{{this.allocation.node.name}}">
<LinkTo @route="clients.client" @model={{this.allocation.node}}>
{{this.allocation.node.shortId}}
</LinkTo>
</span>
</td>
{{/if}}
{{#if (or (eq this.context "taskGroup") (eq this.context "job"))}}
<td data-test-job-version>{{this.allocation.jobVersion}}</td>
<td data-test-client><LinkTo @route="clients.client" @model={{this.allocation.node}}>{{this.allocation.node.shortId}}</LinkTo></td>
<td data-test-client>
<span class="tooltip multiline" aria-label="{{this.allocation.node.name}}">
<LinkTo @route="clients.client" @model={{this.allocation.node}}>
{{this.allocation.node.shortId}}
</LinkTo>
</span>
</td>
{{else if (or (eq this.context "node") (eq this.context "volume"))}}
<td>
{{#if (or this.allocation.job.isPending this.allocation.job.isReloading)}}

8
ui/app/templates/components/plugin-allocation-row.hbs
View File

@ -44,7 +44,13 @@
</span>
</td>
<td data-test-client><LinkTo @route="clients.client" @model={{this.allocation.node}}>{{this.allocation.node.shortId}}</LinkTo></td>
<td data-test-client>
<span class="tooltip multiline" aria-label="{{this.allocation.node.name}}">
<LinkTo @route="clients.client" @model={{this.allocation.node}}>
{{this.allocation.node.shortId}}
</LinkTo>
</span>
</td>
<td>
{{#if (or this.allocation.job.isPending this.allocation.job.isReloading)}}
...