open-nomad/ui/app/templates/components/job-page/parameterized-child.hbs
Phil Renaud eca0e7bf56
[ui] task logs in sidebar (#14612)
* button styles

* Further styles including global toggle adjustment

* sidebar funcs and header

* Functioning task logs in high-level sidebars

* same-lineify the show tasks toggle

* Changelog

* Full-height sidebar calc in css, plz drop soon container queries

* Active status and query params for allocations page

* Reactive shouldShowLogs getter and added to client and task group pages

* Higher order func passing, thanks @DingoEatingFuzz

* Non-service job types get allocation params passed

* Keyframe animation for task log sidebar

* Acceptance test

* A few more sub-row tests

* Lintfix
2022-09-22 10:58:52 -04:00

61 lines
1.9 KiB
Handlebars

<JobPage @job={{@job}} as |jobPage|>
<jobPage.ui.Body>
<jobPage.ui.Error />
<jobPage.ui.Title @title={{@job.trimmedName}} />
<jobPage.ui.StatsBox>
<:before-namespace>
<span class="pair" data-test-job-stat="parent">
<span class="term">
Parent
</span>
<LinkTo
@route="jobs.job"
@model={{@job.parent}}
>
{{@job.parent.name}}
</LinkTo>
</span>
</:before-namespace>
</jobPage.ui.StatsBox>
<jobPage.ui.JobClientStatusSummary />
<jobPage.ui.Summary @forceCollapsed={{@job.hasClientStatus}} />
<jobPage.ui.PlacementFailures />
<jobPage.ui.TaskGroups @sortProperty={{@sortProperty}} @sortDescending={{@sortDescending}} />
<jobPage.ui.RecentAllocations @activeTask={{@activeTask}} @setActiveTaskQueryParam={{@setActiveTaskQueryParam}} />
<div class="boxed-section">
{{#if @job.meta}}
<jobPage.ui.Meta />
{{else}}
<div class="boxed-section-head">
Meta
</div>
<div class="boxed-section-body">
<div data-test-empty-meta-message class="empty-message">
<h3 class="empty-message-headline">
No Meta Attributes
</h3>
<p class="empty-message-body">
This job is configured with no meta attributes.
</p>
</div>
</div>
{{/if}}
</div>
<div class="boxed-section">
<div class="boxed-section-head">
Payload
</div>
<div class="boxed-section-body is-dark">
{{#if this.payloadJSON}}
<JsonViewer @json={{this.payloadJSON}} />
{{else}}
<pre class="cli-window is-elastic">
<code>
{{this.payload}}
</code>
</pre>
{{/if}}
</div>
</div>
</jobPage.ui.Body>
</JobPage>