2998deac50
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.
48 lines
2.1 KiB
Handlebars
48 lines
2.1 KiB
Handlebars
<section class="section is-closer {{if isFile "full-width-section"}}">
|
|
{{#if model.isRunning}}
|
|
{{#if isFile}}
|
|
<Fs::File @allocation={{allocation}} @taskState={{taskState}} @file={{path}} @stat={{stat}} @class="fs-explorer">
|
|
<Fs::Breadcrumbs @allocation={{allocation}} @taskState={{taskState}} @path={{path}} />
|
|
</Fs::File>
|
|
{{else}}
|
|
<div class="fs-explorer boxed-section">
|
|
<div class="boxed-section-head">
|
|
<Fs::Breadcrumbs @allocation={{allocation}} @taskState={{taskState}} @path={{path}} />
|
|
</div>
|
|
{{#if directoryEntries}}
|
|
<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>
|
|
{{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>
|