48 lines
2.1 KiB
HTML
48 lines
2.1 KiB
HTML
{% extends "base.html" %} {% block main_content %}
|
|
<div class="container">
|
|
<h3 class="offset-lg-2">{{page_title}}</h3>
|
|
<div class="row">
|
|
<table class="table table-striped table-sm col-xl-12">
|
|
<thead><tr class="thead-light"><th>Name</th><th>Size (MB)</th><th>Path Prefix</th><th>Hash</th></tr></thead><tbody>
|
|
{% for obj in entry_data %}
|
|
<tr><td>
|
|
{% if obj.type.name == "Directory" %}
|
|
<i style="font-size:48;" class="fas fa-folder"></i><br><span class="figure-caption">{{obj.name}}</span>
|
|
{% else %}
|
|
<figure class="figure" font-size: 24px;>
|
|
<div style="position:relative; width:100%">
|
|
{% if obj.type.name=="Image" %}
|
|
{% set icon="fa-file-image" %}
|
|
<a href="{{obj.in_dir.in_path.path_prefix}}/{{obj.in_dir.rel_path}}/{{obj.name}}">
|
|
{% elif obj.type.name == "Video" %}
|
|
{% set icon="fa-film" %}
|
|
<a href="{{obj.in_dir.in_path.path_prefix}}/{{obj.in_dir.rel_path}}/{{obj.name}}">
|
|
{% elif obj.type.name == "Directory" %}
|
|
{% set icon="fa-folder" %}
|
|
{% else %}
|
|
{% set icon="fa-question-circle" %}
|
|
{% endif %}
|
|
<img class="thumb" style="display:block" height="48" src="data:image/jpeg;base64,{{obj.file_details.thumbnail}}"></img>
|
|
{% if obj.type.name=="Image" or obj.type.name == "Video" %}
|
|
</a>
|
|
{% endif %}
|
|
<div style="position:absolute; top: 2; left: 2;">
|
|
<i style="font-size:16;background-color:black;color:white" class="fas {{icon}}"></i>
|
|
</div>
|
|
</div>
|
|
<figcaption class="figure-caption">{{obj.name}}</figcaption>
|
|
</figure>
|
|
{% endif %}
|
|
</td>
|
|
{% if obj.type.name != "Directory" %}
|
|
<td>{{obj.file_details.size_mb}}</td><td>{{obj.in_dir.path_prefix}}</td><td>{{obj.file_details.hash}}</td>
|
|
{% else %}
|
|
<td></td><td></td><td></td>
|
|
{% endif %}
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody></table>
|
|
</div class="row">
|
|
</div class="container">
|
|
{% endblock main_content %}
|