2014-04-03 17:42:54 +02:00
|
|
|
% title sprintf l('ROOM_s'), $room;
|
|
|
|
%= include 'header'
|
2014-05-15 15:44:10 +02:00
|
|
|
<div class="container-fluid">
|
2014-04-03 17:42:54 +02:00
|
|
|
<nav id="toolbar" class="navbar navbar-default" role="toolbar">
|
|
|
|
<div class="navbar-header">
|
2015-03-06 17:13:18 +01:00
|
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#roomToolBar">
|
|
|
|
<span class="sr-only">
|
|
|
|
</span>
|
|
|
|
<span class="icon-bar">
|
|
|
|
</span>
|
|
|
|
<span class="icon-bar">
|
|
|
|
</span>
|
|
|
|
<span class="icon-bar">
|
|
|
|
</span>
|
|
|
|
</button>
|
2015-02-18 18:13:08 +01:00
|
|
|
<div class="btn-group visible-xs-block header-btn-group">
|
2015-02-19 17:33:50 +01:00
|
|
|
<button class="btn btn-lg btn-default navbar-btn btn-mute-mic">
|
2015-02-18 18:13:08 +01:00
|
|
|
<span class="glyphicon glyphicon-volume-off">
|
2015-01-22 15:45:04 +01:00
|
|
|
</span>
|
2015-02-18 18:13:08 +01:00
|
|
|
</button>
|
2015-02-19 17:33:50 +01:00
|
|
|
<button class="btn btn-lg btn-default navbar-btn btn-suspend-cam">
|
2015-02-18 18:13:08 +01:00
|
|
|
<span class="glyphicon glyphicon-facetime-video">
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
2015-03-06 17:13:18 +01:00
|
|
|
<div class="btn-group visible-xs-block header-btn-group col-xs-push-1">
|
2015-02-19 17:33:50 +01:00
|
|
|
<button class="btn btn-lg btn-default help btn-logout navbar-btn" data-toggle="tooltip" data-placement="bottom" title="<%=l 'LOGOUT' %>">
|
2015-01-22 15:45:04 +01:00
|
|
|
<span class="glyphicon glyphicon-log-out">
|
|
|
|
</span>
|
|
|
|
</button>
|
2015-01-20 16:36:25 +01:00
|
|
|
</div>
|
2014-04-03 17:42:54 +02:00
|
|
|
</div>
|
|
|
|
<input id="roomName" name="roomName" type="hidden" value="<%= $room %>"/>
|
2014-05-02 21:35:57 +02:00
|
|
|
<div id="roomToolBar" class="collapse navbar-collapse">
|
2015-02-12 22:32:35 +01:00
|
|
|
<div class="navbar-form navbar-btn-group navbar-left input-group">
|
2014-05-22 10:23:26 +02:00
|
|
|
<div class="input-group">
|
2015-02-24 18:46:58 +01:00
|
|
|
<input type="text" id="displayName" class="form-control input-lg help" placeholder="<%=l 'YOUR_NAME' %>" data-toggle="tooltip" data-placement="bottom" title="<%=l 'NAME_SENT_TO_OTHERS' %>"/>
|
2014-05-22 10:23:26 +02:00
|
|
|
<span class="input-group-btn">
|
2015-02-24 18:46:58 +01:00
|
|
|
<button id="changeColorButton" class="btn btn-lg btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'CHANGE_COLOR' %>">
|
2014-05-22 10:23:26 +02:00
|
|
|
<span class="glyphicon glyphicon-tag">
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
2015-03-06 17:13:18 +01:00
|
|
|
<div class="btn-group navbar-form navbar-btn-group navbar-left hidden-xs">
|
2015-02-24 18:46:58 +01:00
|
|
|
<button id="chatDropdown" class="btn btn-lg btn-default collapsed help" data-toggle="collapse" data-target="#chatMenu" data-toggle="tooltip" data-placement="bottom" title="<%=l 'CLICK_TO_CHAT' %>">
|
2015-02-19 18:49:22 +01:00
|
|
|
<span class="glyphicon glyphicon-comment">
|
|
|
|
</span>
|
|
|
|
<span class="badge" id="unreadMsg">
|
|
|
|
0
|
|
|
|
</span>
|
|
|
|
</button>
|
2014-06-13 13:01:47 +02:00
|
|
|
<% if ($etherpad eq 'true'){ %>
|
2015-02-24 18:46:58 +01:00
|
|
|
<button class="btn btn-lg btn-default help btn-etherpad" data-toggle="tooltip" data-placement="bottom" title="<%=l 'OPEN_ETHERPAD' %>">
|
2015-02-19 18:49:22 +01:00
|
|
|
<span class="glyphicon glyphicon-pencil">
|
|
|
|
</span>
|
|
|
|
</button>
|
2014-06-13 13:01:47 +02:00
|
|
|
<% } %>
|
2015-02-19 18:49:22 +01:00
|
|
|
</div>
|
2015-02-18 18:36:13 +01:00
|
|
|
<div class="btn-group navbar-form navbar-btn-group navbar-left hidden-xs">
|
2015-02-24 18:46:58 +01:00
|
|
|
<button class="btn btn-lg btn-default btn-mute-mic help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'MUTE_MIC' %>">
|
2014-05-22 10:23:26 +02:00
|
|
|
<span class="glyphicon glyphicon-volume-off">
|
|
|
|
</span>
|
2015-02-18 18:13:08 +01:00
|
|
|
</button>
|
2015-02-24 18:46:58 +01:00
|
|
|
<button class="btn btn-lg btn-default btn-suspend-cam help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'SUSPEND_CAM' %>">
|
2015-01-22 15:11:46 +01:00
|
|
|
<span class="glyphicon glyphicon-facetime-video">
|
2014-05-22 10:23:26 +02:00
|
|
|
</span>
|
2015-02-18 18:13:08 +01:00
|
|
|
</button>
|
2015-02-24 18:46:58 +01:00
|
|
|
<button class="btn btn-lg btn-default help btn-share-screen" data-toggle="tooltip" data-placement="bottom" title="<%=l 'SHARE_YOUR_SCREEN' %>">
|
2015-02-20 10:22:54 +01:00
|
|
|
<span class="glyphicon glyphicon-blackboard">
|
2014-05-22 10:23:26 +02:00
|
|
|
</span>
|
2015-02-18 18:36:13 +01:00
|
|
|
</button>
|
2014-05-22 10:23:26 +02:00
|
|
|
</div>
|
2015-02-19 19:10:28 +01:00
|
|
|
<div class="btn-group navbar-form navbar-btn-group navbar-left hidden-xs aloneEl">
|
2015-02-27 14:24:39 +01:00
|
|
|
<button class="btn btn-lg btn-default btn-moh help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'WAIT_WITH_MUSIC' %>">
|
2015-01-22 18:07:01 +01:00
|
|
|
<span class="glyphicon glyphicon-music">
|
|
|
|
</span>
|
2015-02-19 19:10:28 +01:00
|
|
|
</button>
|
2015-01-22 18:07:01 +01:00
|
|
|
</div>
|
2015-02-12 22:32:35 +01:00
|
|
|
<div class="btn-group navbar-form navbar-btn-group navbar-left">
|
2015-01-20 17:07:57 +01:00
|
|
|
<div class="btn-group ownerEl">
|
2015-02-24 18:46:58 +01:00
|
|
|
<button class="btn btn-lg btn-default help" type="button" data-toggle="modal" data-target="#inviteModal" data-toggle="tooltip" data-placement="bottom" title="<%=l 'INVITE_PEOPLE' %>">
|
2014-06-28 18:54:06 +02:00
|
|
|
<span class="glyphicon glyphicon-user">
|
|
|
|
</span>
|
2014-05-25 15:03:23 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
2015-01-21 18:39:20 +01:00
|
|
|
<div class="btn-group ownerEl">
|
2015-02-24 18:46:58 +01:00
|
|
|
<button class="btn btn-lg btn-default help" type="button" data-toggle="modal" data-target="#configureModal" data-toggle="tooltip" data-placement="bottom" title="<%=l 'CONFIGURE' %>">
|
2015-01-21 18:39:20 +01:00
|
|
|
<span class="glyphicon glyphicon-cog">
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
2014-04-03 17:42:54 +02:00
|
|
|
</div>
|
2015-02-12 22:32:35 +01:00
|
|
|
<div class="btn-group navbar-form navbar-btn-group navbar-left">
|
2015-02-24 18:46:58 +01:00
|
|
|
<button class="btn btn-lg btn-default dropdown-toggle help unauthEl" data-toggle="modal" data-target="#ownerAuthModal" data-toggle="dropdown" data-toggle="tooltip" data-placement="bottom" title="<%=l 'AUTHENTICATE' %>">
|
2014-06-28 15:19:16 +02:00
|
|
|
<span class="glyphicon glyphicon-log-in">
|
|
|
|
</span>
|
2014-05-13 20:26:09 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
2015-02-12 22:32:35 +01:00
|
|
|
<div class="navbar-form navbar-btn-group navbar-right hidden-xs" data-toggle="buttons" >
|
2015-01-22 17:28:10 +01:00
|
|
|
<div class="btn-group">
|
2015-02-24 18:46:58 +01:00
|
|
|
<div id="timeCounter" class="btn btn-lg btn-default disabled">
|
2015-01-20 16:36:25 +01:00
|
|
|
00:00
|
2014-06-28 15:19:16 +02:00
|
|
|
</div>
|
2015-02-24 18:46:58 +01:00
|
|
|
<button class="btn btn-lg btn-default help btn-logout" data-toggle="tooltip" data-placement="bottom" title="<%=l 'LOGOUT' %>">
|
2014-05-30 16:41:23 +02:00
|
|
|
<span class="glyphicon glyphicon-log-out">
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
2014-04-03 17:42:54 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</nav>
|
2014-06-16 22:45:53 +02:00
|
|
|
<div class="modal fade" role="dialog" id="quitModal" aria-labelledby="quitModal" aria-hidden="true">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
|
|
|
×
|
|
|
|
</button>
|
|
|
|
<h4 class="modal-title">
|
|
|
|
<%=l 'LEAVE_THIS_ROOM' %>
|
|
|
|
</h4>
|
|
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
|
|
<p>
|
|
|
|
<%=l 'ARE_YOU_SURE_YOU_WANT_TO_LEAVE' %>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
|
|
<button id="confirmQuitButton" class="btn btn-primary">
|
|
|
|
<%=l 'QUIT' %>
|
|
|
|
</button>
|
|
|
|
<button class="btn btn-default" data-dismiss="modal" data-target="#quitModal">
|
|
|
|
<%=l 'CANCEL' %>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
2014-05-21 17:38:49 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2014-05-01 21:35:07 +02:00
|
|
|
<div class="modal fade" role="dialog" id="chromeExtMessage" aria-labelledby="chromeExtMessage" aria-hidden="true">
|
|
|
|
<div class="modal-dialog modal-sm">
|
2014-05-03 11:51:55 +02:00
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
2014-06-28 15:19:16 +02:00
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
|
|
|
×
|
|
|
|
</button>
|
|
|
|
<h4 class="modal-title" id="chromeExtMessageTitle">
|
|
|
|
<%=l 'EXTENSION_REQUIRED' %>
|
|
|
|
</h4>
|
2014-05-03 11:51:55 +02:00
|
|
|
</div>
|
2015-02-27 13:06:32 +01:00
|
|
|
<div class="modal-body">
|
2014-05-30 18:30:19 +02:00
|
|
|
<p>
|
|
|
|
<%=l 'VROOM_CHROME_EXTENSION' %>
|
|
|
|
</p>
|
|
|
|
<p>
|
2014-10-12 21:50:02 +02:00
|
|
|
<a class="btn btn-default btn-lg" href="https://chrome.google.com/webstore/detail/<%= $config->{'interface.chrome_extension_id'} %>" target="_blank">
|
2014-05-30 18:30:19 +02:00
|
|
|
<span class="glyphicon glyphicon-download-alt">
|
2014-05-03 11:51:55 +02:00
|
|
|
</span>
|
2014-05-30 18:30:19 +02:00
|
|
|
</a>
|
|
|
|
</p>
|
2014-05-03 11:51:55 +02:00
|
|
|
</div>
|
2014-05-01 21:35:07 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2015-02-27 13:05:53 +01:00
|
|
|
<div class="modal fade" role="dialog" id="firefoxShareScreenModal" aria-labelledby="firefoxShareScreenModal" aria-hidden="true">
|
|
|
|
<div class="modal-dialog modal-lg">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
|
|
|
×
|
|
|
|
</button>
|
|
|
|
<h4 class="modal-title">
|
|
|
|
<%=l 'ALLOW_SCREEN_SHARING' %>
|
|
|
|
</h4>
|
|
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
|
|
<p>
|
2015-02-27 14:09:00 +01:00
|
|
|
<%=l 'ALLOW_SCREEN_SHARING_ON_FF' %>
|
2015-03-06 17:15:16 +01:00
|
|
|
<%== sprintf $self->l('SCREEN_SHARING_ABOUT_CONFIG_s'), $self->req->url->to_abs->host %>
|
2015-02-27 13:05:53 +01:00
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2014-06-11 22:32:22 +02:00
|
|
|
<div class="modal fade" role="dialog" id="disconnected" aria-labelledby="disconnected" aria-hidden="true">
|
|
|
|
<div class="modal-dialog modal-lg">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
2014-06-28 15:19:16 +02:00
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
|
|
|
×
|
|
|
|
</button>
|
|
|
|
<h4 class="modal-title">
|
|
|
|
<%=l 'CONNECTION_LOST' %>
|
|
|
|
</h4>
|
2014-06-11 22:32:22 +02:00
|
|
|
</div>
|
2014-06-28 15:46:41 +02:00
|
|
|
<div class="modal-body">
|
|
|
|
<img class="img-responsive center-block" src="<%= $self->get_url('/') %>img/flash.png" alt="<%=l 'CONNECTION_LOST' %>"/>
|
2014-06-28 15:19:16 +02:00
|
|
|
<br>
|
2014-06-28 15:46:41 +02:00
|
|
|
<p class="text-center">
|
2014-06-28 15:19:16 +02:00
|
|
|
<%=l 'CHECK_INTERNET_ACCESS' %>
|
|
|
|
</p>
|
2014-06-11 22:32:22 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2015-02-20 14:47:10 +01:00
|
|
|
<div class="modal fade" role="dialog" id="connecting" aria-labelledby="connecting" aria-hidden="false" data-keyboard="false" data-backdrop="static">
|
|
|
|
<div class="modal-dialog modal-lg">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
|
|
<h4 class="modal-title">
|
|
|
|
<%=l 'CONNECTING' %>
|
|
|
|
</h4>
|
|
|
|
</div>
|
|
|
|
<div class="modal-body">
|
2015-03-06 16:50:31 +01:00
|
|
|
<div id="connecting-msg" class="connecting-msg">
|
|
|
|
<img class="img-responsive center-block" src="<%= $self->get_url('/') %>img/connecting.gif" alt="<%=l 'CONNECTING' %>"/>
|
|
|
|
<br>
|
|
|
|
<p class="text-center">
|
|
|
|
<%=l 'CONNECTING_PLEASE_WAIT' %>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div id="no-webcam-msg" class="connecting-msg" style="display: none">
|
|
|
|
<p class="text-center">
|
|
|
|
<%=l 'CANT_ACCESS_WEBCAM' %>
|
|
|
|
</p>
|
|
|
|
<img class="img-responsive center-block" src="<%= $self->get_url('/') %>img/webcam.png" alt="Webcam"/>
|
|
|
|
<br>
|
|
|
|
<p class="text-center">
|
|
|
|
<%=l 'CLICK_IF_NO_WEBCAM' %>
|
|
|
|
</p>
|
|
|
|
<p class="text-center">
|
|
|
|
<a class="btn btn-default btn-lg" href="<%= $self->get_url('/') . $room %>?video=false">
|
|
|
|
<span class="glyphicon glyphicon-headphones">
|
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div id="display-name-pre" class="connecting-msg" style="display: none">
|
|
|
|
<form role="form" class="form-horizontal" id="displayNamePreForm">
|
|
|
|
<p class="text-center">
|
|
|
|
<%=l 'SET_A_DISPLAY_NAME' %>
|
|
|
|
</p>
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="displayNamePre" class="col-sm-4 control-label">
|
|
|
|
<%=l 'DISPLAY_NAME' %>
|
|
|
|
</label>
|
|
|
|
<div class="col-sm-4">
|
|
|
|
<input type="text" class="form-control" autocomplete="off" id="displayNamePre" placeholder="<%=l 'YOUR_NAME' %>">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<div class="col-sm-offset-4 col-sm-8">
|
|
|
|
<button id="displayNamePreButton" class="btn btn-primary disabled" type="submit">
|
|
|
|
<%=l 'SUBMIT' %>
|
|
|
|
</button>
|
|
|
|
<a class="btn btn-default" href="<%= $self->get_url('/') %>">
|
|
|
|
<%=l 'CANCEL' %>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div id="no-webrtc-msg" class="connecting-msg" style="display: none">
|
|
|
|
<p>
|
|
|
|
<%=l 'NO_WEBRTC_SUPPORT' %>
|
|
|
|
</p>
|
|
|
|
<% if ($ua !~ m/iphone|ipad|ipod/i){ %>
|
|
|
|
<p>
|
|
|
|
<%=l 'DOWNLOAD_ONE_OF_THESE_BROWSERS' %>
|
|
|
|
</p>
|
|
|
|
<div class="row">
|
|
|
|
<%
|
|
|
|
my $ffurl = "http://www.mozilla.org/firefox/";
|
|
|
|
my $churl = "http://www.google.com/chrome/";
|
|
|
|
my $opurl = "http://www.opera.com";
|
|
|
|
if ($ua =~ m/android/i){
|
|
|
|
$ffurl = "https://play.google.com/store/apps/details?id=org.mozilla.firefox";
|
|
|
|
$churl = "https://play.google.com/store/apps/details?id=com.android.chrome";
|
|
|
|
$opurl = "https://play.google.com/store/apps/details?id=com.opera.browser";
|
|
|
|
}
|
|
|
|
%>
|
|
|
|
<div class="col-xs-4">
|
|
|
|
<a href="<%= $ffurl %>" target="_blank">
|
|
|
|
<img class="img-responsive center-block" src="<%= $self->get_url('/') %>img/firefox.png" alt="Mozilla Firefox"/>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="col-xs-4">
|
|
|
|
<a href="<%= $churl %>" target="_blank">
|
|
|
|
<img class="img-responsive center-block" src="<%= $self->get_url('/') %>img/chrome.png" alt="Google Chrome"/>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="col-xs-4">
|
|
|
|
<a href="<%= $opurl %>" target="_blank">
|
|
|
|
<img class="img-responsive center-block" src="<%= $self->get_url('/') %>img/opera.png" alt="Opera"/>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<% } %>
|
|
|
|
</div>
|
2015-02-20 14:47:10 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2014-07-20 15:20:36 +02:00
|
|
|
%=include 'invite_modal'
|
2015-01-21 18:39:20 +01:00
|
|
|
%=include 'configure_modal'
|
2015-01-22 15:54:08 +01:00
|
|
|
%=include 'auth_modal'
|
2014-07-19 01:40:01 +02:00
|
|
|
%=include 'noscript'
|
2014-04-03 17:42:54 +02:00
|
|
|
<div class="frame">
|
2015-03-06 17:13:18 +01:00
|
|
|
<div id="chatMenu" class="nav-collapse collapse hidden-xs">
|
2014-04-03 17:42:54 +02:00
|
|
|
<div id="chatHistory" class="form-control">
|
|
|
|
</div>
|
|
|
|
<form role="form" id="chatForm">
|
|
|
|
<div class="input-group">
|
|
|
|
<textarea class="form-control" id="chatBox" form_id="chatForm" placeholder="<%=l 'SET_YOUR_NAME_TO_CHAT' %>" rows=1 disabled></textarea>
|
|
|
|
<span class="input-group-btn">
|
2014-06-05 22:42:53 +02:00
|
|
|
<button type="submit" id="sendChat" class="btn btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'SEND_MESSAGE' %>">
|
2014-04-03 17:42:54 +02:00
|
|
|
<span class="glyphicon glyphicon-share-alt">
|
|
|
|
</span>
|
|
|
|
</button>
|
2014-05-04 14:49:54 +02:00
|
|
|
<button type="button" id="saveChat" class="btn btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'SAVE_HISTORY' %>">
|
2014-05-04 14:32:48 +02:00
|
|
|
<span class="glyphicon glyphicon-floppy-save">
|
|
|
|
</span>
|
|
|
|
</button>
|
2014-04-03 17:42:54 +02:00
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
2014-05-26 22:13:53 +02:00
|
|
|
<audio id="mohPlayer" src="<%= $self->get_url('/') %>snd/moh/<%= $moh %>" loop></audio>
|
2014-04-03 17:42:54 +02:00
|
|
|
<div id="view" class="view row-fluid">
|
2014-04-04 17:52:41 +02:00
|
|
|
<div id="webRTCVideo" class="col-xs-12 col-sm-4">
|
2014-06-17 14:05:05 +02:00
|
|
|
<div class="col-xs-3 col-sm-12 col-lg-6 previewContainer" id="videoLocalContainer">
|
2014-06-10 23:02:10 +02:00
|
|
|
<video id="webRTCVideoLocal" class="webRTCVideo latencyUnknown" muted oncontextmenu="return false;">
|
2014-04-03 17:42:54 +02:00
|
|
|
</video>
|
|
|
|
<div id="localVolume" class="volumeBar">
|
|
|
|
</div>
|
|
|
|
<div id="name_local" class="displayName">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2014-06-17 14:05:05 +02:00
|
|
|
<div id="mainView" class="col-xs-12 col-sm-8">
|
2014-06-13 12:49:25 +02:00
|
|
|
<% if ($etherpad eq 'true'){ %>
|
2015-03-06 17:13:18 +01:00
|
|
|
<div id="etherpadContainer" class="hidden-xs"></div>
|
2014-06-13 12:49:25 +02:00
|
|
|
<% } %>
|
2014-05-23 19:15:42 +02:00
|
|
|
<div id="mainVideo">
|
|
|
|
</div>
|
|
|
|
<div id="aloneMsg" class="aloneEl">
|
2014-06-28 15:19:16 +02:00
|
|
|
<h2 class="text-center">
|
|
|
|
<%=l 'ALONE_IN_ROOM' %>
|
|
|
|
</h2>
|
2014-05-23 19:15:42 +02:00
|
|
|
</div>
|
2014-05-15 15:44:10 +02:00
|
|
|
</div>
|
2014-04-03 17:42:54 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2014-05-18 16:30:13 +02:00
|
|
|
%= include 'js_common'
|
|
|
|
%= include 'js_room'
|
2014-04-03 17:42:54 +02:00
|
|
|
<script>
|
|
|
|
var roomName = '<%= $room %>';
|
|
|
|
$( document ).ready(function() {
|
2014-06-13 12:49:25 +02:00
|
|
|
etherpad = {
|
|
|
|
enabled: <%= $etherpad %>,
|
2015-02-12 18:23:26 +01:00
|
|
|
<%
|
|
|
|
my $ethuri = URI->new($config->{'etherpad.uri'});
|
|
|
|
%>
|
|
|
|
host: "<%= $ethuri->scheme . '://' . $ethuri->authority %>",
|
|
|
|
path: "<%= $ethuri->path . '/p/' %>",
|
2014-06-13 12:49:25 +02:00
|
|
|
group: "<%= $etherpadGroup %>"
|
|
|
|
};
|
2015-02-20 14:47:10 +01:00
|
|
|
video = <%= ($video eq 'false') ? 'false' : 'true' %>;
|
|
|
|
initJoin(roomName);
|
|
|
|
$('#connecting').modal('show');
|
|
|
|
});
|
2014-04-03 17:42:54 +02:00
|
|
|
</script>
|
|
|
|
</div>
|
|
|
|
%= include 'footer'
|