dani/vroom
1
0
Fork 0
mirror of https://github.com/dani/vroom.git synced 2024-06-30 15:23:41 +02:00
Code Issues Projects Releases Wiki Activity

Remove all the hardcoded <center> horrors

Browse Source 
Replaced with text-center or center-block class
Plus other minor HTML cleanups
This commit is contained in:
Daniel Berteaud 2014-06-28 15:19:16 +02:00
parent 45d6130fc4
commit 12b6e41d6d
5 changed files with 355 additions and 324 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
templates/default/feedback.html.ep
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
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
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>

618
templates/default/join.html.ep
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 class="divider">
</li>
<li class="text-center">
<div class="navbar-form">
<div class="btn-group">
<%
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 %>">
<span class="glyphicon glyphicon-fire">
</span>
</button>
<button id="terminateRoomButton" class="btn btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'TERMINATE_ROOM' %>">
<span class="glyphicon glyphicon-trash">
</span>
</button>
</div>
</div>
</li> </li>
<li class="divider"> <li class="divider">
</li> </li>
<li> <li>
<center> <p class="text-center">
<div class="navbar-form"> <%=l 'NOTIFICATION_ON_JOIN' %>
<div class="btn-group"> </p>
<%
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 %>">
<span class="glyphicon glyphicon-fire">
</span>
</button>
<button id="terminateRoomButton" class="btn btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'TERMINATE_ROOM' %>">
<span class="glyphicon glyphicon-trash">
</span>
</button>
</div>
</div>
</center>
</li>
<li class="divider">
</li>
<li>
<center>
<p><%=l 'NOTIFICATION_ON_JOIN' %></p>
</center>
<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
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>