Mercurial > libervia-templates
annotate sat_templates/templates/default/blog/discover.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 | 3195484abd82 |
| children |
| rev | line source |
|---|---|
| 134 | 1 {% extends 'base/base.html' %} |
| 2 {% import 'components/block.html' as block %} | |
| 3 {% import 'components/images.html' as images with context %} | |
| 4 {% import 'components/avatar.html' as avatar with context %} | |
| 5 {% import 'input/form.html' as form with context %} | |
| 6 {% import 'input/field.html' as field with context %} | |
| 7 | |
| 8 {% block body %} | |
| 9 {{ icon_defs('blog') }} | |
| 10 <p class="instructions--head"> | |
| 11 {% trans %} | |
| 12 Please select the blog you want to consult | |
| 13 {% endtrans %} | |
| 14 </p> | |
| 15 <div class="disco_blogs"> | |
| 16 <ul class="grid grid--center"> | |
| 17 {% for entity in disco_entities %} | |
|
188
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
18 <li class='grid__item grid__item--small grid__item--selectable'> |
| 134 | 19 <a href="{{entities_url[entity]}}" class="items_vert--centered"> |
| 20 {{ avatar.avatar(entity, class="avatar--medium") }} | |
|
228
3195484abd82
updated identities/avatar use, following backend changes
Goffi <goffi@goffi.org>
parents:
188
diff
changeset
|
21 <span>{{ identities[entity].nicknames[0]|default(entity, true) }}</span> |
| 134 | 22 </a> |
| 23 </li> | |
| 24 {% endfor %} | |
| 25 </ul> | |
| 26 </div> | |
| 27 | |
|
136
4eda3d0ddb22
blog (discover): don't display alternative instructions if not disco entities are available (i.e. if the only choice is free jid)
Goffi <goffi@goffi.org>
parents:
134
diff
changeset
|
28 {% if disco_entities %} |
|
4eda3d0ddb22
blog (discover): don't display alternative instructions if not disco entities are available (i.e. if the only choice is free jid)
Goffi <goffi@goffi.org>
parents:
134
diff
changeset
|
29 <p class="instructions--alt">{% trans %}Or enter the jid of a blog writer{% endtrans %}</p> |
|
4eda3d0ddb22
blog (discover): don't display alternative instructions if not disco entities are available (i.e. if the only choice is free jid)
Goffi <goffi@goffi.org>
parents:
134
diff
changeset
|
30 {% endif %} |
|
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
31 {% call form.form(class="form--single") %} |
| 134 | 32 {{ field.text("jid", _("blog writer jid"), required=true)}} |
| 33 {{ field.submit(_("Consult")) }} | |
| 34 {% endcall %} | |
| 35 {% endblock body %} |