Mercurial > libervia-templates
annotate sat_templates/templates/bulma/photo/album.html @ 255:c8eb86b49cb5
bulma (css): fixed overflow in slideshow
author | Goffi <goffi@goffi.org> |
---|---|
date | Sat, 01 Aug 2020 17:01:31 +0200 |
parents | a0e889d73bad |
children | 5e51ce9376ed |
rev | line source |
---|---|
252 | 1 {# FIXME: Q&D way to add a CSS from node_modules, it should be imported directly with the python module #} |
2 {{ css_files.append(build_path+"node_modules/swiper/css/swiper.min.css") or "" }} | |
230 | 3 {% extends 'base/base.html' %} |
4 {% import 'components/avatar.html' as avatar with context %} | |
5 {% import 'input/textbox.html' as textbox with context %} | |
6 {% import 'blog/macros.html' as blog with context %} | |
7 | |
8 {% block body %} | |
243
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
9 {{ icon_defs('comment-empty', 'trash-empty') }} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
10 <div id="album_items" class="columns album is-multiline mt-4"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
11 {% set ns_photos = namespace(empty=true) %} |
230 | 12 {% for file in files_data %} |
13 {% if file.type == C.FILE_TYPE_FILE %} | |
243
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
14 {% set ns_photos.empty = false %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
15 {% include 'photo/item.html' %} |
230 | 16 {% endif %} |
17 {% endfor %} | |
18 </div> | |
243
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
19 {# {% if ns_photos.empty %} #} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
20 {% if true %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
21 <div id="file_drop" class="box column has-border-dashed has-border-grey-light is-hidden-touch"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
22 <div class="has-text-weight-bold has-text-centered has-text-grey-light is-size-3"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
23 {% trans %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
24 Drop photos here |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
25 {% endtrans %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
26 </div> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
27 </div> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
28 <h2 class="title is-4 has-text-centered is-hidden-touch">OR</h2> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
29 <div class="file is-large is-boxed is-centered"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
30 <label class="file-label"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
31 <input id="file_input" class="file-input" type="file" accept="image/*" name="photos_upload" multiple> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
32 <span class="file-cta"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
33 <span class="file-icon is-marginless"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
34 <i class="icon-upload"></i> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
35 </span> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
36 <span class="file-label"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
37 {% trans %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
38 Select photos to upload… |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
39 {% endtrans %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
40 </span> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
41 </span> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
42 </label> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
43 </div> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
44 <div id="list" class="column"></div> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
45 {% endif %} |
230 | 46 {% endblock body %} |