127 lines
6.2 KiB
HTML
127 lines
6.2 KiB
HTML
<section id="visio_lobby">
|
|
<ul class="list thick">
|
|
<li>
|
|
{% if contact %}
|
|
<span class="primary icon bubble">
|
|
<img src="{{ contact.picture }}">
|
|
</span>
|
|
<div>
|
|
<p class="line">
|
|
{% if calling %}
|
|
<i class="material-symbols icon blue">call</i>
|
|
{{ __('visiolobby.calling', contact.truename) }}
|
|
{% else %}
|
|
<i class="material-symbols icon blue">phone_callback</i>
|
|
{{ __('visiolobby.called', contact.truename) }}
|
|
{% endif %}
|
|
</p>
|
|
<p>{{ __('visiolobby.setup') }}</p>
|
|
</div>
|
|
{% else %}
|
|
<span class="primary icon bubble">
|
|
<img src="{{ conference.picture }}">
|
|
</span>
|
|
<div>
|
|
<p class="line">
|
|
{% if calling %}
|
|
<i class="material-symbols icon blue">call</i>
|
|
{{ __('visiolobby.muji_create', conference.title) }}
|
|
{% else %}
|
|
<i class="material-symbols icon blue">phone_callback</i>
|
|
{{ __('visiolobby.muji_join', conference.title) }}
|
|
{% endif %}
|
|
</p>
|
|
<p>{{ __('visiolobby.setup') }}</p>
|
|
</div>
|
|
{% endif %}
|
|
</li>
|
|
</ul>
|
|
<div class="placeholder">
|
|
<i class="material-symbols">camera_video</i>
|
|
<h4>{{ __('visiolobby.devices_disco') }}</h4>
|
|
</div>
|
|
<form>
|
|
<div>
|
|
<ul class="list">
|
|
<li id="default_microphone" class="muted">
|
|
<span class="primary icon gray">
|
|
<i class="material-symbols enabled">settings_voice</i>
|
|
<i class="material-symbols disabled">mic_off</i>
|
|
</span>
|
|
<div>
|
|
<div class="select">
|
|
<select name="default_microphone"></select>
|
|
</div>
|
|
<label for="default_microphone">{{ __('visiolobby.microphone_label') }}</label>
|
|
<span class="supporting">
|
|
{{ __('visiolobby.no_mic_sound') }}<br />
|
|
{{ __('visiolobby.no_mic_sound2') }}
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div id="mic_preview">
|
|
<div class="level">
|
|
<span class="disabled color green"></span>
|
|
<span class="disabled color green"></span>
|
|
<span class="disabled color green"></span>
|
|
<span class="disabled color green"></span>
|
|
<span class="disabled color green"></span>
|
|
<span class="disabled color yellow"></span>
|
|
<span class="disabled color yellow"></span>
|
|
<span class="disabled color yellow"></span>
|
|
<span class="disabled color yellow"></span>
|
|
<span class="disabled color red"></span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% if withvideo %}
|
|
<li>
|
|
<span class="primary icon gray">
|
|
<i class="material-symbols">video_camera_back</i>
|
|
</span>
|
|
<div>
|
|
<div class="select">
|
|
<select name="default_camera"></select>
|
|
</div>
|
|
<label for="default_camera">{{ __('visiolobby.camera_label') }}</label>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<span class="primary"></span>
|
|
<div><video id="camera_preview" muted></video></div>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
<footer>
|
|
{% if not contact %}
|
|
<button onclick="VisioUtils.cancelLobby();" class="button flat red">
|
|
{{ __('button.cancel') }}
|
|
</button>
|
|
<button id="lobby_start" onclick="Visio_ajaxMujiPrepare('{% if calling %}{{ conference.jid|echapJS }}{% else %}{{ id|echapJS }}{% endif %}', {% if withvideo %}true{% else %}false{% endif %});" class="button color green disabled">
|
|
<i class="material-symbols">{% if withvideo %}videocam{% else %}call{% endif %}</i>
|
|
{% if calling %}{{ __('button.create') }}{% else %}{{ __('button.join') }}{% endif %}
|
|
</button>
|
|
{% elif calling %}
|
|
<button onclick="VisioUtils.cancelLobby();" class="button flat red">
|
|
{{ __('button.cancel') }}
|
|
</button>
|
|
<button id="lobby_start" onclick="MovimVisio.init('{{ fullJid|echapJS }}', '{{ contact.id|echapJS }}', null, {% if withvideo %}true{% else %}false{% endif %}, false, null, '{{ contact.truename|echapJS }}', '{{ contact.picture|echapJS }}');" class="button color green disabled">
|
|
<i class="material-symbols">{% if withvideo %}videocam{% else %}call{% endif %}</i>
|
|
{{ __('button.call') }}
|
|
</button>
|
|
{% else %}
|
|
<button onclick="VisioUtils.cancelLobby('{{ fullJid|echapJS }}', '{{ id|echapJS }}');" class="button color red">
|
|
<i class="material-symbols">call_end</i>
|
|
{{ __('button.refuse') }}
|
|
</button>
|
|
<button id="lobby_start" onclick="MovimVisio.init('{{ fullJid|echapJS }}', '{{ contact.id|echapJS }}', '{{ id|echapJS }}', {% if withvideo %}true{% else %}false{% endif %}, false, null, '{{ contact.truename|echapJS }}', '{{ contact.picture|echapJS }}');" class="button color green disabled">
|
|
<i class="material-symbols">{% if withvideo %}videocam{% else %}call{% endif %}</i>
|
|
{{ __('button.reply') }}
|
|
</button>
|
|
{% endif %}
|
|
</footer>
|