139 lines
4.9 KiB
HTML
139 lines
4.9 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" action="?action=mkdir" method="post" enctype="multipart/form-data">
|
|
<label>
|
|
<div>Create Directory</div>
|
|
<input type="text" name="name" />
|
|
</label>
|
|
<button type="submit">Create</button>
|
|
</form>
|
|
</div>
|
|
<div class="popup" id="upload">
|
|
<a class="button popup-open" href="#upload">
|
|
<i class="fa-solid fa-cloud-arrow-up"></i>
|
|
</a>
|
|
<a class="button popup-close" href="#">
|
|
<i class="fa-solid fa-xmark"></i>
|
|
</a>
|
|
<form class="popup-dialog" action="?action=upload" method="post" enctype="multipart/form-data">
|
|
<div>Upload</div>
|
|
<label>
|
|
<div>Select file</div>
|
|
<input type="file" name="file" />
|
|
</label>
|
|
<label>
|
|
<div>Description</div>
|
|
<input type="text" name="description" />
|
|
</label>
|
|
<label>
|
|
<div>Sensitive?</div>
|
|
<input type="checkbox" name="sensitive" />
|
|
</label>
|
|
<button type="submit">Upload</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>
|
|
<td />
|
|
<td />
|
|
<td />
|
|
<td class="actions">
|
|
<div class="popup" id="delete-{$dir.name.?}">
|
|
<a href="#delete-{$dir.name.?}">
|
|
<i class="fa-solid fa-trash"></i>
|
|
</a>
|
|
<form class="popup-dialog" action="
|
|
{= .mount_path}/{.base_drive_path}
|
|
{= #for @slice(.breadcrumbs, 0, .breadcrumbs.len) |$c|}/{$c}{/for =}/{$dir.name.? =}
|
|
?action=delete" method="post"
|
|
>
|
|
<div>Are you sure you want to delete this directory?</div>
|
|
<button type="submit">Yes, Delete</button>
|
|
<a href="#">No, Cancel</a>
|
|
</form>
|
|
</div>
|
|
</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>
|
|
<td class="actions">
|
|
<div class="popup" id="delete-{$file.name.?}">
|
|
<a href="#delete-{$file.name.?}">
|
|
<i class="fa-solid fa-trash"></i>
|
|
</a>
|
|
<form class="popup-dialog" action="
|
|
{= .mount_path}/{.base_drive_path}
|
|
{= #for @slice(.breadcrumbs, 0, .breadcrumbs.len) |$c|}/{$c}{/for =}/{$file.name.? =}
|
|
?action=delete" method="post"
|
|
>
|
|
<div>Are you sure you want to delete this file?</div>
|
|
<input type="hidden" name="action" value="delete" />
|
|
<button type="submit">Yes, Delete</button>
|
|
<a href="#">No, Cancel</a>
|
|
</form>
|
|
</div>
|
|
</td>
|
|
{/switch =}
|
|
</tr>
|
|
{/for=}
|
|
</table>
|
|
</div>
|