eca0e7bf56
* 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
30 lines
1.7 KiB
Handlebars
30 lines
1.7 KiB
Handlebars
{{#if this.noConnection}}
|
|
<div data-test-connection-error class="notification is-error">
|
|
<div class="columns">
|
|
<div class="column">
|
|
<h3 class="title is-4">Cannot fetch logs</h3>
|
|
<p>The logs for this task are inaccessible. Check the condition of the node the allocation is on.</p>
|
|
</div>
|
|
<div class="column is-centered is-minimum">
|
|
<button data-test-connection-error-dismiss class="button is-danger" onclick={{action (mut this.noConnection) false}} type="button">Okay</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
<div class="boxed-section-head">
|
|
<span>
|
|
<button data-test-log-action="stdout" class="button {{if (eq this.mode "stdout") "is-info"}}" {{action "setMode" "stdout"}} type="button">stdout</button>
|
|
<button data-test-log-action="stderr" class="button {{if (eq this.mode "stderr") "is-danger"}}" {{action "setMode" "stderr"}} type="button">stderr</button>
|
|
</span>
|
|
<span class="pull-right">
|
|
<button data-test-log-action="head" class="button is-white" onclick={{action "gotoHead"}} type="button">Head</button>
|
|
<button data-test-log-action="tail" class="button is-white" onclick={{action "gotoTail"}} type="button">Tail</button>
|
|
<button data-test-log-action="toggle-stream" class="button is-white" onclick={{action "toggleStream"}} type="button" title="{{if this.logger.isStreaming "Stop" "Start"}} log streaming">
|
|
{{x-icon (if this.logger.isStreaming "media-pause" "media-play") class="is-text"}}
|
|
</button>
|
|
</span>
|
|
</div>
|
|
<div data-test-log-box class="boxed-section-body is-dark is-full-bleed">
|
|
<StreamingFile @logger={{this.logger}} @mode={{this.streamMode}} @isStreaming={{this.isStreaming}} @shouldFillHeight={{this.shouldFillHeight}} />
|
|
</div>
|