open-nomad/ui/app/templates/allocations/allocation/task/index.hbs

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

239 lines
6.9 KiB
Handlebars
Raw Normal View History

{{page-title "Task " this.model.name}}
<TaskSubnav @task={{this.model}} />
2018-07-25 22:05:24 +00:00
<section class="section">
{{#if this.error}}
<div data-test-inline-error class="notification is-danger">
<div class="columns">
<div class="column">
2022-01-19 16:20:00 +00:00
<h3 data-test-inline-error-title class="title is-4">
{{this.error.title}}
</h3>
<p data-test-inline-error-body>
{{this.error.description}}
</p>
</div>
<div class="column is-centered is-minimum">
2022-01-19 16:20:00 +00:00
<button
data-test-inline-error-close
class="button is-danger"
onclick={{action this.onDismiss}}
type="button"
>
Okay
</button>
</div>
</div>
</div>
{{/if}}
<h1 class="title with-flex" data-test-title>
<div>
{{this.model.name}}
{{#if this.model.isConnectProxy}}
<ProxyTag @class="bumper-left" />
{{/if}}
2022-01-19 16:20:00 +00:00
<span
class="{{unless this.model.isConnectProxy "bumper-left"}}
tag
{{this.model.stateClass}}"
data-test-state
>
{{this.model.state}}
</span>
</div>
<div>
{{#if this.model.isRunning}}
<div class="two-step-button">
<Exec::OpenButton
@job={{this.model.task.taskGroup.job}}
@taskGroup={{this.model.task.taskGroup}}
@allocation={{this.model.allocation}}
2022-01-19 16:20:00 +00:00
@task={{this.model.task}}
/>
</div>
<TwoStepButton
data-test-restart
@alignRight={{true}}
2022-03-24 20:38:43 +00:00
@idleText="Restart Task"
@cancelText="Cancel"
2022-03-24 20:38:43 +00:00
@confirmText="Yes, Restart Task"
@confirmationMessage="Are you sure? This will restart the task in-place."
@awaitingConfirmation={{this.restartTask.isRunning}}
@disabled={{this.restartTask.isRunning}}
2022-01-19 16:20:00 +00:00
@onConfirm={{perform this.restartTask}}
/>
{{/if}}
</div>
2018-07-25 22:05:24 +00:00
</h1>
<div class="boxed-section is-small">
<div class="boxed-section-body inline-definitions">
2022-01-19 16:20:00 +00:00
<span class="label">
Task Details
</span>
2018-07-25 22:05:24 +00:00
<span class="pair" data-test-started-at>
2022-01-19 16:20:00 +00:00
<span class="term">
Started At
</span>
{{format-ts this.model.startedAt}}
2018-07-25 22:05:24 +00:00
</span>
{{#if this.model.finishedAt}}
<span class="pair">
2022-01-19 16:20:00 +00:00
<span class="term">
Finished At
</span>
{{format-ts this.model.finishedAt}}
</span>
2018-07-25 22:05:24 +00:00
{{/if}}
<span class="pair">
2022-01-19 16:20:00 +00:00
<span class="term">
Driver
</span>
{{this.model.task.driver}}
2018-07-25 22:05:24 +00:00
</span>
<span class="pair">
2022-01-19 16:20:00 +00:00
<span class="term">
Lifecycle
</span>
<span data-test-lifecycle>
{{this.model.task.lifecycleName}}
</span>
</span>
{{#if (and (can "list variables") this.model.task.pathLinkedVariable)}}
<span class="pair" data-test-task-stat="variables">
<LinkTo @route="variables.variable" @model={{this.model.task.pathLinkedVariable.id}}>Variables</LinkTo>
</span>
{{/if}}
</div>
2018-07-25 22:05:24 +00:00
</div>
<div class="boxed-section">
<div class="boxed-section-head is-hollow">
Resource Utilization
</div>
<div class="boxed-section-body">
{{#if this.model.isRunning}}
<div class="columns">
<div class="column">
2021-03-19 21:34:00 +00:00
<PrimaryMetric::Task @taskState={{this.model}} @metric="cpu" />
</div>
<div class="column">
2021-03-19 21:34:00 +00:00
<PrimaryMetric::Task @taskState={{this.model}} @metric="memory" />
</div>
</div>
{{else}}
<div data-test-resource-error class="empty-message">
2022-01-19 16:20:00 +00:00
<h3 data-test-resource-error-headline class="empty-message-headline">
Task isn't running
</h3>
<p class="empty-message-body">
Only running tasks utilize resources.
</p>
</div>
{{/if}}
</div>
</div>
{{#if this.model.task.volumeMounts.length}}
<div data-test-volumes class="boxed-section">
<div class="boxed-section-head">
Volumes
</div>
<div class="boxed-section-body is-full-bleed">
<ListTable @source={{this.model.task.volumeMounts}} as |t|>
<t.head>
2022-01-19 16:20:00 +00:00
<th>
Name
</th>
<th>
Destination
</th>
<th>
Permissions
</th>
<th>
Client Source
</th>
</t.head>
<t.body as |row|>
<tr data-test-volume>
2022-01-19 16:20:00 +00:00
<td data-test-volume-name>
{{row.model.volume}}
</td>
<td data-test-volume-destination>
<code>
{{row.model.destination}}
</code>
</td>
<td data-test-volume-permissions>
{{if row.model.readOnly "Read" "Read/Write"}}
</td>
<td data-test-volume-client-source>
{{#if row.model.isCSI}}
2022-01-19 16:20:00 +00:00
<LinkTo
@route="csi.volumes.volume"
@model={{concat
(format-volume-name
source=row.model.source
isPerAlloc=row.model.volumeDeclaration.perAlloc
volumeExtension=this.model.allocation.volumeExtension)
"@"
row.model.namespace.id
2022-01-19 16:20:00 +00:00
}}
>
{{format-volume-name
source=row.model.source
isPerAlloc=row.model.volumeDeclaration.perAlloc
volumeExtension=this.model.allocation.volumeExtension}}
</LinkTo>
{{else}}
{{row.model.source}}
{{/if}}
</td>
</tr>
</t.body>
</ListTable>
</div>
</div>
{{/if}}
2018-07-25 22:05:24 +00:00
<div class="boxed-section">
<div class="boxed-section-head">
Recent Events
</div>
<div class="boxed-section-body is-full-bleed">
2022-01-19 16:20:00 +00:00
<ListTable
@source={{reverse this.model.events}}
@class="is-striped" as |t|
>
<t.head>
2022-01-19 16:20:00 +00:00
<th class="is-3">
Time
</th>
<th class="is-1">
Type
</th>
<th>
Description
</th>
</t.head>
<t.body as |row|>
2018-07-25 22:05:24 +00:00
<tr data-test-task-event>
2022-01-19 16:20:00 +00:00
<td data-test-task-event-time>
{{format-ts row.model.time}}
</td>
<td data-test-task-event-type>
{{row.model.type}}
</td>
2018-07-25 22:05:24 +00:00
<td data-test-task-event-message>
{{#if row.model.message}}
{{row.model.message}}
{{else}}
2022-01-19 16:20:00 +00:00
<em>
No message
</em>
2018-07-25 22:05:24 +00:00
{{/if}}
</td>
</tr>
</t.body>
</ListTable>
2018-07-25 22:05:24 +00:00
</div>
</div>
2022-01-19 16:20:00 +00:00
</section>