Mercurial > libervia-templates
annotate sat_templates/templates/bulma/photo/album.html @ 276:a2b4793c92a9
bulma (photo/album): updated path for swiper CSS
author | Goffi <goffi@goffi.org> |
---|---|
date | Fri, 14 Aug 2020 08:47:06 +0200 |
parents | b680ce7ba004 |
children | 4efd3d23de17 |
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 #} |
276
a2b4793c92a9
bulma (photo/album): updated path for swiper CSS
Goffi <goffi@goffi.org>
parents:
261
diff
changeset
|
2 {{ css_files.append(build_path+"node_modules/swiper/swiper-bundle.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') }} |
261
b680ce7ba004
bulma (photo/album): added `manage invitations` button if user is owner of the album
Goffi <goffi@goffi.org>
parents:
258
diff
changeset
|
10 |
b680ce7ba004
bulma (photo/album): added `manage invitations` button if user is owner of the album
Goffi <goffi@goffi.org>
parents:
258
diff
changeset
|
11 {% if directory_affiliation == 'owner' %} |
b680ce7ba004
bulma (photo/album): added `manage invitations` button if user is owner of the album
Goffi <goffi@goffi.org>
parents:
258
diff
changeset
|
12 <div class="content has-items-centered is-flex my-4"> |
b680ce7ba004
bulma (photo/album): added `manage invitations` button if user is owner of the album
Goffi <goffi@goffi.org>
parents:
258
diff
changeset
|
13 {{ component.action_button("#", label=_("manage invitations"), icon="group", id="button_manage") }} |
b680ce7ba004
bulma (photo/album): added `manage invitations` button if user is owner of the album
Goffi <goffi@goffi.org>
parents:
258
diff
changeset
|
14 </div> |
b680ce7ba004
bulma (photo/album): added `manage invitations` button if user is owner of the album
Goffi <goffi@goffi.org>
parents:
258
diff
changeset
|
15 {% endif %} |
243
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
16 <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
|
17 {% set ns_photos = namespace(empty=true) %} |
230 | 18 {% for file in files_data %} |
19 {% if file.type == C.FILE_TYPE_FILE %} | |
243
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
20 {% set ns_photos.empty = false %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
21 {% include 'photo/item.html' %} |
230 | 22 {% endif %} |
23 {% endfor %} | |
24 </div> | |
258
5e51ce9376ed
bulma (photo/album): only show upload area/button if user is owner of the album
Goffi <goffi@goffi.org>
parents:
252
diff
changeset
|
25 |
5e51ce9376ed
bulma (photo/album): only show upload area/button if user is owner of the album
Goffi <goffi@goffi.org>
parents:
252
diff
changeset
|
26 {% if directory_affiliation == 'owner' %} |
243
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
27 <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
|
28 <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
|
29 {% trans %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
30 Drop photos here |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
31 {% endtrans %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
32 </div> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
33 </div> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
34 <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
|
35 <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
|
36 <label class="file-label"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
37 <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
|
38 <span class="file-cta"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
39 <span class="file-icon is-marginless"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
40 <i class="icon-upload"></i> |
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 <span class="file-label"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
43 {% trans %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
44 Select photos to upload… |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
45 {% endtrans %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
46 </span> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
47 </span> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
48 </label> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
49 </div> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
50 <div id="list" class="column"></div> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
51 {% endif %} |
230 | 52 {% endblock body %} |