80 lines
2.7 KiB
HTML
80 lines
2.7 KiB
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>
|