зеркало из https://github.com/nextcloud/spreed.git
105 строки
3.5 KiB
PHP
105 строки
3.5 KiB
PHP
<?php
|
|
/** @var \OCP\IL10N $l */
|
|
/** @var array $_ */
|
|
|
|
vendor_script('select2/select2');
|
|
vendor_style('select2/select2');
|
|
|
|
style('spreed', 'style');
|
|
style('spreed', 'comments');
|
|
script(
|
|
'spreed',
|
|
[
|
|
'vendor/backbone/backbone-min',
|
|
'vendor/backbone.radio/build/backbone.radio.min',
|
|
'vendor/backbone.marionette/lib/backbone.marionette.min',
|
|
'models/chatmessage',
|
|
'models/chatmessagecollection',
|
|
'models/room',
|
|
'models/roomcollection',
|
|
'models/participant',
|
|
'models/participantcollection',
|
|
'views/callinfoview',
|
|
'views/chatview',
|
|
'views/editabletextlabel',
|
|
'views/participantlistview',
|
|
'views/participantview',
|
|
'views/roomlistview',
|
|
'views/sidebarview',
|
|
'views/tabview',
|
|
'simplewebrtc',
|
|
'webrtc',
|
|
'signaling',
|
|
'calls',
|
|
'app',
|
|
'init',
|
|
]
|
|
);
|
|
?>
|
|
|
|
<div id="app" class="nc-enable-screensharing-extension" data-token="<?php p($_['token']) ?>">
|
|
<script type="text/json" id="signaling-settings">
|
|
<?php echo json_encode($_['signaling-settings']) ?>
|
|
</script>
|
|
<div id="app-navigation" class="icon-loading">
|
|
<form id="oca-spreedme-add-room">
|
|
<input id="select-participants" class="select2-offscreen" type="text" placeholder="<?php p($l->t('Choose person …')) ?>"/>
|
|
</form>
|
|
<ul id="spreedme-room-list" class="with-icon">
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="app-content" class="participants-1">
|
|
|
|
<div id="app-content-wrapper">
|
|
<button id="video-fullscreen" class="icon-fullscreen icon-white icon-shadow" data-placement="bottom" data-toggle="tooltip" data-original-title="<?php p($l->t('Fullscreen')) ?>"></button>
|
|
|
|
<div id="video-speaking">
|
|
|
|
</div>
|
|
<div id="videos">
|
|
<div class="videoView videoContainer hidden" id="localVideoContainer">
|
|
<video id="localVideo"></video>
|
|
<div class="avatar-container hidden">
|
|
<div class="avatar"></div>
|
|
</div>
|
|
<div class="nameIndicator">
|
|
<button id="mute" class="icon-audio icon-white icon-shadow" data-placement="top" data-toggle="tooltip" data-original-title="<?php p($l->t('Mute audio')) ?>"></button>
|
|
<button id="hideVideo" class="icon-video icon-white icon-shadow" data-placement="top" data-toggle="tooltip" data-original-title="<?php p($l->t('Disable video')) ?>"></button>
|
|
<button id="screensharing-button" class="app-navigation-entry-utils-menu-button icon-screen-off icon-white icon-shadow screensharing-disabled" data-placement="top" data-toggle="tooltip" data-original-title="<?php p($l->t('Share screen')) ?>"></button>
|
|
<div id="screensharing-menu" class="app-navigation-entry-menu">
|
|
<ul>
|
|
<li>
|
|
<button id="show-screen-button">
|
|
<span class="icon-screen"></span>
|
|
<span><?php p($l->t('Show your screen'));?></span>
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button id="stop-screen-button">
|
|
<span class="icon-screen-off"></span>
|
|
<span><?php p($l->t('Stop screensharing'));?></span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="screens"></div>
|
|
|
|
<div id="emptycontent">
|
|
<div id="emptycontent-icon" class="icon-video"></div>
|
|
<h2><?php p($l->t('Looking great today! :)')) ?></h2>
|
|
<p class="uploadmessage"><?php p($l->t('Time to call your friends')) ?></p>
|
|
<div id="shareRoomContainer" class="" style="display: inline-flex">
|
|
<input id="shareRoomInput" class="share-room-input hidden" readonly="readonly" type="text"/>
|
|
<div id="shareRoomClipboardButton" class="shareRoomClipboard icon-clippy hidden" data-clipboard-target="#shareRoomInput"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|