Show costs on workers
https://redmine.teklia.com/issues/8453
Requires backend#1891 (closed)
In WorkerTag.vue, a new yellow € icon should be shown next to the worker name. This icon is shown when any of the cost_ fields on the worker is not zero, to hint that this worker costs money. This will make it visible in the worker list view, the worker version selection modal and the worker run rows on the process configuration page.
A new <WorkerCosts :worker="worker" /> component is responsible for displaying the detailed costs for a worker. It should be used in both src/views/Process/Workers/List.vue and src/views/Process/Workers/Manage.vue, just below the worker name, before the description. Whenever any of the cost_ fields are set to anything other than 0, all costs are shown, including those that are 0.
I made this mockup, where the WorkerCosts component contains the three Bulma tags:
<div class="field is-grouped is-grouped-multiline mt-3">
<div class="control">
<div class="tags has-addons">
<span class="tag is-medium is-light">CPU</span>
<span class="tag is-medium is-info is-light">0</span>
<span class="tag is-medium is-light">€ / h</span></div>
</div>
<div class="control">
<div class="tags has-addons">
<span class="tag is-medium is-light">GPU</span>
<span class="tag is-medium is-warning">0.42</span>
<span class="tag is-medium is-light">€ / h</span>
</div>
</div>
<div class="control">
<div class="tags has-addons">
<span class="tag is-medium is-warning">9999</span>
<span class="tag is-medium is-light">€ / 1000 elements</span>
</div>
</div>
</div>
