Mercurial > libervia-templates
annotate sat_templates/templates/bulma/file/overview.html @ 402:2bbcb7da56bc default tip
bulma: use Font-Awesome instead of Fontello + start of major redesign:
- Font-Awesome is now used instead of Fontello, following change in Libervia Media.
- This is a beginning of a major redesign of the web templates/web frontend. This
currently breaks a lot of thing.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Sat, 26 Oct 2024 22:53:26 +0200 |
| parents | dc83f45625b3 |
| children |
| rev | line source |
|---|---|
| 230 | 1 {% extends 'base/base.html' %} |
| 2 | |
| 3 {% block body %} | |
| 4 {{ icon_defs('level-up', 'doc','folder-open-empty', 'comment-empty') }} | |
| 5 <section class="section"> | |
| 6 <div class="columns files is-multiline is-mobile"> | |
| 7 {% if parent_url is defined %} | |
| 8 <div class="column is-2-desktop is-4-touch file"> | |
| 9 <div class="card"> | |
| 10 <a href="{{ parent_url }}"> | |
| 11 <div class="card-image has-text-centered"> | |
|
388
dc83f45625b3
bulma (file, components): fix color fo icons:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
12 {{ icon('level-up', cls='image is-64x64 is-inline-block has-text-dark') }} |
| 230 | 13 </div> |
| 14 <div class='card-content has-text-centered is-paddingless'> | |
| 15 <span>{% trans %}parent dir{% endtrans %}</span> | |
| 16 </div> | |
| 17 </a> | |
| 18 </div> | |
| 19 </div> | |
| 20 {% endif %} | |
| 21 | |
| 22 {% for file in files_data %} | |
| 23 {% if file.type == C.FILE_TYPE_DIRECTORY %} | |
| 24 <div class="column is-2-desktop is-4-touch file file_{{file.type}}"> | |
| 25 <div class="card"> | |
| 26 <a href="{{file.url}}"> | |
| 27 <div class="card-image has-text-centered"> | |
|
388
dc83f45625b3
bulma (file, components): fix color fo icons:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
28 {{ icon('folder-open-empty', cls='image is-64x64 is-inline-block has-text-dark') }} |
| 230 | 29 </div> |
| 30 <div class='card-content has-text-centered has-text-shortenable is-paddingless'> | |
| 31 <span>{{ file.name }}</span> | |
| 32 </div> | |
| 33 </a> | |
| 34 </div> | |
| 35 </div> | |
| 36 {% else %} | |
| 37 <div class="column is-2-desktop is-4-touch file file_{{file.type}}"> | |
| 38 <div class="card"> | |
| 39 <a href="{{file.url}}"> | |
| 40 <div class="card-image has-text-centered"> | |
| 41 {% if file.thumb_url is defined %} | |
| 42 <img src="{{file.thumb_url}}" class="image is-64x64 is-inline-block" alt="{{file.name}}"> | |
| 43 {% else %} | |
|
388
dc83f45625b3
bulma (file, components): fix color fo icons:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
44 {{ icon('doc', cls='image is-64x64 is-inline-block has-text-dark') }} |
| 230 | 45 {% endif %} |
| 46 </div> | |
| 47 <div class='card-content has-text-centered has-text-shortenable is-paddingless'> | |
| 48 <span>{{ file.name }}</span> | |
| 49 </div> | |
| 50 </a> | |
| 51 </div> | |
| 52 </div> | |
| 53 {% endif %} | |
| 54 {% endfor %} | |
| 55 </div> | |
| 56 </section> | |
| 57 {% if not files_data %} | |
| 58 <article class="message has-text-centered"> | |
| 59 <div class="message-body"> | |
| 60 {% trans %}No files are shared in this directory!{% endtrans %} | |
| 61 </div> | |
| 62 </article> | |
| 63 {% endif%} | |
| 64 {% endblock body %} |