xevion/simple-viewer
1
0
Fork 0
mirror of https://github.com/Xevion/simple-viewer.git synced 2025-12-07 11:16:31 -06:00
Code Issues Packages Projects Releases Wiki Activity

update .gitignore for thumbnail files, add proper directory with icons to content, add proper thumbnail img loading with lazy loading for performance

Browse Source
This commit is contained in:
Xevion
2020-10-31 23:03:37 -05:00
parent 041e2a6e42
commit 8ef09f8618
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -1,5 +1,6 @@
# Repository specific # Repository specific
.idea/** .idea/**
viewer/static/thumbnails/**
# Byte-compiled / optimized / DLL files # Byte-compiled / optimized / DLL files
__pycache__/ __pycache__/

13
viewer/templates/browse.html
View File

@@ -21,7 +21,7 @@
<span class="pl-1" style="font-weight: 400; font-style: italic; font-size: 70%;"> <span class="pl-1" style="font-weight: 400; font-style: italic; font-size: 70%;">
{{ files|length }} files {{ files|length }} files
</span> </span>
<span class="icon"> <span class="icon align-self">
<a href="{% url 'refresh' directory.id %}"> <a href="{% url 'refresh' directory.id %}">
<i class="fas fa-sync"></i> <i class="fas fa-sync"></i>
</a> </a>
@@ -32,15 +32,17 @@
<div class="content"> <div class="content">
{% for directory in directories %} {% for directory in directories %}
<div> <div>
<span class="icon">
<i class="fas fa-folder"></i>
</span>
{{ directory }}
</div> </div>
{% endfor %} {% endfor %}
{% for file in files %} {% for file in files %}
<div class="media"> <div class="media">
{% load thumbnail %} {% load static %}
<img class="px-2" src="{{ file.fullpath|thumbnail_url:'small' }}"> <img class="px-2" loading="lazy" src="{% static "/thumbnails/"|add:file.thumbnail %}">
{# <img class="px-2" src="https://picsum.photos/200/130?random={{ file.0 }}">#}
<span class="media-filename"> <span class="media-filename">
<a href="{% url 'file' directory.id file.filename %}"> <a href="{% url 'file' directory.id file.filename %}">
{{ file.filename }} {{ file.filename }}
@@ -84,6 +86,5 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"
integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg=="
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
{% load static %}
<script src="{% static "hover.js" %}"></script> <script src="{% static "hover.js" %}"></script>
{% endblock content %} {% endblock content %}