dani
/
vroom
mirror of https://github.com/dani/vroom.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Remove all the hardcoded <center> horrors

Browse Source 
Replaced with text-center or center-block class
Plus other minor HTML cleanups
master
Daniel Berteaud 10 years ago
parent 45d6130fc4
commit 12b6e41d6d
5 changed files with 351 additions and 320 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 14
      templates/default/feedback.html.ep
  2. 6
      templates/default/index.html.ep
  3. 37
      templates/default/invitation.html.ep
  4. 610
      templates/default/join.html.ep
  5. 4
      templates/default/noscript.html.ep

14
templates/default/feedback.html.ep
Unescape View File

@ -4,10 +4,8 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="well publicForm"> <div class="well publicForm">
<form role="form" action="<%= $self->get_url('/feedback') %>" method="post"> <form role="form" action="<%= $self->get_url('/feedback') %>" method="post">
<legend> <legend class=text-center">
<center> <%=l 'GIVE_US_YOUR_FEEDBACK' %>
<%=l 'GIVE_US_YOUR_FEEDBACK' %>
</center>
</legend> </legend>
<center> <center>
<%=l 'YOUR_FEEDBACK_HELPS_US' %> <%=l 'YOUR_FEEDBACK_HELPS_US' %>
@ -18,10 +16,14 @@
<input type="email" class="form-control" id="email" name="email" placeholder="<%=l 'EMAIL_PLACEHOLDER' %>"> <input type="email" class="form-control" id="email" name="email" placeholder="<%=l 'EMAIL_PLACEHOLDER' %>">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="comment"><%=l 'COMMENT' %></label> <label for="comment">
<%=l 'COMMENT' %>
</label>
<textarea id="comment" name="comment" class="form-control" rows="10" placeholder="<%=l 'VROOM_IS_AWESOME' %>" required></textarea> <textarea id="comment" name="comment" class="form-control" rows="10" placeholder="<%=l 'VROOM_IS_AWESOME' %>" required></textarea>
</div> </div>
<button type="submit" class="btn btn-default"><%=l 'SUBMIT' %></button> <button type="submit" class="btn btn-default">
<%=l 'SUBMIT' %>
</button>
</form> </form>
</div> </div>
</div> </div>

6
templates/default/index.html.ep
Unescape View File

@ -5,10 +5,8 @@
<div class="container-fluid"> <div class="container-fluid">
%= include 'noscript' %= include 'noscript'
<div class="well publicForm"> <div class="well publicForm">
<h1> <h1 class="text-center">
<center> <%=l 'CREATE_ROOM' %>
<%=l 'CREATE_ROOM' %>
</center>
</h1> </h1>
<form id="createRoom" class="form-horizontal" action="<%= $self->get_url('/create') %>" method="post"> <form id="createRoom" class="form-horizontal" action="<%= $self->get_url('/create') %>" method="post">
<fieldset> <fieldset>

37
templates/default/invitation.html.ep
Unescape View File

@ -4,39 +4,46 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="well publicForm"> <div class="well publicForm">
<form role="form" action="<%= $self->get_url('/invitation') %>" method="post"> <form role="form" action="<%= $self->get_url('/invitation') %>" method="post">
<legend> <legend class="text-center">
<center> <%=l 'INVITATION_RESPONSE' %>
<%=l 'INVITATION_RESPONSE' %>
</center>
</legend> </legend>
<center> <p class="text-center">
<%=l 'CANNOT_JOIN_NOW' %> <%=l 'CANNOT_JOIN_NOW' %>
</center> </p>
<br>
<input name="id" type="hidden" value="<%= $inviteId %>"/> <input name="id" type="hidden" value="<%= $inviteId %>"/>
<div class="form-group"> <div class="form-group">
<label for="response"><%=l 'WILL_YOU_JOIN' %></label> <label for="response">
<%=l 'WILL_YOU_JOIN' %>
</label>
<select name="response" id="response" class="form-control"> <select name="response" id="response" class="form-control">
<option value="later"><%=l 'WILL_TRY_TO_JOIN_LATER' %></option> <option value="later">
<option value="decline" selected><%=l 'WONT_BE_ABLE_TO_JOIN' %></option> <%=l 'WILL_TRY_TO_JOIN_LATER' %>
</option>
<option value="decline" selected>
<%=l 'WONT_BE_ABLE_TO_JOIN' %>
</option>
</select> </select>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="message"><%=l 'MESSAGE' %></label> <label for="message">
<%=l 'MESSAGE' %>
</label>
<textarea name="message" id="message" class="form-control" rows="5" placeholder="<%=l 'DONT_WAIT_FOR_ME' %>"></textarea> <textarea name="message" id="message" class="form-control" rows="5" placeholder="<%=l 'DONT_WAIT_FOR_ME' %>"></textarea>
</div> </div>
<div class="form-group"> <div class="form-group">
<label><%=l 'YOU_CAN_STILL_CHANGE_YOUR_MIND' %></label> <label>
<%=l 'YOU_CAN_STILL_CHANGE_YOUR_MIND' %>
</label>
<p> <p>
<%=l 'CLICK_SEND_OR_JOIN_NOW' %> <%=l 'CLICK_SEND_OR_JOIN_NOW' %>
</p> </p>
</div> </div>
<div class="btn-group">
<a class="btn btn-default btn-lg" role="button" href="<%= $self->get_url('/') . $room %><% if ($inviteId ne ''){ %>?token=<%= $inviteId %><% } %>"> <a class="btn btn-default btn-lg" role="button" href="<%= $self->get_url('/') . $room %><% if ($inviteId ne ''){ %>?token=<%= $inviteId %><% } %>">
<%=l 'JOIN_THIS_ROOM' %> <%=l 'JOIN_THIS_ROOM' %>
</a> </a>
<button type="submit" class="btn btn-primary btn-lg"><%=l 'SUBMIT' %></button> <button type="submit" class="btn btn-primary btn-lg">
</div> <%=l 'SUBMIT' %>
</button>
</form> </form>
</div> </div>
</div> </div>

610
templates/default/join.html.ep
Unescape View File

@ -4,10 +4,14 @@
<nav id="toolbar" class="navbar navbar-default" role="toolbar"> <nav id="toolbar" class="navbar navbar-default" role="toolbar">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#roomToolBar"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#roomToolBar">
<span class="sr-only"></span> <span class="sr-only">
<span class="icon-bar"></span> </span>
<span class="icon-bar"></span> <span class="icon-bar">
<span class="icon-bar"></span> </span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</button> </button>
</div> </div>
<input id="roomName" name="roomName" type="hidden" value="<%= $room %>"/> <input id="roomName" name="roomName" type="hidden" value="<%= $room %>"/>
@ -75,21 +79,26 @@
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu" role="menu" aria-labelledby="inviteMenuButton" id="inviteMenu"> <ul class="dropdown-menu" role="menu" aria-labelledby="inviteMenuButton" id="inviteMenu">
<li> <li class="text-center">
<center> <p>
<p><%=l 'TO_INVITE_SHARE_THIS_URL' %></p> <%=l 'TO_INVITE_SHARE_THIS_URL' %>
<% my $url = $self->url_for('/')->to_abs; </p>
$url .= ($url =~ m/\/$/) ? '':'/'; <% my $url = $self->url_for('/')->to_abs;
%> $url .= ($url =~ m/\/$/) ? '':'/';
<h4><a href="javascript:void(0)" onclick="inviteUrlPopup();"><%= $url . $room %></a></h4> %>
</center> <h4>
<a href="javascript:void(0)" onclick="inviteUrlPopup();">
<%= $url . $room %>
</a>
</h4>
</li>
<li class="divider">
</li> </li>
<li class="divider"></li>
<li> <li>
<form class="navbar-form" id="inviteEmail" action="" method="post"> <form class="navbar-form" id="inviteEmail" action="" method="post">
<center> <p class="text-center">
<p><%=l 'YOU_CAN_INVITE_BY_MAIL' %></p> <%=l 'YOU_CAN_INVITE_BY_MAIL' %>
</center> </p>
<div class="input-group"> <div class="input-group">
<input type="email" id="recipient" class="form-control help" placeholder="<%=l 'EMAIL_PLACEHOLDER' %>" data-toggle="tooltip" data-placement="bottom" title="<%=l 'SEND_INVITE' %>"/> <input type="email" id="recipient" class="form-control help" placeholder="<%=l 'EMAIL_PLACEHOLDER' %>" data-toggle="tooltip" data-placement="bottom" title="<%=l 'SEND_INVITE' %>"/>
<span class="input-group-btn"> <span class="input-group-btn">
@ -112,97 +121,95 @@
</div> </div>
<div class="btn-group dropdown ownerEl threePeersEl"> <div class="btn-group dropdown ownerEl threePeersEl">
<button class="btn btn-default dropdown-toggle help" type="button" id="groupActionsButton" data-toggle="dropdown" data-toggle="tooltip" data-placement="bottom" title="<%=l 'GROUP_ACTIONS' %>"> <button class="btn btn-default dropdown-toggle help" type="button" id="groupActionsButton" data-toggle="dropdown" data-toggle="tooltip" data-placement="bottom" title="<%=l 'GROUP_ACTIONS' %>">
<span class="glyphicon glyphicon-flag"></span> <span class="glyphicon glyphicon-flag">
<span class="caret"></span> </span>
<span class="caret">
</span>
</button> </button>
<ul class="dropdown-menu" role="menu" aria-labelledby="groupActionsButton" id="confMenu"> <ul class="dropdown-menu" role="menu" aria-labelledby="groupActionsButton" id="confMenu">
<li> <li class="text-center">
<center> <div class="navbar-form">
<div class="navbar-form"> <div class="btn-group" data-toggle="buttons">
<div class="btn-group" data-toggle="buttons"> <button type="button" class="btn btn-default help" id="muteEveryoneButton" data-toggle="tooltip" data-placement="bottom" title="<%=l 'MUTE_EVERYONE' %>">
<button type="button" class="btn btn-default help" id="muteEveryoneButton" data-toggle="tooltip" data-placement="bottom" title="<%=l 'MUTE_EVERYONE' %>"> <span class="glyphicon glyphicon-volume-off">
<span class="glyphicon glyphicon-volume-off"> </span>
</span> </button>
</button> <button type="button" class="btn btn-default help" id="unmuteEveryoneButton" data-toggle="tooltip" data-placement="bottom" title="<%=l 'UNMUTE_EVERYONE' %>">
<button type="button" class="btn btn-default help" id="unmuteEveryoneButton" data-toggle="tooltip" data-placement="bottom" title="<%=l 'UNMUTE_EVERYONE' %>"> <span class="glyphicon glyphicon-volume-up">
<span class="glyphicon glyphicon-volume-up"> </span>
</span> </buton>
</buton> <button type="button" class="btn btn-default help" id="suspendEveryoneButton" data-toggle="tooltip" data-placement="bottom" title="<%=l 'SUSPEND_EVERYONE' %>">
<button type="button" class="btn btn-default help" id="suspendEveryoneButton" data-toggle="tooltip" data-placement="bottom" title="<%=l 'SUSPEND_EVERYONE' %>"> <span class="glyphicon glyphicon-eye-close">
<span class="glyphicon glyphicon-eye-close"> </span>
</span> </button>
</button> <button type="button" class="btn btn-default help" id="resumeEveryoneButton" data-toggle="tooltip" data-placement="bottom" title="<%=l 'RESUME_EVERYONE' %>">
<button type="button" class="btn btn-default help" id="resumeEveryoneButton" data-toggle="tooltip" data-placement="bottom" title="<%=l 'RESUME_EVERYONE' %>"> <span class="glyphicon glyphicon-eye-open">
<span class="glyphicon glyphicon-eye-open"> </span>
</span> </button>
</button>
</div>
</div> </div>
</center> </div>
</li> </li>
</ul> </ul>
</div> </div>
<div class="btn-group dropdown ownerEl"> <div class="btn-group dropdown ownerEl">
<button class="btn btn-default dropdown-toggle help" type="button" id="confMenuButton" data-toggle="dropdown" data-toggle="tooltip" data-placement="bottom" title="<%=l 'CONFIGURE' %>"> <button class="btn btn-default dropdown-toggle help" type="button" id="confMenuButton" data-toggle="dropdown" data-toggle="tooltip" data-placement="bottom" title="<%=l 'CONFIGURE' %>">
<span class="glyphicon glyphicon-wrench"></span> <span class="glyphicon glyphicon-wrench">
<span class="caret"></span> </span>
<span class="caret">
</span>
</button> </button>
<ul class="dropdown-menu" role="menu" aria-labelledby="confMenuButton" id="confMenu"> <ul class="dropdown-menu" role="menu" aria-labelledby="confMenuButton" id="confMenu">
<li> <li class="text-center">
<center> <div class="navbar-form">
<div class="navbar-form"> <div class="btn-group" data-toggle="buttons">
<div class="btn-group" data-toggle="buttons"> <label class="btn btn-default help" id="lockLabel" data-toggle="tooltip" data-placement="bottom" title="<%=l 'PREVENT_TO_JOIN' %>">
<label class="btn btn-default help" id="lockLabel" data-toggle="tooltip" data-placement="bottom" title="<%=l 'PREVENT_TO_JOIN' %>"> <input type="checkbox" id="lockButton">
<input type="checkbox" id="lockButton"> <span class="glyphicon glyphicon-ban-circle">
<span class="glyphicon glyphicon-ban-circle"> </span>
</span> </label>
</label> <label class="btn btn-default help" id="joinPassLabel" data-toggle="tooltip" data-placement="bottom" title="<%=l 'PASSWORD_PROTECT' %>">
<label class="btn btn-default help" id="joinPassLabel" data-toggle="tooltip" data-placement="bottom" title="<%=l 'PASSWORD_PROTECT' %>"> <input type="checkbox" id="joinPassButton">
<input type="checkbox" id="joinPassButton"> <span class="glyphicon glyphicon-lock">
<span class="glyphicon glyphicon-lock"> </span>
</span> </label>
</label> <label class="btn btn-default help" id="persistentLabel" data-toggle="tooltip" data-placement="bottom" title="<%=l 'MAKE_THIS_ROOM_PERSISTENT' %>">
<label class="btn btn-default help" id="persistentLabel" data-toggle="tooltip" data-placement="bottom" title="<%=l 'MAKE_THIS_ROOM_PERSISTENT' %>"> <input type="checkbox" id="persistentButton">
<input type="checkbox" id="persistentButton"> <span class="glyphicon glyphicon-pushpin">
<span class="glyphicon glyphicon-pushpin"> </span>
</span> </label>
</label> <label class="btn btn-default help" id="askForNameLabel" data-toggle="tooltip" data-placement="bottom" title="<%=l 'FORCE_DISPLAY_NAME' %>">
<label class="btn btn-default help" id="askForNameLabel" data-toggle="tooltip" data-placement="bottom" title="<%=l 'FORCE_DISPLAY_NAME' %>"> <input type="checkbox" id="askForNameButton">
<input type="checkbox" id="askForNameButton"> <span class="glyphicon glyphicon-leaf">
<span class="glyphicon glyphicon-leaf"> </span>
</span> </label>
</label>
</div>
</div> </div>
</center> </div>
</li> </li>
<li class="divider"> <li class="divider">
</li> </li>
<li> <li class="text-center">
<center> <div class="navbar-form">
<div class="navbar-form"> <div class="btn-group">
<div class="btn-group"> <%
<% my $wipeTitle = ($etherpad) ? 'WIPE_CHAT_AND_PAD' : 'WIPE_CHAT';
my $wipeTitle = ($etherpad) ? 'WIPE_CHAT_AND_PAD' : 'WIPE_CHAT'; %>
%> <button id="wipeDataButton" class="btn btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%=l $wipeTitle %>">
<button id="wipeDataButton" class="btn btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%=l $wipeTitle %>"> <span class="glyphicon glyphicon-fire">
<span class="glyphicon glyphicon-fire"> </span>
</span> </button>
</button> <button id="terminateRoomButton" class="btn btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'TERMINATE_ROOM' %>">
<button id="terminateRoomButton" class="btn btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'TERMINATE_ROOM' %>"> <span class="glyphicon glyphicon-trash">
<span class="glyphicon glyphicon-trash"> </span>
</span> </button>
</button>
</div>
</div> </div>
</center> </div>
</li> </li>
<li class="divider"> <li class="divider">
</li> </li>
<li> <li>
<center> <p class="text-center">
<p><%=l 'NOTIFICATION_ON_JOIN' %></p> <%=l 'NOTIFICATION_ON_JOIN' %>
</center> </p>
<ul class="list-inline" id="emailNotificationList"> <ul class="list-inline" id="emailNotificationList">
</ul> </ul>
<form class="navbar-form" id="newEmailNotificationForm"> <form class="navbar-form" id="newEmailNotificationForm">
@ -222,15 +229,17 @@
</div> </div>
<div class="btn-group navbar-form navbar-left"> <div class="btn-group navbar-form navbar-left">
<button class="btn btn-default dropdown-toggle help unauthEl" type="button" id="authMenuButton" data-toggle="dropdown" data-toggle="tooltip" data-placement="bottom" title="<%=l 'AUTHENTICATE' %>"> <button class="btn btn-default dropdown-toggle help unauthEl" type="button" id="authMenuButton" data-toggle="dropdown" data-toggle="tooltip" data-placement="bottom" title="<%=l 'AUTHENTICATE' %>">
<span class="glyphicon glyphicon-log-in"></span> <span class="glyphicon glyphicon-log-in">
<span class="caret"></span> </span>
<span class="caret">
</span>
</button> </button>
<ul class="dropdown-menu" role="menu" aria-labelledby="authMenuButton" id="authMenu"> <ul class="dropdown-menu" role="menu" aria-labelledby="authMenuButton" id="authMenu">
<li> <li>
<form class="navbar-form" id="authForm"> <form class="navbar-form" id="authForm">
<center> <p class="text-center">
<p><%=l 'AUTH_TO_MANAGE_THE_ROOM' %></p> <%=l 'AUTH_TO_MANAGE_THE_ROOM' %>
</center> </p>
<div class="input-group"> <div class="input-group">
<input type="password" id="authPass" class="form-control help" placeholder="<%=l 'PASSWORD' %>" data-toggle="tooltip" data-placement="bottom" title="<%=l 'AUTHENTICATE' %>"/> <input type="password" id="authPass" class="form-control help" placeholder="<%=l 'PASSWORD' %>" data-toggle="tooltip" data-placement="bottom" title="<%=l 'AUTHENTICATE' %>"/>
<span class="input-group-btn"> <span class="input-group-btn">
@ -250,7 +259,8 @@
<span class="glyphicon glyphicon-question-sign"> <span class="glyphicon glyphicon-question-sign">
</span> </span>
</button> </button>
<div id="timeCounter" class="btn btn-default disabled"></div> <div id="timeCounter" class="btn btn-default disabled">
</div>
<button class="btn btn-default help" id="logoutButton" data-toggle="tooltip" data-placement="bottom" title="<%=l 'LOGOUT' %>"> <button class="btn btn-default help" id="logoutButton" data-toggle="tooltip" data-placement="bottom" title="<%=l 'LOGOUT' %>">
<span class="glyphicon glyphicon-log-out"> <span class="glyphicon glyphicon-log-out">
</span> </span>
@ -263,64 +273,62 @@
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<h4 class="modal-title"><%=l 'HELP' %></h4> &times;
</button>
<h4 class="modal-title">
<%=l 'HELP' %>
</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="list-group"> <div class="list-group">
<div class="list-group-item row"> <div class="list-group-item row">
<div class="col-md-3"> <div class="col-md-3 text-center">
<center> <input type="text" class="form-control" placeholder="<%=l 'YOUR_NAME' %>">
<input type="text" class="form-control" placeholder="<%=l 'YOUR_NAME' %>">
</center>
</div> </div>
<div class="col-md-9"> <div class="col-md-9">
<%=l 'HELP_SET_DISPLAY_NAME' %> <%=l 'HELP_SET_DISPLAY_NAME' %>
</div> </div>
</div> </div>
<div class="list-group-item row"> <div class="list-group-item row">
<div class="col-md-1"> <div class="col-md-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-tag">
<span class="glyphicon glyphicon-tag"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-11"> <div class="col-md-11">
<%=l 'HELP_CHANGE_COLOR_BUTTON' %> <%=l 'HELP_CHANGE_COLOR_BUTTON' %>
</div> </div>
</div> </div>
<div class="list-group-item row"> <div class="list-group-item row">
<div class="col-md-1"> <div class="col-md-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-comment">
<span class="glyphicon glyphicon-comment"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-11"> <div class="col-md-11">
<%=l 'HELP_CHAT_BUTTON' %> <%=l 'HELP_CHAT_BUTTON' %>
</div> </div>
</div> </div>
<div class="list-group-item row"> <div class="list-group-item row">
<div class="col-md-1"> <div class="col-md-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-volume-off">
<span class="glyphicon glyphicon-volume-off"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-11"> <div class="col-md-11">
<%=l 'HELP_MUTE_BUTTON' %> <%=l 'HELP_MUTE_BUTTON' %>
</div> </div>
</div> </div>
<div class="list-group-item row"> <div class="list-group-item row">
<div class="col-md-1"> <div class="col-md-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-eye-close">
<span class="glyphicon glyphicon-eye-close"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-11"> <div class="col-md-11">
<%=l 'HELP_SUSPEND_CAM_BUTTON' %> <%=l 'HELP_SUSPEND_CAM_BUTTON' %>
@ -328,36 +336,34 @@
</div> </div>
<div class="list-group-item row aloneEl"> <div class="list-group-item row aloneEl">
<div class="col-md-1"> <div class="col-md-1">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-music">
<span class="glyphicon glyphicon-music"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-11"> <div class="col-md-11">
<%=l 'HELP_MOH_BUTTON' %> <%=l 'HELP_MOH_BUTTON' %>
</div> </div>
</div> </div>
<div class="list-group-item row"> <div class="list-group-item row">
<div class="col-md-1"> <div class="col-md-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-expand">
<span class="glyphicon glyphicon-expand"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-11"> <div class="col-md-11">
<%=l 'HELP_SHARE_SCREEN_BUTTON' %> <%=l 'HELP_SHARE_SCREEN_BUTTON' %>
</div> </div>
</div> </div>
<div class="list-group-item row ownerEl"> <div class="list-group-item row ownerEl">
<div class="col-md-1"> <div class="col-md-1 text-center">
<center> <a data-toggle="collapse" href="#helpInviteMenuCollapse" class="btn btn-default">
<a data-toggle="collapse" href="#helpInviteMenuCollapse" class="btn btn-default"> <span class="glyphicon glyphicon-user">
<span class="glyphicon glyphicon-user"></span> </span>
<span class="caret"></span> <span class="caret">
</a> </span>
</center> </a>
</div> </div>
<div class="col-md-11"> <div class="col-md-11">
<%=l 'HELP_INVITE_MENU' %> <%=l 'HELP_INVITE_MENU' %>
@ -365,12 +371,11 @@
</div> </div>
<div id="helpInviteMenuCollapse" class="collapse"> <div id="helpInviteMenuCollapse" class="collapse">
<div class="list-group-item row ownerEl"> <div class="list-group-item row ownerEl">
<div class="col-md-1 col-md-offset-1"> <div class="col-md-1 col-md-offset-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-send">
<span class="glyphicon glyphicon-send"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-10"> <div class="col-md-10">
<%=l 'HELP_EMAIL_INVITE_BUTTON' %> <%=l 'HELP_EMAIL_INVITE_BUTTON' %>
@ -378,13 +383,13 @@
</div> </div>
</div> </div>
<div class="list-group-item row ownerEl threePeersEl"> <div class="list-group-item row ownerEl threePeersEl">
<div class="col-md-1"> <div class="col-md-1 text-center">
<center> <a data-toggle="collapse" href="#helpGroupActionsMenuCollapse" class="btn btn-default">
<a data-toggle="collapse" href="#helpGroupActionsMenuCollapse" class="btn btn-default"> <span class="glyphicon glyphicon-flag">
<span class="glyphicon glyphicon-flag"></span> </span>
<span class="caret"></span> <span class="caret">
</a> </span>
</center> </a>
</div> </div>
<div class="col-md-11"> <div class="col-md-11">
<%=l 'HELP_GROUP_ACTIONS' %> <%=l 'HELP_GROUP_ACTIONS' %>
@ -392,48 +397,44 @@
</div> </div>
<div id="helpGroupActionsMenuCollapse" class="collapse"> <div id="helpGroupActionsMenuCollapse" class="collapse">
<div class="list-group-item row ownerEl threePeersEl"> <div class="list-group-item row ownerEl threePeersEl">
<div class="col-md-1 col-md-offset-1"> <div class="col-md-1 col-md-offset-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-volume-off">
<span class="glyphicon glyphicon-volume-off"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-10"> <div class="col-md-10">
<%=l 'HELP_MUTE_EVERYONE_BUTTON' %> <%=l 'HELP_MUTE_EVERYONE_BUTTON' %>
</div> </div>
</div> </div>
<div class="list-group-item row ownerEl threePeersEl"> <div class="list-group-item row ownerEl threePeersEl">
<div class="col-md-1 col-md-offset-1"> <div class="col-md-1 col-md-offset-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-volume-up">
<span class="glyphicon glyphicon-volume-up"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-10"> <div class="col-md-10">
<%=l 'HELP_UNMUTE_EVERYONE_BUTTON' %> <%=l 'HELP_UNMUTE_EVERYONE_BUTTON' %>
</div> </div>
</div> </div>
<div class="list-group-item row ownerEl threePeersEl"> <div class="list-group-item row ownerEl threePeersEl">
<div class="col-md-1 col-md-offset-1"> <div class="col-md-1 col-md-offset-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-eye-close">
<span class="glyphicon glyphicon-eye-close"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-10"> <div class="col-md-10">
<%=l 'HELP_SUSPEND_EVERYONE_BUTTON' %> <%=l 'HELP_SUSPEND_EVERYONE_BUTTON' %>
</div> </div>
</div> </div>
<div class="list-group-item row ownerEl threePeersEl"> <div class="list-group-item row ownerEl threePeersEl">
<div class="col-md-1 col-md-offset-1"> <div class="col-md-1 col-md-offset-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-eye-open">
<span class="glyphicon glyphicon-eye-open"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-10"> <div class="col-md-10">
<%=l 'HELP_RESUME_EVERYONE_BUTTON' %> <%=l 'HELP_RESUME_EVERYONE_BUTTON' %>
@ -441,13 +442,13 @@
</div> </div>
</div> </div>
<div class="list-group-item row ownerEl"> <div class="list-group-item row ownerEl">
<div class="col-md-1"> <div class="col-md-1 text-center">
<center> <a data-toggle="collapse" href="#helpConfMenuCollapse" class="btn btn-default">
<a data-toggle="collapse" href="#helpConfMenuCollapse" class="btn btn-default"> <span class="glyphicon glyphicon-wrench">
<span class="glyphicon glyphicon-wrench"></span> </span>
<span class="caret"></span> <span class="caret">
</a> </span>
</center> </a>
</div> </div>
<div class="col-md-11"> <div class="col-md-11">
<%=l 'HELP_CONF_MENU' %> <%=l 'HELP_CONF_MENU' %>
@ -455,60 +456,55 @@
</div> </div>
<div id="helpConfMenuCollapse" class="collapse"> <div id="helpConfMenuCollapse" class="collapse">
<div class="list-group-item row ownerEl"> <div class="list-group-item row ownerEl">
<div class="col-md-1 col-md-offset-1"> <div class="col-md-1 col-md-offset-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-ban-circle">
<span class="glyphicon glyphicon-ban-circle"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-10"> <div class="col-md-10">
<%=l 'HELP_LOCK_BUTTON' %> <%=l 'HELP_LOCK_BUTTON' %>
</div> </div>
</div> </div>
<div class="list-group-item row ownerEl"> <div class="list-group-item row ownerEl">
<div class="col-md-1 col-md-offset-1"> <div class="col-md-1 col-md-offset-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-lock">
<span class="glyphicon glyphicon-lock"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-10"> <div class="col-md-10">
<%=l 'HELP_PASSWORD_BUTTON' %> <%=l 'HELP_PASSWORD_BUTTON' %>
</div> </div>
</div> </div>
<div class="list-group-item row ownerEl"> <div class="list-group-item row ownerEl">
<div class="col-md-1 col-md-offset-1"> <div class="col-md-1 col-md-offset-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-pushpin">
<span class="glyphicon glyphicon-pushpin"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-10"> <div class="col-md-10">
<%=l 'HELP_PERSISTENT_BUTTON' %> <%=l 'HELP_PERSISTENT_BUTTON' %>
</div> </div>
</div> </div>
<div class="list-group-item row ownerEl"> <div class="list-group-item row ownerEl">
<div class="col-md-1 col-md-offset-1"> <div class="col-md-1 col-md-offset-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-leaf">
<span class="glyphicon glyphicon-leaf"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-10"> <div class="col-md-10">
<%=l 'HELP_ASK_FOR_NAME_BUTTON' %> <%=l 'HELP_ASK_FOR_NAME_BUTTON' %>
</div> </div>
</div> </div>
<div class="list-group-item row ownerEl"> <div class="list-group-item row ownerEl">
<div class="col-md-1 col-md-offset-1"> <div class="col-md-1 col-md-offset-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-fire">
<span class="glyphicon glyphicon-fire"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-10"> <div class="col-md-10">
<%=l 'HELP_WIPE_DATA_BUTTON' %> <%=l 'HELP_WIPE_DATA_BUTTON' %>
@ -516,34 +512,36 @@
</div> </div>
</div> </div>
<div class="list-group-item row"> <div class="list-group-item row">
<div class="col-md-1"> <div class="col-md-1 text-center">
<center> <div class="btn btn-default">
<div class="btn btn-default"> <span class="glyphicon glyphicon-log-out">
<span class="glyphicon glyphicon-log-out"></span> </span>
</div> </div>
</center>
</div> </div>
<div class="col-md-11"> <div class="col-md-11">
<%=l 'HELP_LOGOUT_BUTTON' %> <%=l 'HELP_LOGOUT_BUTTON' %>
</div> </div>
</div> </div>
<div class="list-group-item row ownerEl"> <div class="list-group-item row ownerEl">
<div class="col-md-3"> <div class="col-md-3 text-center">
<center> <div class="btn-group">
<div class="btn-group"> <div class="btn btn-sm btn-default">
<div class="btn btn-sm btn-default"> <span class="glyphicon glyphicon-volume-off">
<span class="glyphicon glyphicon-volume-off"></span> </span>
</div> </div>
<div class="btn btn-sm btn-default"> <div class="btn btn-sm btn-default">
<span class="glyphicon glyphicon-eye-close"></span> <span class="glyphicon glyphicon-eye-close">
</div> </span>
<div class="btn btn-sm btn-default"> </div>
<span class="glyphicon glyphicon-certificate"></span> <div class="btn btn-sm btn-default">
</div> <span class="glyphicon glyphicon-certificate">
<div class="btn btn-sm btn-default"> </span>
<span class="glyphicon glyphicon-remove-circle"></span> </div>
</div> <div class="btn btn-sm btn-default">
</center> <span class="glyphicon glyphicon-remove-circle">
</span>
</div>
</div>
</div> </div>
<div class="col-md-9"> <div class="col-md-9">
<%=l 'HELP_PEER_ACTIONS_BUTTONS' %> <%=l 'HELP_PEER_ACTIONS_BUTTONS' %>
@ -558,16 +556,21 @@
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h4 class="modal-title" id="setDisplayNameTitle"><%=l 'DISPLAY_NAME_REQUIRED' %></h4> <h4 class="modal-title" id="setDisplayNameTitle">
<%=l 'DISPLAY_NAME_REQUIRED' %>
</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form role="form" class="well" id="displayNamePreForm"> <form role="form" class="well" id="displayNamePreForm">
<label for="displayNamePre"><%=l 'SET_A_DISPLAY_NAME' %></label> <label for="displayNamePre">
<%=l 'SET_A_DISPLAY_NAME' %>
</label>
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control" id="displayNamePre" name="displayNamePre" placeholder="<%=l 'YOUR_NAME' %>"> <input type="text" class="form-control" id="displayNamePre" name="displayNamePre" placeholder="<%=l 'YOUR_NAME' %>">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" id="displayNamePreButton" class="btn btn-default disabled"> <button type="submit" id="displayNamePreButton" class="btn btn-default disabled">
<span class="glyphicon glyphicon-log-in"></span> <span class="glyphicon glyphicon-log-in">
</span>
</button> </button>
</span> </span>
</div> </div>
@ -689,8 +692,12 @@
<div class="modal-dialog modal-sm"> <div class="modal-dialog modal-sm">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<h4 class="modal-title" id="chromeExtMessageTitle"><%=l 'EXTENSION_REQUIRED' %></h4> &times;
</button>
<h4 class="modal-title" id="chromeExtMessageTitle">
<%=l 'EXTENSION_REQUIRED' %>
</h4>
</div> </div>
<div clas="modal-body"> <div clas="modal-body">
<p> <p>
@ -710,13 +717,21 @@
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<h4 class="modal-title" id="noWebrtcSupportTitle"><%=l 'BROWSER_NOT_SUPPORTED' %></h4> &times;
</button>
<h4 class="modal-title" id="noWebrtcSupportTitle">
<%=l 'BROWSER_NOT_SUPPORTED' %>
</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p><%=l 'NO_WEBRTC_SUPPORT' %></p> <p>
<%=l 'NO_WEBRTC_SUPPORT' %>
</p>
<% if ($ua !~ m/iphone|ipad|ipod/i){ %> <% if ($ua !~ m/iphone|ipad|ipod/i){ %>
<p><%=l 'DOWNLOAD_ONE_OF_THESE_BROWSERS' %></p> <p>
<%=l 'DOWNLOAD_ONE_OF_THESE_BROWSERS' %>
</p>
<div class="row"> <div class="row">
<% <%
my $ffurl = "http://www.mozilla.org/firefox/"; my $ffurl = "http://www.mozilla.org/firefox/";
@ -730,23 +745,17 @@
%> %>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="<%= $ffurl %>" target="_blank"> <a href="<%= $ffurl %>" target="_blank">
<center> <img class="img-responsive center-block" src="<%= $self->get_url('/') %>img/firefox.png" alt="Mozilla Firefox"/>
<img class="img-responsive" src="<%= $self->get_url('/') %>img/firefox.png" alt="Mozilla Firefox"/>
</center>
</a> </a>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="<%= $churl %>" target="_blank"> <a href="<%= $churl %>" target="_blank">
<center> <img class="img-responsive center-block" src="<%= $self->get_url('/') %>img/chrome.png" alt="Google Chrome"/>
<img class="img-responsive" src="<%= $self->get_url('/') %>img/chrome.png" alt="Google Chrome"/>
</center>
</a> </a>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="<%= $opurl %>" target="_blank"> <a href="<%= $opurl %>" target="_blank">
<center> <img class="img-responsive center-block" src="<%= $self->get_url('/') %>img/opera.png" alt="Opera"/>
<img class="img-responsive" src="<%= $self->get_url('/') %>img/opera.png" alt="Opera"/>
</center>
</a> </a>
</div> </div>
</div> </div>
@ -759,24 +768,28 @@
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<h4 class="modal-title" id="noWebcamTitle"><%=l 'NO_WEBCAM' %></h4> &times;
</button>
<h4 class="modal-title" id="noWebcamTitle">
<%=l 'NO_WEBCAM' %>
</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p><%=l 'CANT_ACCESS_WEBCAM' %></p> <p class="text-center">
<center> <%=l 'CANT_ACCESS_WEBCAM' %>
<img src="<%= $self->get_url('/') %>img/webcam.png" alt="Webcam"/> </p>
<br> <img class="img-responsive center-block" src="<%= $self->get_url('/') %>img/webcam.png" alt="Webcam"/>
<p> <br>
<%=l 'CLICK_IF_NO_WEBCAM' %> <p class="text-center">
</p> <%=l 'CLICK_IF_NO_WEBCAM' %>
<p> </p>
<a class="btn btn-default btn-lg" href="<%= $self->get_url('/') . $room %>?video=false"> <p class="text-center">
<span class="glyphicon glyphicon-headphones"> <a class="btn btn-default btn-lg" href="<%= $self->get_url('/') . $room %>?video=false">
</span> <span class="glyphicon glyphicon-headphones">
</a> </span>
</p> </a>
</center> </p>
</div> </div>
</div> </div>
</div> </div>
@ -785,17 +798,19 @@
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<h4 class="modal-title"><%=l 'CONNECTION_LOST' %></h4> &times;
</button>
<h4 class="modal-title">
<%=l 'CONNECTION_LOST' %>
</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body text-center">
<center> <img src="<%= $self->get_url('/') %>img/flash.png" alt="<%=l 'CONNECTION_LOST' %>"/>
<img src="<%= $self->get_url('/') %>img/flash.png" alt="<%=l 'CONNECTION_LOST' %>"/> <br>
<br> <p>
<p> <%=l 'CHECK_INTERNET_ACCESS' %>
<%=l 'CHECK_INTERNET_ACCESS' %> </p>
</p>
</center>
</div> </div>
</div> </div>
</div> </div>
@ -804,15 +819,21 @@
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<h4 class="modal-title" id="persistentTitle"><%=l 'MAKE_THIS_ROOM_PERSISTENT' %></h4> &times;
</button>
<h4 class="modal-title" id="persistentTitle">
<%=l 'MAKE_THIS_ROOM_PERSISTENT' %>
</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form class="form-horizontal" role="form" id="persistentForm"> <form class="form-horizontal" role="form" id="persistentForm">
<p> <p>
<%=l 'SET_OWNER_PASS_PERSISTENT' %> <%=l 'SET_OWNER_PASS_PERSISTENT' %>
<ul> <ul>
<li><%= sprintf($self->l('A_STANDARD_ROOM_EXPIRES_AFTER_d'), int($config->{inactivityTimeout}/3600)) %></li> <li>
<%= sprintf($self->l('A_STANDARD_ROOM_EXPIRES_AFTER_d'), int($config->{inactivityTimeout}/3600)) %>
</li>
<li> <li>
<%=l 'A_PERSISTENT_ROOM' %> <%=l 'A_PERSISTENT_ROOM' %>
<% if ($config->{persistentInactivityTimeout} > 0){ %> <% if ($config->{persistentInactivityTimeout} > 0){ %>
@ -858,8 +879,12 @@
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<h4 class="modal-title" id="joinPassTitle"><%=l 'PASSWORD_PROTECT' %></h4> &times;
</button>
<h4 class="modal-title" id="joinPassTitle">
<%=l 'PASSWORD_PROTECT' %>
</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form class="form-horizontal" role="form" id="joinPassForm"> <form class="form-horizontal" role="form" id="joinPassForm">
@ -932,16 +957,15 @@
</div> </div>
<div id="mainView" class="col-xs-12 col-sm-8"> <div id="mainView" class="col-xs-12 col-sm-8">
<% if ($etherpad eq 'true'){ %> <% if ($etherpad eq 'true'){ %>
<div id="etherpadContainer"></div> <div id="etherpadContainer">
</div>
<% } %> <% } %>
<div id="mainVideo"> <div id="mainVideo">
</div> </div>
<div id="aloneMsg" class="aloneEl"> <div id="aloneMsg" class="aloneEl">
<center> <h2 class="text-center">
<h2> <%=l 'ALONE_IN_ROOM' %>
<%=l 'ALONE_IN_ROOM' %> </h2>
</h2>
</center>
</div> </div>
</div> </div>
</div> </div>

4
templates/default/noscript.html.ep
Unescape View File

@ -1,9 +1,9 @@
<noscript> <noscript>
<div class="row"> <div class="row">
<div class="col-md-6 col-md-offset-3 alert alert-danger"> <div class="col-md-6 col-md-offset-3 alert alert-danger">
<center> <p class="text-center">
<%=l 'JS_REQUIRED' %> <%=l 'JS_REQUIRED' %>
</center> </p>
</div> </div>
</div> </div>
</noscript> </noscript>

Write Preview
Loading…
Cancel
Save