init
This commit is contained in:
@@ -0,0 +1,126 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user