xevion/simple-viewer
1
0
Fork 0
mirror of https://github.com/Xevion/simple-viewer.git synced 2025-12-15 02:13:14 -06:00
Code Issues Packages Projects Releases Wiki Activity

confirm deletion footer styling, link color styling, white checkboxes, overall styling improvements/edits

Browse Source
This commit is contained in:
Xevion
2020-11-03 19:30:28 -06:00
parent 19a83fa7d9
commit ac059565e3
2 changed files with 110 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
viewer/templates/browse.html
View File

@@ -13,35 +13,48 @@
</style>
{% endblock head %}
{% block content %}
<div class="card">
<div id="browse" class="card">
<div class="card-header">
<p class="card-header-title">
{{ directory.path }}
<span class="pl-1" style="font-weight: 400; font-style: italic; font-size: 70%;">
{{ files|length }} files
</span>
<span class="icon align-self">
<a href="{% url 'refresh' directory.id %}">
<i class="fas fa-sync"></i>
</a>
</span>
</p>
<div class="is-flex is-align-content-end" style="width: 100%;">
<div>
<p class="card-header-title">
{{ directory.path }}
</p>
<span class="pl-1" style="font-weight: 400; font-style: italic; font-size: 70%;">
{{ files|length }} files
</span>
</div>
<div style="vertical-align: middle;">
<span class="icon">
<a href="{% url 'index' %}">
<i class="fas fa-arrow-up" aria-hidden="true"></i>
</a>
</span>
<span class="icon">
<a href="{% url 'refresh' directory.id %}">
<i class="fas fa-sync"></i>
</a>
</span>
</div>
</div>
</div>
<div class="card-content">
<div class="content">
{% for directory in directories %}
<div>
<span class="icon">
<i class="fas fa-folder"></i>
</span>
{{ directory }}
</div>
<div>
<span class="icon">
<i class="fas fa-folder"></i>
</span>
<a href="{% url 'add' %}?path={{ file.fullpath }}">
{{ directory }}
</a>
</div>
{% endfor %}
{% for file in files %}
<div class="media">
{% load static %}
<img class="px-2" loading="lazy" src="{% static "/thumbnails/"|add:file.thumbnail %}">
<img class="px-2" loading="lazy" src="{% static file.thumbnail_static_path %}">
<span class="media-filename">
<a href="{% url 'file' directory.id file.filename %}">
{{ file.filename }}
@@ -52,36 +65,6 @@
</div>
</div>
</div>
<div class="panel">
<div class="panel-heading">
{{ directory.path }}
<span style="font-weight: 400; font-style: italic; font-size: 70%;">
{{ files|length }} files
</span>
<span style="vertical-align: middle;" class="panel-icon">
<a href="{% url 'index' %}">
<i class="fas fa-arrow-up" aria-hidden="true"></i>
</a>
</span>
</div>
{% for file in files %}
<div class="panel-block">
<span class="panel-icon pr-4">
{# <i class="fas fa-{{ file }} fa-lg" aria-hidden="true"></i>#}
</span>
{% if file.1 == 'folder' %}
<a href="{% url 'add' %}?path={{ file.fullpath }}">
{{ file.filename }}
</a>
{% else %}
<a href="{% url 'file' directory.id file.filename %}">
{{ file.filename }}
</a>
{% endif %}
</div>
{% endfor %}
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"
integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg=="
crossorigin="anonymous"></script>