luxolus
/
open-nomad
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity

Add unsupported file type state

This commit is contained in:
Michael Lange 2019-07-25 10:53:45 -07:00
parent ddd35edb19
commit cae543bdbb
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/app/components/task-file.js
View File

@ -43,6 +43,7 @@ export default Component.extend({
return this.stat.Size > 50000; return this.stat.Size > 50000;
}), }),
fileTypeIsUnknown: equal('fileComponent', 'unknown'),
isStreamable: equal('fileComponent', 'stream'), isStreamable: equal('fileComponent', 'stream'),
isStreaming: false, isStreaming: false,

13
ui/app/templates/components/task-file.hbs
View File

@ -7,7 +7,10 @@
<div class="boxed-section-head"> <div class="boxed-section-head">
{{yield}} {{yield}}
<span class="pull-right"> <span class="pull-right">
<a data-test-log-action="raw" class="button is-white" href="{{catUrl}}" target="_blank" rel="noopener noreferrer">View Raw File</a>
{{#if (not fileTypeIsUnknown)}}
<a data-test-log-action="raw" class="button is-white" href="{{catUrl}}" target="_blank" rel="noopener noreferrer">View Raw File</a>
{{/if}}
{{#if (and isLarge isStreamable)}} {{#if (and isLarge isStreamable)}}
<button data-test-log-action="head" class="button is-white" onclick={{action "gotoHead"}}>Head</button> <button data-test-log-action="head" class="button is-white" onclick={{action "gotoHead"}}>Head</button>
<button data-test-log-action="tail" class="button is-white" onclick={{action "gotoTail"}}>Tail</button> <button data-test-log-action="tail" class="button is-white" onclick={{action "gotoTail"}}>Tail</button>
@ -25,6 +28,12 @@
{{else if (eq fileComponent "image")}} {{else if (eq fileComponent "image")}}
{{image-file src=catUrl alt=stat.Name size=stat.Size}} {{image-file src=catUrl alt=stat.Name size=stat.Size}}
{{else}} {{else}}
<h1>No component</h1> <div class="empty-message is-hollow">
<h3 class="empty-message-headline">Unsupported File Type</h3>
<p class="empty-message-body message">The Nomad UI could not render this file, but you can still call view the file directly.</p>
<p class="empty-message-body">
<a data-test-log-action="raw" class="button is-light" href="{{catUrl}}" target="_blank" rel="noopener noreferrer">View Raw File</a>
</p>
</div>
{{/if}} {{/if}}
</div> </div>