open-nomad/ui/app/templates/components/task-file.hbs
Michael Lange c5ff121981 New task-file component
Based on the task-log component. Commonalities will be refactored.
2019-07-30 17:22:47 -07:00

25 lines
1.1 KiB
Handlebars

{{#if noConnection}}
<div data-test-connection-error class="notification is-error">
<h3 class="title is-4">Cannot fetch file</h3>
<p>The files for this task are inaccessible. Check the condition of the client the allocation is on.</p>
</div>
{{/if}}
<div class="boxed-section-head">
<span class="pull-right">
<a data-test-log-action="raw" class="button is-white" href="{{fileUrl}}" target="_blank" rel="noopener noreferrer">View Raw File</a>
{{#if isLarge}}
<button data-test-log-action="head" class="button is-white" onclick={{perform head}}>Head</button>
<button data-test-log-action="tail" class="button is-white" onclick={{perform tail}}>Tail</button>
{{/if}}
{{#if isStreaming}}
<button data-test-log-action="toggle-stream" class="button is-white" onclick={{action "toggleStream"}}>
{{x-icon (if logger.isStreaming "media-pause" "media-play") class="is-text"}}
</button>
{{/if}}
</span>
</div>
<div data-test-log-box class="boxed-section-body is-dark is-full-bleed">
{{!-- switch file component here --}}
<pre data-test-log-cli class="cli-window"><code>{{logger.output}}</code></pre>
</div>