|
|
|
@ -24,7 +24,7 @@ |
|
|
|
|
</button> |
|
|
|
|
</div> |
|
|
|
|
<div class="btn-group visible-xs-block header-btn-group col-xs-push-1"> |
|
|
|
|
<button class="btn btn-lg btn-default help btn-logout navbar-btn" data-toggle="tooltip" data-placement="bottom" title="<%=l 'LOGOUT' %>"> |
|
|
|
|
<button class="btn btn-lg btn-default help btn-logout navbar-btn" data-toggle="tooltip" data-placement="bottom" title="<%= l('LOGOUT') %>"> |
|
|
|
|
<span class="glyphicon glyphicon-log-out"> |
|
|
|
|
</span> |
|
|
|
|
</button> |
|
|
|
@ -34,9 +34,9 @@ |
|
|
|
|
<div id="roomToolBar" class="collapse navbar-collapse"> |
|
|
|
|
<div class="navbar-form navbar-btn-group navbar-left input-group"> |
|
|
|
|
<div class="input-group"> |
|
|
|
|
<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' %>"/> |
|
|
|
|
<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') %>"/> |
|
|
|
|
<span class="input-group-btn"> |
|
|
|
|
<button id="changeColorButton" class="btn btn-lg btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'CHANGE_COLOR' %>"> |
|
|
|
|
<button id="changeColorButton" class="btn btn-lg btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%= l('CHANGE_COLOR') %>"> |
|
|
|
|
<span class="glyphicon glyphicon-tag"> |
|
|
|
|
</span> |
|
|
|
|
</button> |
|
|
|
@ -44,7 +44,7 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="btn-group navbar-form navbar-btn-group navbar-left hidden-xs"> |
|
|
|
|
<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' %>"> |
|
|
|
|
<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') %>"> |
|
|
|
|
<span class="glyphicon glyphicon-comment"> |
|
|
|
|
</span> |
|
|
|
|
<span class="badge" id="unreadMsg"> |
|
|
|
@ -52,48 +52,48 @@ |
|
|
|
|
</span> |
|
|
|
|
</button> |
|
|
|
|
<% if ($self->get_opt_features->{etherpad}){ %> |
|
|
|
|
<button class="btn btn-lg btn-default help btn-etherpad" data-toggle="tooltip" data-placement="bottom" title="<%=l 'OPEN_ETHERPAD' %>"> |
|
|
|
|
<button class="btn btn-lg btn-default help btn-etherpad" data-toggle="tooltip" data-placement="bottom" title="<%= l('OPEN_ETHERPAD') %>"> |
|
|
|
|
<span class="glyphicon glyphicon-pencil"> |
|
|
|
|
</span> |
|
|
|
|
</button> |
|
|
|
|
<% } %> |
|
|
|
|
</div> |
|
|
|
|
<div class="btn-group navbar-form navbar-btn-group navbar-left hidden-xs"> |
|
|
|
|
<button class="btn btn-lg btn-default btn-mute-mic help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'MUTE_MIC' %>"> |
|
|
|
|
<button class="btn btn-lg btn-default btn-mute-mic help" data-toggle="tooltip" data-placement="bottom" title="<%= l('MUTE_MIC') %>"> |
|
|
|
|
<span class="glyphicon glyphicon-volume-off"> |
|
|
|
|
</span> |
|
|
|
|
</button> |
|
|
|
|
<button class="btn btn-lg btn-default btn-suspend-cam help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'SUSPEND_CAM' %>"> |
|
|
|
|
<button class="btn btn-lg btn-default btn-suspend-cam help" data-toggle="tooltip" data-placement="bottom" title="<%= l('SUSPEND_CAM') %>"> |
|
|
|
|
<span class="glyphicon glyphicon-facetime-video"> |
|
|
|
|
</span> |
|
|
|
|
</button> |
|
|
|
|
<button class="btn btn-lg btn-default help btn-share-screen" data-toggle="tooltip" data-placement="bottom" title="<%=l 'SHARE_YOUR_SCREEN' %>"> |
|
|
|
|
<button class="btn btn-lg btn-default help btn-share-screen" data-toggle="tooltip" data-placement="bottom" title="<%= l('SHARE_YOUR_SCREEN') %>"> |
|
|
|
|
<span class="glyphicon glyphicon-blackboard"> |
|
|
|
|
</span> |
|
|
|
|
</button> |
|
|
|
|
</div> |
|
|
|
|
<div class="btn-group navbar-form navbar-btn-group navbar-left hidden-xs aloneEl"> |
|
|
|
|
<button class="btn btn-lg btn-default btn-moh help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'WAIT_WITH_MUSIC' %>"> |
|
|
|
|
<button class="btn btn-lg btn-default btn-moh help" data-toggle="tooltip" data-placement="bottom" title="<%= l('WAIT_WITH_MUSIC') %>"> |
|
|
|
|
<span class="glyphicon glyphicon-music"> |
|
|
|
|
</span> |
|
|
|
|
</button> |
|
|
|
|
</div> |
|
|
|
|
<div class="btn-group navbar-form navbar-btn-group navbar-left"> |
|
|
|
|
<div class="btn-group ownerEl"> |
|
|
|
|
<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' %>"> |
|
|
|
|
<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') %>"> |
|
|
|
|
<span class="glyphicon glyphicon-user"> |
|
|
|
|
</span> |
|
|
|
|
</button> |
|
|
|
|
</div> |
|
|
|
|
<div class="btn-group ownerEl"> |
|
|
|
|
<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' %>"> |
|
|
|
|
<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') %>"> |
|
|
|
|
<span class="glyphicon glyphicon-cog"> |
|
|
|
|
</span> |
|
|
|
|
</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="btn-group navbar-form navbar-btn-group navbar-left"> |
|
|
|
|
<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' %>"> |
|
|
|
|
<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') %>"> |
|
|
|
|
<span class="glyphicon glyphicon-log-in"> |
|
|
|
|
</span> |
|
|
|
|
</button> |
|
|
|
@ -103,7 +103,7 @@ |
|
|
|
|
<div id="timeCounter" class="btn btn-lg btn-default disabled"> |
|
|
|
|
00:00 |
|
|
|
|
</div> |
|
|
|
|
<button class="btn btn-lg btn-default help btn-logout" data-toggle="tooltip" data-placement="bottom" title="<%=l 'LOGOUT' %>"> |
|
|
|
|
<button class="btn btn-lg btn-default help btn-logout" data-toggle="tooltip" data-placement="bottom" title="<%= l('LOGOUT') %>"> |
|
|
|
|
<span class="glyphicon glyphicon-log-out"> |
|
|
|
|
</span> |
|
|
|
|
</button> |
|
|
|
@ -119,20 +119,20 @@ |
|
|
|
|
× |
|
|
|
|
</button> |
|
|
|
|
<h4 class="modal-title"> |
|
|
|
|
<%=l 'LEAVE_THIS_ROOM' %> |
|
|
|
|
<%= l('LEAVE_THIS_ROOM') %> |
|
|
|
|
</h4> |
|
|
|
|
</div> |
|
|
|
|
<div class="modal-body"> |
|
|
|
|
<p> |
|
|
|
|
<%=l 'ARE_YOU_SURE_YOU_WANT_TO_LEAVE' %> |
|
|
|
|
<%= l('ARE_YOU_SURE_YOU_WANT_TO_LEAVE') %> |
|
|
|
|
</p> |
|
|
|
|
</div> |
|
|
|
|
<div class="modal-footer"> |
|
|
|
|
<button id="confirmQuitButton" class="btn btn-primary"> |
|
|
|
|
<%=l 'QUIT' %> |
|
|
|
|
<%= l('QUIT') %> |
|
|
|
|
</button> |
|
|
|
|
<button class="btn btn-default" data-dismiss="modal" data-target="#quitModal"> |
|
|
|
|
<%=l 'CANCEL' %> |
|
|
|
|
<%= l('CANCEL') %> |
|
|
|
|
</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -146,12 +146,12 @@ |
|
|
|
|
× |
|
|
|
|
</button> |
|
|
|
|
<h4 class="modal-title" id="chromeExtMessageTitle"> |
|
|
|
|
<%=l 'EXTENSION_REQUIRED' %> |
|
|
|
|
<%= l('EXTENSION_REQUIRED') %> |
|
|
|
|
</h4> |
|
|
|
|
</div> |
|
|
|
|
<div class="modal-body"> |
|
|
|
|
<p> |
|
|
|
|
<%=l 'VROOM_CHROME_EXTENSION' %> |
|
|
|
|
<%= l('VROOM_CHROME_EXTENSION') %> |
|
|
|
|
</p> |
|
|
|
|
<p> |
|
|
|
|
<a class="btn btn-default btn-lg" href="https://chrome.google.com/webstore/detail/<%= $config->{'interface.chrome_extension_id'} %>" target="_blank"> |
|
|
|
@ -171,12 +171,12 @@ |
|
|
|
|
× |
|
|
|
|
</button> |
|
|
|
|
<h4 class="modal-title"> |
|
|
|
|
<%=l 'ALLOW_SCREEN_SHARING' %> |
|
|
|
|
<%= l('ALLOW_SCREEN_SHARING') %> |
|
|
|
|
</h4> |
|
|
|
|
</div> |
|
|
|
|
<div class="modal-body"> |
|
|
|
|
<p> |
|
|
|
|
<%=l 'ALLOW_SCREEN_SHARING_ON_FF' %> |
|
|
|
|
<%= l('ALLOW_SCREEN_SHARING_ON_FF') %> |
|
|
|
|
<%== sprintf $self->l('SCREEN_SHARING_ABOUT_CONFIG_s'), $self->req->url->to_abs->host %> |
|
|
|
|
</p> |
|
|
|
|
</div> |
|
|
|
@ -191,14 +191,14 @@ |
|
|
|
|
× |
|
|
|
|
</button> |
|
|
|
|
<h4 class="modal-title"> |
|
|
|
|
<%=l 'CONNECTION_LOST' %> |
|
|
|
|
<%= l('CONNECTION_LOST') %> |
|
|
|
|
</h4> |
|
|
|
|
</div> |
|
|
|
|
<div class="modal-body"> |
|
|
|
|
%= image '/img/flash.png', alt => $self->l('CONNECTION_LOST'), class => "img-responsive center-block" |
|
|
|
|
<br> |
|
|
|
|
<p class="text-center"> |
|
|
|
|
<%=l 'CHECK_INTERNET_ACCESS' %> |
|
|
|
|
<%= l('CHECK_INTERNET_ACCESS') %> |
|
|
|
|
</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -209,7 +209,7 @@ |
|
|
|
|
<div class="modal-content"> |
|
|
|
|
<div class="modal-header"> |
|
|
|
|
<h4 class="modal-title"> |
|
|
|
|
<%=l 'CONNECTING' %> |
|
|
|
|
<%= l('CONNECTING') %> |
|
|
|
|
</h4> |
|
|
|
|
</div> |
|
|
|
|
<div class="modal-body"> |
|
|
|
@ -217,7 +217,7 @@ |
|
|
|
|
%= image '/img/connecting.gif', alt => $self->l('CONNECTING'), class => "img-responsive center-block" |
|
|
|
|
<br> |
|
|
|
|
<p class="text-center"> |
|
|
|
|
<%=l 'CONNECTING_PLEASE_WAIT' %> |
|
|
|
|
<%= l('CONNECTING_PLEASE_WAIT') %> |
|
|
|
|
</p> |
|
|
|
|
<p class="text-center connecting-err-reason"> |
|
|
|
|
</p> |
|
|
|
@ -229,12 +229,12 @@ |
|
|
|
|
</div> |
|
|
|
|
<div id="no-webcam-msg" class="connecting-msg" style="display: none"> |
|
|
|
|
<p class="text-center"> |
|
|
|
|
<%=l 'CANT_ACCESS_WEBCAM' %> |
|
|
|
|
<%= l('CANT_ACCESS_WEBCAM') %> |
|
|
|
|
</p> |
|
|
|
|
%= image '/img/webcam.png', alt => "Webcam", class => "img-responsive center-block" |
|
|
|
|
<br> |
|
|
|
|
<p class="text-center"> |
|
|
|
|
<%=l 'CLICK_IF_NO_WEBCAM' %> |
|
|
|
|
<%= l('CLICK_IF_NO_WEBCAM') %> |
|
|
|
|
</p> |
|
|
|
|
<p class="text-center"> |
|
|
|
|
<a class="btn btn-default btn-lg" href="<%= $self->url_for("/$room") %>?video=false"> |
|
|
|
@ -247,19 +247,19 @@ |
|
|
|
|
<form role="form" class="form-horizontal" id="authBeforeJoinForm"> |
|
|
|
|
<div class="form-group"> |
|
|
|
|
<label for="authBeforJoinPass" class="col-sm-4 control-label"> |
|
|
|
|
<%=l 'PASSWORD' %> |
|
|
|
|
<%= l('PASSWORD') %> |
|
|
|
|
</label> |
|
|
|
|
<div class="col-sm-4"> |
|
|
|
|
<input type="password" class="form-control" id="authBeforeJoinPass" placeholder="<%=l 'PASSWORD' %>"> |
|
|
|
|
<input type="password" class="form-control" id="authBeforeJoinPass" placeholder="<%= l('PASSWORD') %>"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="form-group"> |
|
|
|
|
<div class="col-sm-offset-4 col-sm-8"> |
|
|
|
|
<button id="authBeforeJoinButton" class="btn btn-primary disabled" type="submit"> |
|
|
|
|
<%=l 'SUBMIT' %> |
|
|
|
|
<%= l('SUBMIT') %> |
|
|
|
|
</button> |
|
|
|
|
<a class="btn btn-default" href="<%= $self->url_for('/') %>"> |
|
|
|
|
<%=l 'CANCEL' %> |
|
|
|
|
<%= l('CANCEL') %> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -268,23 +268,23 @@ |
|
|
|
|
<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' %> |
|
|
|
|
<%= l('SET_A_DISPLAY_NAME') %> |
|
|
|
|
</p> |
|
|
|
|
<div class="form-group"> |
|
|
|
|
<label for="displayNamePre" class="col-sm-4 control-label"> |
|
|
|
|
<%=l 'DISPLAY_NAME' %> |
|
|
|
|
<%= l('DISPLAY_NAME') %> |
|
|
|
|
</label> |
|
|
|
|
<div class="col-sm-4"> |
|
|
|
|
<input type="text" class="form-control" autocomplete="off" id="displayNamePre" placeholder="<%=l 'YOUR_NAME' %>"> |
|
|
|
|
<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' %> |
|
|
|
|
<%= l('SUBMIT') %> |
|
|
|
|
</button> |
|
|
|
|
<a class="btn btn-default" href="<%= $self->url_for('/') %>"> |
|
|
|
|
<%=l 'CANCEL' %> |
|
|
|
|
<%= l('CANCEL') %> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -292,11 +292,11 @@ |
|
|
|
|
</div> |
|
|
|
|
<div id="no-webrtc-msg" class="connecting-msg" style="display: none"> |
|
|
|
|
<p> |
|
|
|
|
<%=l 'NO_WEBRTC_SUPPORT' %> |
|
|
|
|
<%= l('NO_WEBRTC_SUPPORT') %> |
|
|
|
|
</p> |
|
|
|
|
<% if ($ua !~ m/iphone|ipad|ipod/i){ %> |
|
|
|
|
<p> |
|
|
|
|
<%=l 'DOWNLOAD_ONE_OF_THESE_BROWSERS' %> |
|
|
|
|
<%= l('DOWNLOAD_ONE_OF_THESE_BROWSERS') %> |
|
|
|
|
</p> |
|
|
|
|
<div class="row"> |
|
|
|
|
<% |
|
|
|
@ -341,13 +341,13 @@ |
|
|
|
|
</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> |
|
|
|
|
<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"> |
|
|
|
|
<button type="submit" id="sendChat" class="btn btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'SEND_MESSAGE' %>"> |
|
|
|
|
<button type="submit" id="sendChat" class="btn btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%= l('SEND_MESSAGE') %>"> |
|
|
|
|
<span class="glyphicon glyphicon-share-alt"> |
|
|
|
|
</span> |
|
|
|
|
</button> |
|
|
|
|
<button type="button" id="saveChat" class="btn btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'SAVE_HISTORY' %>"> |
|
|
|
|
<button type="button" id="saveChat" class="btn btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%= l('SAVE_HISTORY') %>"> |
|
|
|
|
<span class="glyphicon glyphicon-floppy-save"> |
|
|
|
|
</span> |
|
|
|
|
</button> |
|
|
|
@ -375,7 +375,7 @@ |
|
|
|
|
</div> |
|
|
|
|
<div id="aloneMsg" class="aloneEl"> |
|
|
|
|
<h2 class="text-center"> |
|
|
|
|
<%=l 'ALONE_IN_ROOM' %> |
|
|
|
|
<%= l('ALONE_IN_ROOM') %> |
|
|
|
|
</h2> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|