github.com/Ilhicas/nomad@v1.0.4-0.20210304152020-e86851182bc3/ui/app/templates/components/fs/browser.hbs (about)

     1  <section class="section is-closer {{if this.isFile "is-full-width"}}">
     2    {{#if this.isFile}}
     3      <Fs::File @allocation={{this.allocation}} @taskState={{this.taskState}} @file={{this.path}} @stat={{this.stat}} @class="fs-explorer">
     4        <Fs::Breadcrumbs @allocation={{this.allocation}} @taskState={{this.taskState}} @path={{this.path}} />
     5      </Fs::File>
     6    {{else}}
     7      <div class="fs-explorer boxed-section">
     8        <div class="boxed-section-head">
     9          <Fs::Breadcrumbs @allocation={{this.allocation}} @taskState={{this.taskState}} @path={{this.path}} />
    10        </div>
    11        {{#if this.directoryEntries}}
    12          <ListTable
    13            @source={{this.sortedDirectoryEntries}}
    14            @sortProperty={{this.sortProperty}}
    15            @sortDescending={{this.sortDescending}}
    16            @class="boxed-section-body is-full-bleed is-compact" as |t|>
    17            <t.head>
    18              <t.sort-by @prop="Name" @class="is-two-thirds">Name</t.sort-by>
    19              <t.sort-by @prop="Size" @class="has-text-right">File Size</t.sort-by>
    20              <t.sort-by @prop="ModTime" @class="has-text-right">Last Modified</t.sort-by>
    21            </t.head>
    22            <t.body as |row|>
    23              <Fs::DirectoryEntry @path={{this.path}} @allocation={{this.allocation}} @taskState={{this.taskState}} @entry={{row.model}} />
    24            </t.body>
    25          </ListTable>
    26        {{else}}
    27          <div class="boxed-section-body">
    28            <div data-test-empty-directory class="empty-message">
    29              <h3 data-test-empty-directory-headline class="empty-message-headline">No Files</h3>
    30              <p data-test-empty-directory-body class="empty-message-body">
    31                Directory is currently empty.
    32              </p>
    33            </div>
    34          </div>
    35        {{/if}}
    36      </div>
    37    {{/if}}
    38  </section>