luxolus/open-nomad
2
0
Fork 0
Code Issues 1 Pull requests Packages Releases Wiki Activity
open-nomad/ui/app/templates/components/fs/browser.hbs

48 lines
2.1 KiB
Handlebars
Raw Normal View History

UI: add filesystem browsing for allocations (#7951) This partially addresses #7799. Task state filesystems are contained within a subdirectory of their parent allocation, so almost everything that existed for browsing task state filesystems was applicable to browsing allocations, just without the task name prepended to the path. I aimed to push this differential handling into as few contained places as possible. The tests also have significant overlap, so this includes an extracted behavior to run the same tests for allocations and task states.
2020-06-01 13:15:59 +00:00
<section class="section is-closer {{if isFile "full-width-section"}}">
{{#if model.isRunning}}
{{#if isFile}}
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
<Fs::File @allocation={{allocation}} @taskState={{taskState}} @file={{path}} @stat={{stat}} @class="fs-explorer">
<Fs::Breadcrumbs @allocation={{allocation}} @taskState={{taskState}} @path={{path}} />
</Fs::File>
UI: add filesystem browsing for allocations (#7951) This partially addresses #7799. Task state filesystems are contained within a subdirectory of their parent allocation, so almost everything that existed for browsing task state filesystems was applicable to browsing allocations, just without the task name prepended to the path. I aimed to push this differential handling into as few contained places as possible. The tests also have significant overlap, so this includes an extracted behavior to run the same tests for allocations and task states.
2020-06-01 13:15:59 +00:00
{{else}}
<div class="fs-explorer boxed-section">
<div class="boxed-section-head">
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
<Fs::Breadcrumbs @allocation={{allocation}} @taskState={{taskState}} @path={{path}} />
UI: add filesystem browsing for allocations (#7951) This partially addresses #7799. Task state filesystems are contained within a subdirectory of their parent allocation, so almost everything that existed for browsing task state filesystems was applicable to browsing allocations, just without the task name prepended to the path. I aimed to push this differential handling into as few contained places as possible. The tests also have significant overlap, so this includes an extracted behavior to run the same tests for allocations and task states.
2020-06-01 13:15:59 +00:00
</div>
{{#if directoryEntries}}
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
<ListTable
@source={{sortedDirectoryEntries}}
@sortProperty={{sortProperty}}
@sortDescending={{sortDescending}}
@class="boxed-section-body is-full-bleed is-compact" as |t|>
<t.head>
<t.sort-by @prop="Name" @class="is-two-thirds">Name</t.sort-by>
<t.sort-by @prop="Size" @class="has-text-right">File Size</t.sort-by>
<t.sort-by @prop="ModTime" @class="has-text-right">Last Modified</t.sort-by>
</t.head>
<t.body as |row|>
<Fs::DirectoryEntry @path={{path}} @allocation={{allocation}} @taskState={{taskState}} @entry={{row.model}} />
</t.body>
</ListTable>
UI: add filesystem browsing for allocations (#7951) This partially addresses #7799. Task state filesystems are contained within a subdirectory of their parent allocation, so almost everything that existed for browsing task state filesystems was applicable to browsing allocations, just without the task name prepended to the path. I aimed to push this differential handling into as few contained places as possible. The tests also have significant overlap, so this includes an extracted behavior to run the same tests for allocations and task states.
2020-06-01 13:15:59 +00:00
{{else}}
<div class="boxed-section-body">
<div data-test-empty-directory class="empty-message">
<h3 data-test-empty-directory-headline class="empty-message-headline">No Files</h3>
<p data-test-empty-directory-body class="empty-message-body">
Directory is currently empty.
</p>
</div>
</div>
{{/if}}
</div>
{{/if}}
{{else}}
<div data-test-not-running class="empty-message">
<h3 data-test-not-running-headline class="empty-message-headline">{{capitalize type}} is not Running</h3>
<p data-test-not-running-body class="empty-message-body">
Cannot access files of a{{if allocation 'n'}} {{type}} that is not running.
</p>
</div>
{{/if}}
</section>
Reference in a new issue Copy permalink