Mercurial > libervia-templates
annotate sat_templates/templates/bulma/photo/album.html @ 400:140690a18b63
call: group call design:
Design for group call (which is used for both group call and A/V conferences) has been
improved to:
- have a working fullscreen button;
- have a better display of peer users in grid, with responsive design;
- have a nicer design for peer user, and adding avatar/nickname as overlay on the bottom
of the video stream;
- add a way to (un)pin a peer user, which make is appear on the whole width on top of the
grid.
rel 448
HG<S-Insert>: changed sat_templates/templates/bulma/call/group_peer.html
author | Goffi <goffi@goffi.org> |
---|---|
date | Tue, 06 Aug 2024 23:50:17 +0200 |
parents | 4e050f67c079 |
children |
rev | line source |
---|---|
295 | 1 {% set loading_screen = true %} |
230 | 2 {% extends 'base/base.html' %} |
3 {% import 'components/avatar.html' as avatar with context %} | |
4 {% import 'input/textbox.html' as textbox with context %} | |
5 {% import 'blog/macros.html' as blog with context %} | |
6 | |
7 {% block body %} | |
287
7670752665e0
bulma (photo/album): added a `cover` button to change album cover
Goffi <goffi@goffi.org>
parents:
282
diff
changeset
|
8 {{ 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
|
9 |
b680ce7ba004
bulma (photo/album): added `manage invitations` button if user is owner of the album
Goffi <goffi@goffi.org>
parents:
258
diff
changeset
|
10 {% 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
|
11 <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
|
12 {{ 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
|
13 </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
|
14 {% 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
|
15 <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
|
16 <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
|
17 <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
|
18 <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
|
19 </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
|
20 <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
|
21 {% 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
|
22 </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
|
23 </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
|
24 {% endif %} |
243
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
25 <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
|
26 {% set ns_photos = namespace(empty=true) %} |
230 | 27 {% for file in files_data %} |
28 {% if file.type == C.FILE_TYPE_FILE %} | |
243
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
29 {% set ns_photos.empty = false %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
30 {% include 'photo/item.html' %} |
230 | 31 {% endif %} |
32 {% endfor %} | |
33 </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
|
34 |
5e51ce9376ed
bulma (photo/album): only show upload area/button if user is owner of the album
Goffi <goffi@goffi.org>
parents:
252
diff
changeset
|
35 {% if directory_affiliation == 'owner' %} |
243
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
36 <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
|
37 <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
|
38 {% trans %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
39 Drop photos here |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
40 {% endtrans %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
41 </div> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
42 </div> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
43 <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
|
44 <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
|
45 <label class="file-label"> |
282
46eee98c19d8
bulma (photo/album): accept videos for upload
Goffi <goffi@goffi.org>
parents:
277
diff
changeset
|
46 <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
|
47 <span class="file-cta"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
48 <span class="file-icon is-marginless"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
49 <i class="icon-upload"></i> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
50 </span> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
51 <span class="file-label"> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
52 {% trans %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
53 Select photos to upload… |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
54 {% endtrans %} |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
55 </span> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
56 </span> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
57 </label> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
58 </div> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
59 <div id="list" class="column"></div> |
2b8d18a9df00
bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
60 {% endif %} |
230 | 61 {% endblock body %} |