mirror of https://github.com/dani/vroom.git
Video conf based on SimpleWebRTC https://vroom.fws.fr/documentation
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
236 lines
9.1 KiB
236 lines
9.1 KiB
<div class="modal fade"
|
|
id="configureModal"
|
|
aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button class="close"
|
|
data-dismiss="modal">
|
|
×
|
|
</button>
|
|
<h4 class="modal-title">
|
|
%= l('CONFIGURE')
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="configureRoomForm" class="form-horizontal">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label"
|
|
for="lockedSet">
|
|
%= l('LOCK_ROOM')
|
|
<a href="#"
|
|
class="popup"
|
|
data-container="body"
|
|
data-toggle="popover"
|
|
data-content="<%= l('TOOLTIP_LOCK_ROOM') %>">
|
|
 
|
|
<span class="glyphicon glyphicon-question-sign">
|
|
</span>
|
|
</a>
|
|
</label>
|
|
<div class="col-sm-8">
|
|
<input type="checkbox"
|
|
class="bs-switch"
|
|
id="lockedSet">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label"
|
|
for="askForNameSet">
|
|
%= l('ASK_FOR_NAME')
|
|
<a href="#"
|
|
class="popup"
|
|
data-container="body"
|
|
data-toggle="popover"
|
|
data-content="<%= l('TOOLTIP_ASK_FOR_NAME') %>">
|
|
 
|
|
<span class="glyphicon glyphicon-question-sign">
|
|
</span>
|
|
</a>
|
|
</label>
|
|
<div class="col-sm-8">
|
|
<input type="checkbox"
|
|
class="bs-switch"
|
|
id="askForNameSet">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label"
|
|
for="joinPassSet">
|
|
%= l('PASSWORD_PROTECT')
|
|
<a href="#"
|
|
class="popup"
|
|
data-container="body"
|
|
data-toggle="popover"
|
|
data-content="<%= l('TOOLTIP_PASSWORD_PROTECT') %>">
|
|
 
|
|
<span class="glyphicon glyphicon-question-sign">
|
|
</span>
|
|
</a>
|
|
</label>
|
|
<div class="col-sm-8">
|
|
<input type="checkbox"
|
|
class="bs-switch"
|
|
id="joinPassSet">
|
|
</div>
|
|
</div>
|
|
<div class="form-group hidden-form"
|
|
id="joinPassFields">
|
|
<label class="col-sm-4 control-label"
|
|
for="joinPass">
|
|
%= l('PASSWORD')
|
|
</label>
|
|
<div class="col-sm-8">
|
|
<input id="joinPass"
|
|
type="password"
|
|
class="form-control"
|
|
placeholder="<%= l('PASSWORD') %>">
|
|
</div>
|
|
<label class="col-sm-4 control-label"
|
|
for="joinPassConfirm">
|
|
%= l('CONFIRM_PASSWORD')
|
|
</label>
|
|
<div class="col-sm-8">
|
|
<input id="joinPassConfirm"
|
|
type="password"
|
|
class="form-control"
|
|
placeholder="<%= l('CONFIRM_PASSWORD') %>">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label"
|
|
for="ownerPassSet">
|
|
%= l('RESERVE_THIS_ROOM')
|
|
<a href="#"
|
|
class="popup"
|
|
data-container="body"
|
|
data-toggle="popover"
|
|
data-content="<%= l('TOOLTIP_RESERVE_THIS_ROOM') %>">
|
|
 
|
|
<span class="glyphicon glyphicon-question-sign">
|
|
</span>
|
|
</a>
|
|
</label>
|
|
<div class="col-sm-8">
|
|
<input type="checkbox"
|
|
class="bs-switch"
|
|
id="ownerPassSet">
|
|
</div>
|
|
</div>
|
|
<div class="form-group hidden-form"
|
|
id="ownerPassFields">
|
|
<label class="col-sm-4 control-label"
|
|
for="ownerPass">
|
|
%= l('PASSWORD')
|
|
</label>
|
|
<div class="col-sm-8">
|
|
<input id="ownerPass"
|
|
type="password"
|
|
class="form-control"
|
|
placeholder="<%= l('PASSWORD') %>">
|
|
</div>
|
|
<label class="col-sm-4 control-label"
|
|
for="ownerPassConfirm">
|
|
%= l('CONFIRM_PASSWORD')
|
|
</label>
|
|
<div class="col-sm-8">
|
|
<input id="ownerPassConfirm"
|
|
type="password"
|
|
class="form-control"
|
|
placeholder="<%= l('CONFIRM_PASSWORD') %>">
|
|
</div>
|
|
</div>
|
|
% if (defined(stash("page")) && stash("page") eq 'admin'){
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label"
|
|
for="persistentSet">
|
|
%= l('PERSISTENT')
|
|
<a href="#"
|
|
class="popup"
|
|
data-container="body"
|
|
data-toggle="popover"
|
|
data-content="<%= l('TOOLTIP_PERSISTENT') %>">
|
|
 
|
|
<span class="glyphicon glyphicon-question-sign">
|
|
</span>
|
|
</a>
|
|
</label>
|
|
<div class="col-sm-8">
|
|
<input type="checkbox"
|
|
class="bs-switch"
|
|
id="persistentSet">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label"
|
|
for="maxMembers">
|
|
%= l('MAX_MEMBERS')
|
|
<a href="#"
|
|
class="popup"
|
|
data-container="body"
|
|
data-toggle="popover"
|
|
data-content="<%= l('TOOLTIP_MAX_MEMBERS') %>">
|
|
 
|
|
<span class="glyphicon glyphicon-question-sign">
|
|
</span>
|
|
</a>
|
|
</label>
|
|
<div class="col-sm-2">
|
|
<input type="number"
|
|
class="form-control"
|
|
id="maxMembers"
|
|
min="0"
|
|
max="<%= $config->{'rooms.max_members'} > 0 ? $config->{'rooms.max_members'} : 255 %>">
|
|
</div>
|
|
</div>
|
|
% }
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label"
|
|
for="emailNotifications">
|
|
%= l('NOTIFICATION_ON_JOIN')
|
|
<a href="#"
|
|
class="popup"
|
|
data-container="body"
|
|
data-toggle="popover"
|
|
data-placement="left"
|
|
data-content="<%= l('TOOLTIP_NOTIFICATION_ON_JOIN') %>">
|
|
 
|
|
<span class="glyphicon glyphicon-question-sign">
|
|
</span>
|
|
</a>
|
|
</label>
|
|
<div class="col-sm-8 email-list"
|
|
id="email-list-notification">
|
|
<div class="email-entry input-group">
|
|
<input class="form-control"
|
|
autocomplete="off"
|
|
name="emails[]"
|
|
type="text"
|
|
placeholder="<%= l('EMAIL_PLACEHOLDER') %>">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-primary btn-add-email">
|
|
<span class="glyphicon glyphicon-plus">
|
|
</span>
|
|
</button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-sm-offset-4 col-sm-8">
|
|
<button type="submit"
|
|
id="configureButton"
|
|
class="btn btn-primary">
|
|
%= l('SUBMIT')
|
|
</button>
|
|
<button class="btn btn-default"
|
|
data-dismiss="modal">
|
|
%= l('CANCEL')
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|