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

basic site design, directory path reading, uuid setup, file icon mimetype categorization

Browse Source
This commit is contained in:
Xevion
2020-10-31 12:28:29 -05:00
parent f7cde0b4dc
commit c8fcb09b73
7 changed files with 145 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
viewer/helpers.py Normal file
View File

@@ -0,0 +1,8 @@
def get_mediatype(mimetype: str) -> str:
"""Simple media type categorization based on the given mimetype"""
if mimetype is not None:
if mimetype.startswith('image'):
return 'image'
elif mimetype.startswith('video'):
return 'video'
return 'file'

37
viewer/templates/base.html Normal file
View File

@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html>
<head>
{% block head %}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ title }}</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">
{% endblock head %}
</head>
<body class="has-navbar-fixed-top">
<nav class="navbar is-fixed-top" role="navigation" aria-label="main navigation">
<div class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="{% url 'index' %}">
Index
</a>
</div>
<div class="navbar-end">
<div class="navbar-item">
<span class="icon">
<i class="fas fa-plus"></i>
</span>
</div>
</div>
</div>
</nav>
<div class="columns is-centered my-5">
<div class="column is-two-thirds">
{% block content %}
{% endblock %}
</div>
</div>
<script defer src="https://use.fontawesome.com/releases/v5.14.0/js/all.js"></script>
</body>
</html>

24
viewer/templates/browse.html Normal file
View File

@@ -0,0 +1,24 @@
{% extends 'base.html' %}
{% block content %}
<div class="panel">
<div class="panel-heading">
Files
<span style="font-weight: 400; font-style: italic; font-size: 70%;">
{{ files|length }}
</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.1 }} fa-lg" aria-hidden="true"></i>
</span>
{{ file.0 }}
</div>
{% endfor %}
</div>
{% endblock content %}

24
viewer/templates/index.html Normal file
View File

@@ -0,0 +1,24 @@
{% extends 'base.html' %}
{% block head %}
{{ block.super }}
<style>
.panel-icon {
margin-right: 1em;
}
</style>
{% endblock head %}
{% block content %}
<div class="panel">
<div class="panel-heading">Directories</div>
{% for served_directory in directories %}
<div class="panel-block">
<span class="panel-icon">
<i class="fas fa-folder fa-lg" aria-hidden="true"></i>
</span>
<a href="{% url 'browse' served_directory.id %}">
{{ served_directory.path }}
</a>
</div>
{% endfor %}
</div>
{% endblock content %}

15
viewer/templates/message.html Normal file
View File

@@ -0,0 +1,15 @@
{% extends 'base.html' %}
{% block content %}
<div class="card">
<header class="card-header">
<p class="card-header-title">
{{ title }}
</p>
</header>
<div class="card-content">
<div class="content">
{{ message }}
</div>
</div>
</div>
{% endblock content %}

3
viewer/urls.py
View File

@@ -3,5 +3,6 @@ from django.urls import path
from . import views from . import views
urlpatterns = [ urlpatterns = [
path('', views.index, name='index') path('', views.index, name='index'),
path('/<uuid:directory_id>/', views.browse, name='browse'),
] ]

38
viewer/views.py
View File

@@ -1,7 +1,39 @@
from django.shortcuts import render import mimetypes
import os
from django.http import FileResponse
from django.shortcuts import render, get_object_or_404
from viewer.helpers import get_mediatype
from viewer.models import ServedDirectory
from django.http import HttpResponse
def index(request): def index(request):
"""Index view for the simple-viewer project.""" """Index view for the simple-viewer project."""
return HttpResponse('Hello, World.') directories = ServedDirectory.objects.all()
context = {'title': 'Index',
'directories': directories}
return render(request, 'index.html', context)
def browse(request, directory_id):
dir = get_object_or_404(ServedDirectory, id=directory_id)
if os.path.isdir(dir.path):
files = [
(file, get_mediatype(mimetypes.guess_type(file)[0])) for file in os.listdir(dir.path)
]
context = {
'title': f'Browse - {os.path.dirname(dir.path)}',
'files': files,
'directory': dir
}
return render(request, 'browse.html', context)
else:
context = {
'title': 'Invalid Directory',
'message': 'The path this server directory points to {}.'.format(
'exists, but is not a directory' if os.path.exists(dir.path) else 'does not exist'
)
}
return render(request, 'message.html', context, status=500)