68 lines
1.4 KiB
HTML
68 lines
1.4 KiB
HTML
{% extends "base.html" %}
|
|
{% block style %}
|
|
{{ super() }}
|
|
#dirbrowserContainer {
|
|
background: #fff;
|
|
min-width: 35em;
|
|
max-width: 35em;
|
|
position: absolute;
|
|
top: 2em;
|
|
left: 1em;
|
|
padding: 10px;
|
|
border: 2px solid #eee;
|
|
-webkit-border-radius: 5px;
|
|
}
|
|
|
|
#dirbrowserTitleText {
|
|
font-size: 118%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
ul > li {
|
|
background-repeat: no-repeat;
|
|
background-size: 22px;
|
|
line-height: 22px;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
ul > li {
|
|
background-image: url('{{ resource_url('img/folder.svg') }}');
|
|
}
|
|
|
|
ul.files > li {
|
|
background-image: url('{{ resource_url('img/file.svg') }}');
|
|
}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div id="dirbrowserContainer">
|
|
<div id="dirbrowserTitle">
|
|
<p id="dirbrowserTitleText">Browse directory: {{url}}</p>
|
|
</div>
|
|
|
|
{% if parent %}
|
|
<ul class="parent">
|
|
<li><a href="{{parent}}">..</a></li>
|
|
</ul>
|
|
{% endif %}
|
|
|
|
<ul class="folders">
|
|
{% for item in directories %}
|
|
<li><a href="file://{{item.absname}}">{{item.name}}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
<ul class="files">
|
|
{% for item in files %}
|
|
<li><a href="file://{{item.absname}}">{{item.name}}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
{% endblock %}
|