Mercurial > libervia-templates

annotate sat_templates/templates/bulma/photo/album.html @ 295:1de599c5a68f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bulma (base): loading screen: when the `loading_screen` variable is set before extending `base/base.html`, a loading modal is shown (and must be removed via JavaScript). This avoids the user to try to use an interface which is not reactive or working normally because JS is not fully loaded yet.
author Goffi <goffi@goffi.org>
date Fri, 27 Nov 2020 12:24:03 +0100
parents 7670752665e0
children 4e050f67c079
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
252
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 243
diff changeset
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 "" }}
295
1de599c5a68f bulma (base): loading screen:
Goffi <goffi@goffi.org>
parents: 287
diff changeset
3 {% set loading_screen = true %}
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
4 {% extends 'base/base.html' %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
5 {% import 'components/avatar.html' as avatar with context %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
6 {% import 'input/textbox.html' as textbox with context %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
7 {% import 'blog/macros.html' as blog with context %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
8
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
9 {% block body %}
287
7670752665e0 bulma (photo/album): added a `cover` button to change album cover
Goffi <goffi@goffi.org>
parents: 282
diff changeset
10 {{ icon_defs('comment-empty', 'trash-empty', 'picture') }}
261
b680ce7ba004 bulma (photo/album): added `manage invitations` button if user is owner of the album
Goffi <goffi@goffi.org>
parents: 258
diff changeset
11
b680ce7ba004 bulma (photo/album): added `manage invitations` button if user is owner of the album
Goffi <goffi@goffi.org>
parents: 258
diff changeset
12 {% 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
13 <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
14 {{ 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
15 </div>
277
4efd3d23de17 bulma (photo/album): added a hint for non owner to indicate that slideshow can be launched
Goffi <goffi@goffi.org>
parents: 276
diff changeset
16 {% else %}
4efd3d23de17 bulma (photo/album): added a hint for non owner to indicate that slideshow can be launched
Goffi <goffi@goffi.org>
parents: 276
diff changeset
17 <article id="hint" class="message is-info my-4">
4efd3d23de17 bulma (photo/album): added a hint for non owner to indicate that slideshow can be launched
Goffi <goffi@goffi.org>
parents: 276
diff changeset
18 <div class="message-header">
4efd3d23de17 bulma (photo/album): added a hint for non owner to indicate that slideshow can be launched
Goffi <goffi@goffi.org>
parents: 276
diff changeset
19 <p>{% trans %}hint{% endtrans %}</p>
4efd3d23de17 bulma (photo/album): added a hint for non owner to indicate that slideshow can be launched
Goffi <goffi@goffi.org>
parents: 276
diff changeset
20 <button class="delete click_to_delete" aria-label="delete"></button>
4efd3d23de17 bulma (photo/album): added a hint for non owner to indicate that slideshow can be launched
Goffi <goffi@goffi.org>
parents: 276
diff changeset
21 </div>
4efd3d23de17 bulma (photo/album): added a hint for non owner to indicate that slideshow can be launched
Goffi <goffi@goffi.org>
parents: 276
diff changeset
22 <div class="message-body">
4efd3d23de17 bulma (photo/album): added a hint for non owner to indicate that slideshow can be launched
Goffi <goffi@goffi.org>
parents: 276
diff changeset
23 {% trans %}You can click on any picture to start a slideshow{% endtrans %}
4efd3d23de17 bulma (photo/album): added a hint for non owner to indicate that slideshow can be launched
Goffi <goffi@goffi.org>
parents: 276
diff changeset
24 </div>
4efd3d23de17 bulma (photo/album): added a hint for non owner to indicate that slideshow can be launched
Goffi <goffi@goffi.org>
parents: 276
diff changeset
25 </article>
261
b680ce7ba004 bulma (photo/album): added `manage invitations` button if user is owner of the album
Goffi <goffi@goffi.org>
parents: 258
diff changeset
26 {% endif %}
243
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
27 <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
28 {% set ns_photos = namespace(empty=true) %}
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
29 {% for file in files_data %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
30 {% if file.type == C.FILE_TYPE_FILE %}
243
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
31 {% set ns_photos.empty = false %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
32 {% include 'photo/item.html' %}
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
33 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
34 {% endfor %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
35 </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
36
5e51ce9376ed bulma (photo/album): only show upload area/button if user is owner of the album
Goffi <goffi@goffi.org>
parents: 252
diff changeset
37 {% if directory_affiliation == 'owner' %}
243
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
38 <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
39 <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
40 {% trans %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
41 Drop photos here
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
42 {% endtrans %}
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>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
45 <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
46 <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
47 <label class="file-label">
282
46eee98c19d8 bulma (photo/album): accept videos for upload
Goffi <goffi@goffi.org>
parents: 277
diff changeset
48 <input id="file_input" class="file-input" type="file" accept="image/*,video/*" name="photos_upload" multiple>
243
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
49 <span class="file-cta">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
50 <span class="file-icon is-marginless">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
51 <i class="icon-upload"></i>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
52 </span>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
53 <span class="file-label">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
54 {% trans %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
55 Select photos to upload…
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
56 {% endtrans %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
57 </span>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
58 </span>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
59 </label>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
60 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
61 <div id="list" class="column"></div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents: 230
diff changeset
62 {% endif %}
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
63 {% endblock body %}