1
0
Fork 0
mirror of https://github.com/mperham/sidekiq.git synced 2022-11-09 13:52:34 -05:00

Bootstrap upgrade

This commit is contained in:
Jeff Boek 2013-09-30 21:43:24 -07:00
parent 0dd5751f54
commit beb5bc2ae3
15 changed files with 6883 additions and 64 deletions

View file

@ -6,7 +6,9 @@ n){return arguments.length?(t=+n,e):t},e.translate=function(t){return arguments.
// Match width of graphs with summary bar
var responsiveWidth = function() {
return document.getElementsByClassName('summary_bar')[0].clientWidth;
//Bootstrap now uses padding instead of margin for gutters. 30px (15 on each side)
//http://getbootstrap.com/css/#grid
return document.getElementsByClassName('summary_bar')[0].clientWidth - 30;
};
// Richshaw

View file

@ -32,7 +32,7 @@ h1, h2, h3, h4, h5, h6, strong {
font-weight: 700;
}
.brand, .navbar .brand, h5, h4, h3, h2, h1 {
.navbar-brand, .navbar .navbar-brand, h5, h4, h3, h2, h1 {
font-family: Armata;
font-weight: 400;
}
@ -113,8 +113,13 @@ header.row .pagination {
margin-bottom: 10px;
border-width: 0px;
}
.poll-wrapper {
padding: 9px 0 0 0;
}
.nav #live-poll {
height: 25px;
line-height: 25px;
width: 195px;
}
#live-poll.active {
background-color: #009300;
@ -144,21 +149,21 @@ header.row .pagination {
}
}
@media (max-width: 979px) and (min-width: 768px) {
.summary_bar ul li.span2 {
.summary_bar ul li.col-sm-2 {
margin: 0px 10px;
width: 96px !important;
}
}
@media (max-width: 1199px) and (min-width: 980px) {
.summary_bar ul li.span2 {
/*@media (max-width: 1199px) and (min-width: 980px) {
.summary_bar ul li.col-sm-2 {
width: 130px !important;
}
}
@media (min-width: 1200px) {
.summary_bar ul li.span2 {
.summary_bar ul li.col-sm-2 {
width: 154px !important;
}
}
}*/
.summary_bar ul .desc {
display: block;
font-size: 1em;
@ -191,12 +196,13 @@ td form {
margin-bottom: 0;
}
.navbar .brand {
.navbar .navbar-brand {
color: #b1003e;
padding: 13px;
text-shadow: none;
}
.navbar .brand .status {
.navbar .navbar-brand .status {
color: #585454;
}
@ -210,7 +216,7 @@ td form {
padding: 15px;
}
.navbar-footer .navbar ul.nav a.brand {
.navbar-footer .navbar ul.nav a.navbar-brand {
font-weight: 400;
padding: 0 15px 0 0;
}
@ -323,8 +329,11 @@ img.smallogo {
font-size: 0.9em;
}
@media (max-width: 767px) {
.stats-container {
display: block;
}
.stat {
float: none;
float: left;
margin-right: 10px;
width: 100%;
text-align: left;
@ -516,13 +525,14 @@ img.smallogo {
text-decoration: none;
}
@media (max-width: 550px) {
@media (max-width: 768px) {
.navbar .container {
text-align: center
}
.navbar .brand {
.navbar .navbar-brand {
float: none;
display: block;
}
.navbar ul.nav li a {
@ -540,6 +550,11 @@ img.smallogo {
margin-right: 0;
}
.poll-wrapper {
padding: 0px 20px 5px 0px;
width: 20%;
}
.navbar.navbar-fixed-bottom ul {
float: none;
margin-right: 0;
@ -551,6 +566,7 @@ img.smallogo {
}
.navbar-text {
float:none;
line-height: 30px;
}
}
@ -566,7 +582,7 @@ img.smallogo {
}
@media (max-width: 500px) {
.navbar-footer .navbar ul.nav a.brand {
.navbar-footer .navbar ul.nav a.navbar-brand {
padding-right: 5px;
}
}
@ -887,3 +903,21 @@ img.smallogo {
overflow-y: scroll;
max-height: 500px;
}
/* BOOTSTRAP 3 FIXES */
/* @grid-float-breakpoint -1 */
.container {
padding: 0;
}
@media (min-width: 979px) {
body {
padding-bottom: 50px;
}
}
@media (max-width: 979px) {
.navbar-fixed-top, .navbar-fixed-bottom {
position: relative;
top: auto;
}
}

File diff suppressed because one or more lines are too long

View file

@ -1,10 +1,10 @@
<div class="navbar-inner">
<div class="container">
<a class="brand" href="<%= root_path %>">
<a class="navbar-brand" href="<%= root_path %>">
<%= Sidekiq::NAME %>
<%= erb :_status %>
</a>
<ul class="nav">
<ul class="nav navbar-nav">
<% tabs.each do |title, url| %>
<% if url == '' %>
<li class="<%= current_path == url ? 'active' : '' %>">
@ -26,10 +26,8 @@
</ul>
<ul class="nav pull-right">
<li>
<%= erb :_poll %>
</li>
</ul>
<div class="col-sm-2 pull-right poll-wrapper">
<%= erb :_poll %>
</div>
</div>
</div>

View file

@ -3,8 +3,8 @@
setInterval("window.location.reload(true)", 2000);
</script>
<% end %>
<% unless current_path == '' %>
<div class="span2 pull-right actions">
<% unless false %>
<div class="actions">
<% if params[:poll] %>
<a id="live-poll" class="btn btn-block btn-primary active" href="<%= root_path %><%= current_path %>"><%= t('StopPolling') %></a>
<% else %>

View file

@ -1,31 +1,31 @@
<ul class="unstyled summary row">
<li class="processed span2">
<ul class="list-unstyled summary row">
<li class="processed col-sm-2">
<span class="count"><%= number_with_delimiter(stats.processed) %></span>
<span class="desc"><%= t('Processed') %></span>
</li>
<li class="failed span2">
<li class="failed col-sm-2">
<span class="count"><%= number_with_delimiter(stats.failed) %></span>
<span class="desc"><%= t('Failed') %></span>
</li>
<li class="busy span2">
<li class="busy col-sm-2">
<a href="<%= root_path %>workers">
<span class="count"><%= number_with_delimiter(workers_size) %></span>
<span class="desc"><%= t('Busy') %></span>
</a>
</li>
<li class="scheduled span2">
<li class="scheduled col-sm-2">
<a href="<%= root_path %>scheduled">
<span class="count"><%= number_with_delimiter(stats.scheduled_size) %></span>
<span class="desc"><%= t('Scheduled') %></span>
</a>
</li>
<li class="retries span2">
<li class="retries col-sm-2">
<a href="<%= root_path %>retries">
<span class="count"><%= number_with_delimiter(stats.retry_size) %></span>
<span class="desc"><%= t('Retries') %></span>
</a>
</li>
<li class="enqueued span2">
<li class="enqueued col-sm-2">
<a href="<%= root_path %>queues">
<span class="count"><%= number_with_delimiter(stats.enqueued) %></span>
<span class="desc"><%= t('Enqueued') %></span>

View file

@ -17,7 +17,7 @@
<td>
<% if msg['payload']['args'].to_s.size > 100 %>
<%= msg['payload']['args'].inspect[0..100] + "... " %>
<button data-toggle="collapse" data-target="#worker_<%= index %>" class="btn btn-mini"><%= t('ShowAll') %></button>
<button data-toggle="collapse" data-target="#worker_<%= index %>" class="btn btn-default btn-xs"><%= t('ShowAll') %></button>
<div class="toggle" id="worker_<%= index %>" style="display: none;max-width: 750px;"><%= msg['payload']['args'] %></div>
<% else %>
<%= msg['payload']['args'] %>

View file

@ -1,5 +1,5 @@
<div class="row header">
<div class="span7">
<div class="col-sm-7">
<h3><%= t('Workers') %></h3>
</div>
</div>
@ -7,7 +7,7 @@
<%= erb :_workers %>
<% if workers_size > 0 %>
<div class="row">
<div class="span2 pull-right">
<div class="col-sm-2 pull-right">
<form action="<%= root_path %>reset" method="post">
<button class="btn btn-primary btn-block" type="submit"><%= t('ClearWorkerList') %></button>
</form>

View file

@ -9,18 +9,18 @@
<script type="text/javascript" src="<%= root_path %>javascripts/locales/jquery.timeago.<%= locale %>.js"></script>
</head>
<body class="admin">
<div class="navbar navbar-fixed-top">
<div class="navbar navbar-default navbar-fixed-top">
<%= erb :_nav %>
</div>
<div id="page">
<div class="container">
<div class="row">
<div class="span12 summary_bar">
<div class="col-sm-12 summary_bar">
<%= erb :_summary %>
</div>
<div class="span12">
<div class="col-sm-12">
<%= yield %>
</div>
</div>

View file

@ -1,10 +1,10 @@
<header class="row">
<div class="span5">
<div class="col-sm-5">
<h3>
<%= t('CurrentMessagesInQueue', :queue => @name) %>
</h3>
</div>
<div class="span4 pull-right">
<div class="col-sm-4 pull-right">
<%= erb :_paging, :locals => { :url => "#{root_path}queues/#{@name}" } %>
</div>
</header>
@ -20,7 +20,7 @@
<td>
<% if msg['args'] and msg['args'].to_s.size > 100 %>
<%= msg['args'].inspect[0..100] + "... " %>
<button data-toggle="collapse" data-target="#worker_<%= index %>" class="btn btn-mini"><%= t('ShowAll') %></button>
<button data-toggle="collapse" data-target="#worker_<%= index %>" class="btn btn-default btn-xs"><%= t('ShowAll') %></button>
<div class="toggle" id="worker_<%= index %>" style="display: none;"><%= msg['args'] %></div>
<% else %>
<%= msg['args'] %>
@ -29,7 +29,7 @@
<td>
<form action="<%= root_path %>queues/<%= @name %>/delete" method="post">
<input name="key_val" value="<%= h Sidekiq.dump_json(msg) %>" type="hidden" />
<input class="btn btn-danger btn-mini" type="submit" name="delete" value="<%= t('Delete') %>" data-confirm="<%= t('AreYouSure') %>" />
<input class="btn btn-danger btn-xs" type="submit" name="delete" value="<%= t('Delete') %>" data-confirm="<%= t('AreYouSure') %>" />
</form>
</td>
</tr>

View file

@ -14,7 +14,7 @@
<td><%= number_with_delimiter(queue.size) %> </td>
<td width="20%">
<form action="<%=root_path %>queues/<%= queue.name %>" method="post">
<input class="btn btn-danger btn-small" type="submit" name="delete" value="<%= t('Delete') %>" data-confirm="<%= t('AreYouSureDeleteQueue', :queue => queue.name) %>" />
<input class="btn btn-danger btn-xs" type="submit" name="delete" value="<%= t('Delete') %>" data-confirm="<%= t('AreYouSureDeleteQueue', :queue => queue.name) %>" />
</form>
</td>
</tr>

View file

@ -1,8 +1,8 @@
<header class="row">
<div class="span5">
<div class="col-sm-5">
<h3><%= t('Retries') %></h3>
</div>
<div class="span4">
<div class="col-sm-4">
<% if @retries.size > 0 %>
<%= erb :_paging, :locals => { :url => "#{root_path}retries" } %>
<% end %>
@ -45,15 +45,15 @@
</tr>
<% end %>
</table>
<input class="btn btn-primary btn-small pull-left" type="submit" name="retry" value="<%= t('RetryNow') %>" />
<input class="btn btn-danger btn-small pull-left" type="submit" name="delete" value="<%= t('Delete') %>" />
<input class="btn btn-primary btn-xs pull-left" type="submit" name="retry" value="<%= t('RetryNow') %>" />
<input class="btn btn-danger btn-xs pull-left" type="submit" name="delete" value="<%= t('Delete') %>" />
</form>
<form action="<%= root_path %>retries/all/delete" method="post">
<input class="btn btn-danger btn-small pull-right" type="submit" name="delete" value="<%= t('DeleteAll') %>" data-confirm="<%= t('AreYouSure') %>" />
<input class="btn btn-danger btn-xs pull-right" type="submit" name="delete" value="<%= t('DeleteAll') %>" data-confirm="<%= t('AreYouSure') %>" />
</form>
<form action="<%= root_path %>retries/all/retry" method="post">
<input class="btn btn-danger btn-small pull-right" type="submit" name="retry" value="<%= t('RetryAll') %>" data-confirm="<%= t('AreYouSure') %>" />
<input class="btn btn-danger btn-xs pull-right" type="submit" name="retry" value="<%= t('RetryAll') %>" data-confirm="<%= t('AreYouSure') %>" />
</form>
<% else %>

View file

@ -24,7 +24,7 @@
</tbody>
</table>
<form class="form-horizontal" action="<%= root_path %>retries/<%= job_params(@retry, @retry.score) %>" method="post">
<a class="btn" href="<%= root_path %>retries"><%= t('GoBack') %></a>
<a class="btn btn-default" href="<%= root_path %>retries"><%= t('GoBack') %></a>
<input class="btn btn-primary" type="submit" name="retry" value="<%= t('RetryNow') %>" />
<input class="btn btn-danger" type="submit" name="delete" value="<%= t('Delete') %>" />
</form>

View file

@ -1,8 +1,8 @@
<header class="row">
<div class="span5">
<div class="col-sm-5">
<h3><%= t('ScheduledJobs') %></h3>
</div>
<div class="span4">
<div class="col-sm-4">
<% if @scheduled.size > 0 %>
<%= erb :_paging, :locals => { :url => "#{root_path}scheduled" } %>
<% end %>

View file

@ -1,7 +1,7 @@
<%= erb :_job_info, :locals => {:job => @job, :type => :scheduled} %>
<form class="form-horizontal" action="<%= root_path %>scheduled/<%= job_params(@job, @job.score) %>" method="post">
<a class="btn" href="<%= root_path %>scheduled"><%= t('GoBack') %></a>
<a class="btn btn-default" href="<%= root_path %>scheduled"><%= t('GoBack') %></a>
<input class="btn btn-primary" type="submit" name="add_to_queue" value="<%= t('AddToQueue') %>" />
<input class="btn btn-danger" type="submit" name="delete" value="<%= t('Delete') %>" />
</form>