Mercurial > libervia-templates

annotate sat_templates/templates/bulma/photo/album.html @ 371:a5a80d761e3e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bulma (call): update template to integrate call features: previously, call template was a minimum UI for testing implementation. This commit introduce a usable UI with search interface, mute and full screen button, animations, and other UI/UX improvments. rel 423
author Goffi <goffi@goffi.org>
date Wed, 09 Aug 2023 00:11:39 +0200
parents 1de599c5a68f
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 %}