fediglam/src/main/controllers/web/drive/directory.tmpl.html

<div class="drive">
  <ol class="breadcrumbs">
    <li>
      <a href="{.mount_path}/{.base_drive_path}/">
        <i class="fa-solid fa-cloud"></i>
        <span class="directory">/</span>
      </a>
    </li>
    {#for .breadcrumbs |$crumb, $i| =}
      <i class="fa-solid fa-chevron-right"></i>
      <li>
        <a href="{.mount_path}/{.base_drive_path}
          {= #for @slice(.breadcrumbs, 0, $i) |$c|}/{$c}{/for =}
        /{$crumb}">
          {$crumb}
        </a>
      </li>
    {/for =}
  </ol>

  <div class="popup-buttons">
    <div class="popup" id="mkdir">
      <a class="button popup-open" href="#mkdir">
        <span class="fa-stack small">
          <i class="fa-solid fa-stack-2x fa-folder"></i>
          <i class="fa-solid fa-stack-1x fa-inverse fa-plus"></i>
        </span>
      </a>
      <a class="button popup-close" href="#">
        <i class="fa-solid fa-xmark"></i>
      </a>
      <form class="popup-dialog" method="post" enctype="multipart/form-data">
        <label>
          <div>Create Directory</div>
          <input type="text" name="mkcol.name" /> <!-- TODO: Rename this form param -->
        </label>
        <input type="hidden" name="action" value="mkcol" />
        <button type="submit">Create</button>
      </form>
    </div>
  </div>
  <table class="directory-listing">
    {#for .dir.children.? |$child| =}
      <tr>
        {#switch $child case dir |$dir| =}
          <td class="icons"><i class="fa-solid fa-folder-closed fa-fw"></i></td>
          <td class="name">
            <a href="{.mount_path}/{.base_drive_path}{= #for @slice(.breadcrumbs, 0, .breadcrumbs.len) |$c|}/{$c}{/for =}/{$dir.name.?}">
              {$dir.name.?}
            </a>
          </td>
        {#case file |$file|}
          <td class="icons">
            {#if %user |$u|}
              {#if $u.avatar_file_id == $file.meta.id =}
                <i class="fa-solid fa-user fa-fw"></i>
              {= #elif $u.header_file_id == $file.meta.id =}
                <i class="fa-solid fa-heading fa-fw"></i>
              {= /if =}
            {= /if}
            {#if $file.meta.sensitive =}
              <i class="fa-solid fa-eye-slash fa-fw"></i>
            {= #else =}
              <i class="fa-solid fa-file fa-fw"></i>
            {= /if}
          </td>
          <td class="name">
            <a href="{.mount_path}/{.base_drive_path}{= #for @slice(.breadcrumbs, 0, .breadcrumbs.len) |$c|}/{$c}{/for =}/{$file.name.?}">
              {$file.name.?}
            </a>
          </td>
          <td class="content-type">{#if $file.meta.content_type |$t|}{$t}{/if}</td>
          <td class="size">{$file.meta.size}</td>
          <td class="created-at">{$file.meta.created_at}</td>
        {/switch =}
      </tr>
    {/for=}
  </table>
</div>