68 lines
1.8 KiB
HTML
68 lines
1.8 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="delete-{.file.name.?}">
|
|
<a href="#delete-{.file.name.?}">
|
|
<i class="fa-solid fa-trash"></i>
|
|
</a>
|
|
<form class="popup-dialog" action="?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>
|
|
</div>
|
|
|
|
<div class="details">
|
|
<h2>{.file.name.?}</h2>
|
|
<div class="content">
|
|
{#if @isTag(.class, image) =}
|
|
<img src="/media/{.file.meta.id}" />
|
|
{#elif @isTag(.class, video) =}
|
|
<video src="/media/{.file.meta.id}" />
|
|
{#elif @isTag(.class, audio) =}
|
|
<audio src="/media/{.file.meta.id}" />
|
|
{#else =}
|
|
<a download href="/media/{.file.meta.id}"><i class="fa-solid fa-download"></i>{.file.name.?}</a>
|
|
{/if}
|
|
</div>
|
|
<div class="meta">
|
|
<h3>Metadata</h3>
|
|
|
|
<h4>Drive Path</h4>
|
|
<div>{.file.path}</div>
|
|
|
|
<h4>Filename</h4>
|
|
<div>{.file.meta.filename}</div>
|
|
|
|
<h4>Content Type</h4>
|
|
<div>{.file.meta.content_type}</div>
|
|
|
|
<h4>Sensitive?</h4>
|
|
<div>{.file.meta.sensitive}</div>
|
|
|
|
<h4>Description</h4>
|
|
<div>{.file.meta.description}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|