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

Added slider control to make Web UI poll interval configurable

Browse source
This commit is contained in:
Andrea Singh 2014-05-17 22:02:16 -07:00
parent 38eced2e25
commit 754187936e
4 changed files with 54 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
web/assets/javascripts/dashboard.js
View file

File diff suppressed because one or more lines are too long

23
web/assets/stylesheets/application.css
View file

@ -369,6 +369,29 @@ img.smallogo {
margin: 5px 5px 5px 10px; margin: 5px 5px 5px 10px;
} }
} }
span.interval-slider {
float: right;
line-height: 1.3;
font-size: 0.5em;
}
span.interval-slider-label {
font-size: 12px;
margin-right: 5px;
}
span.current-interval {
min-width: 40px;
display: inline-block;
padding: 0 0 5px 0;
color: #B1003E;
}
span.interval-slider input {
width: 160px;
}
.beacon { .beacon {
position: relative; position: relative;
height: 20px; height: 20px;

1
web/locales/en.yml
View file

@ -71,3 +71,4 @@ en: # <---- change this to your locale code
Quiet: Quiet Quiet: Quiet
StopAll: Stop All StopAll: Stop All
QuietAll: Quiet All QuietAll: Quiet All
PollingInterval: Polling interval

8
web/views/dashboard.erb
View file

@ -1,11 +1,17 @@
<script type="text/javascript" src="<%= root_path %>javascripts/dashboard.js"></script> <script type="text/javascript" src="<%= root_path %>javascripts/dashboard.js"></script>
<h3> <h3 class="clearfix">
<%= t('Dashboard') %> <%= t('Dashboard') %>
<span class="beacon"> <span class="beacon">
<span class="ring"></span> <span class="ring"></span>
<span class="dot"></span> <span class="dot"></span>
</span> </span>
<span class="interval-slider">
<span class="interval-slider-label"><%= t('PollingInterval') %>:</span>
<span class="current-interval">2 sec</span>
<br/>
<input type="range" min="2000" max="20000" step="10" value="2000"/>
</span>
</h3> </h3>
<h5></h5> <h5></h5>