Mercurial > libervia-templates
view sat_templates/templates/default/file/discover.html @ 400:140690a18b63 default tip
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 | aa37750c2617 |
children |
line wrap: on
line source
{% extends 'base/base.html' %} {% import 'components/block.html' as block %} {% import 'components/images.html' as images with context %} {% import 'input/form.html' as form with context %} {% import 'input/field.html' as field with context %} {% block body %} {{ icon_defs('server', 'desktop', 'mobile', 'globe', 'terminal') }} <p class="instructions--head"> {% trans %} Please select the device you want to access {% endtrans %} </p> <div class="disco_files"> {% if disco_service_entities %} <div class="files__services"> {{ block.separator(_("services")) }} <ul class="grid grid--center"> {% for entity,ident in disco_service_entities.items() %} <li class='grid__item grid__item--medium grid__item--selectable'> <a href="{{entities_url[entity]}}"> {{ icon('server', cls='file__icon') }} <span> {% if disco_service_entities|count == 1 %} {% trans %}your server{% endtrans %} {% else %} {{ (ident.values()|first).values()|first|first }} {% endif %} </span> </a> </li> {% endfor %} </ul> </div> {% endif %} {% if disco_own_entities %} <div class="files__own"> {{ block.separator(_("your devices")) }} <ul class="grid grid--center"> {% for entity,ident in disco_own_entities.items() %} <li class='grid__item grid__item--medium grid__item--selectable'> <a href="{{entities_url[entity]}}"> {{images.get_icon_client(ident)}} <span> {{ (ident.values()|first).values()|first|first }} </span> </a> </li> {% endfor %} </ul> </div> {% endif %} {% if disco_roster_entities %} <div class="files__roster"> {{ block.separator(_("your contacts devices")) }} <ul class="grid grid--center"> {% for entity,ident in disco_roster_entities.items() %} <li class='grid__item grid__item--medium grid__item--selectable'> <a href="{{entities_url[entity]}}"> {{images.get_icon_client(ident)}} <span>{{entity.userhost()}}</span> </a> </li> {% endfor %} </ul> </div> {% endif %} </div> <p class="instructions--alt">{% trans %}Or enter a full jid of a device{% endtrans %}</p> {% call form.form(class="form--single") %} {{ field.text("jid", _("device full jid"), required=true)}} {{ field.submit(_("Access")) }} {% endcall %} {% endblock body %}