vroom/templates/default/configure_modal.html.ep

    <div class="modal fade" role="dialog" id="configureModal" aria-labelledby="configureModal" 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">
              &times;
            </button>
            <h4 class="modal-title">
              <%=l 'CONFIGURE' %>
            </h4>
          </div>
          <div class="modal-body">
            <form id="configureRoomForm" class="form-horizontal" role="form">
              <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' %>">
                    &nbsp;&nbsp
                    <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' %>">
                    &nbsp;&nbsp
                    <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' %>">
                    &nbsp;&nbsp
                    <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' %>">
                    &nbsp;&nbsp
                    <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' %>">
                    &nbsp;&nbsp
                    <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' %>">
                    &nbsp;&nbsp
                    <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' %>">
                    &nbsp;&nbsp
                    <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" type="button">
                        <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>