xevion/simple-viewer
1
0
Fork 0
mirror of https://github.com/Xevion/simple-viewer.git synced 2025-12-11 00:08:41 -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

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 %}