Mercurial > libervia-templates
changeset 122:9d95b58200df
file: files handling first draft:
file/overview.html generate a simple files/directories listing
author | Goffi <goffi@goffi.org> |
---|---|
date | Sun, 11 Mar 2018 19:21:46 +0100 (2018-03-11) |
parents | ab2dd835e597 |
children | 44b838bcc0d6 |
files | default/file/overview.html default/static/file.css default/static/styles.css |
diffstat | 3 files changed, 77 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/default/file/overview.html Sun Mar 11 19:21:46 2018 +0100 @@ -0,0 +1,33 @@ +{% extends 'base/base.html' %} + +{% block body %} +{{ icon_defs('level-up', 'doc','folder-open-empty') }} +<ul id="files"> + {% if parent_url is defined %} + <li class="file"> + <a href="{{ parent_url }}"> + {{ icon('level-up', cls='file__icon') }} + {% trans %}parent dir{% endtrans %} + </a> + </li> + {% endif %} + + {% for file in files_data %} + {% if file.type == C.FILE_TYPE_DIRECTORY %} + <li class="file file_{{file.type}}"> + <a href="{{file.url}}"> + {{ icon('folder-open-empty', cls='file__icon') }} + {{ file.name }} + </a> + </li> + {% else %} + <li class="file file_{{file.type}}"> + <a href="{{file.url}}"> + {{ icon('doc', cls='file__icon icon--soft') }} + {{ file.name }} + </a> + </li> + {% endif %} + {% endfor %} +</ul> +{% endblock body %}
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/default/static/file.css Sun Mar 11 19:21:46 2018 +0100 @@ -0,0 +1,40 @@ +#files { + list-style: none; + display: flex; + flex-wrap: wrap; +} + +.file { + padding: 0 0 0.5em; + width: 100px; + text-overflow: ellipsis; + overflow: hidden; + text-align: center; + overflow-wrap: break-word; +} + +.file:hover { + background: #ddd; + overflow: visible; +} + +.file a { + text-decoration: none; +} + +.file__icon { + height: 3em; + display: block; + margin: 0 auto; +} + +.icon--soft { + fill: #777; +} + +@media (min-width: 500px) { + .file { + padding: 1em; + width: 170px; + } +}