1
0
Fork 0
mirror of https://github.com/mperham/sidekiq.git synced 2022-11-09 13:52:34 -05:00
mperham--sidekiq/web/views/dashboard.erb
Mike Perham ed485e47e4 Make Sidekiq Web UI RTL-friendly (#3381)
* Unminify rickshaw graph CSS so we can maintain it

* Initial BiDi support for the Web UI

BiDi means the web app can serve both LTR and RTL languages at the same time.

1. Bootstrap-RTL overrides Bootstrap 3.3 styles for RTL clients
2. Application CSS was preprocessed thru rtlcss and then hand-trimmed to contain only RTL-specific directives.
3. Dashboard was tweaked to hardcode LTR for footer and polling gadget

* Vendor bootstrap-rtl.css

* Various RTL style fixes, need to flip all pull-* elements

* Upgrade Rickshaw to latest, remove dupe CSS

* Add Arabic language (credit to Milena Novakova)
Add Hebrew placeholder
Added dir attribute to html tag

* changes

* Clean up HTTP header generation, add Content-Language response header

* Use correct locale for hebrew
2017-03-16 13:51:29 -07:00

75 lines
2.9 KiB
Text

<script type="text/javascript" src="<%= root_path %>javascripts/dashboard.js"></script>
<div class= "dashboard clearfix">
<h3 >
<%= t('Dashboard') %>
<span class="beacon">
<span class="ring"></span>
<span class="dot"></span>
</span>
</h3>
<div class="interval-slider ltr">
<span class="interval-slider-label"><%= t('PollingInterval') %>:</span>
<span class="current-interval">5 sec</span>
<br/>
<input type="range" min="2000" max="20000" step="1000" value="5000"/>
</div>
</div>
<div class="row chart">
<div id="realtime" data-processed-label="<%= t('Processed') %>" data-failed-label="<%= t('Failed') %>"></div>
<div id="realtime-legend"></div>
</div>
<div class="row chart">
<h5>
<span class="history-heading"><%= t('History') %></span>
<a href="<%= root_path %>?days=7" class="history-graph <%= "active" if params[:days] == "7" %>"><%= t('OneWeek') %></a>
<a href="<%= root_path %>" class="history-graph <%= "active" if params[:days].nil? || params[:days] == "30" %>"><%= t('OneMonth') %></a>
<a href="<%= root_path %>?days=90" class="history-graph <%= "active" if params[:days] == "90" %>"><%= t('ThreeMonths') %></a>
<a href="<%= root_path %>?days=180" class="history-graph <%= "active" if params[:days] == "180" %>"><%= t('SixMonths') %></a>
</h5>
<div id="history" data-processed-label="<%= t('Processed') %>" data-failed-label="<%= t('Failed') %>" data-processed="<%= h Sidekiq.dump_json(@processed_history) %>" data-failed="<%= h Sidekiq.dump_json(@failed_history) %>" data-update-url="<%= root_path %>stats"></div>
<div id="history-legend"></div>
</div>
<br/>
<h5>Redis</h5>
<div class="redis-wrapper">
<div class="stats-container">
<% if @redis_info.fetch("redis_version", nil) %>
<div class="stat">
<h3 class="redis_version"><%= @redis_info.fetch("redis_version") %></h3>
<p><%= t('Version') %></p>
</div>
<% end %>
<% if @redis_info.fetch("uptime_in_days", nil) %>
<div class="stat">
<h3 class="uptime_in_days"><%= @redis_info.fetch("uptime_in_days") %></h3>
<p><%= t('Uptime') %></p>
</div>
<% end %>
<% if @redis_info.fetch("connected_clients", nil) %>
<div class="stat">
<h3 class="connected_clients"><%= @redis_info.fetch("connected_clients") %></h3>
<p><%= t('Connections') %></p>
</div>
<% end %>
<% if @redis_info.fetch("used_memory_human", nil) %>
<div class="stat">
<h3 class="used_memory_human"><%= @redis_info.fetch("used_memory_human") %></h3>
<p><%= t('MemoryUsage') %></p>
</div>
<% end %>
<% if @redis_info.fetch("used_memory_peak_human", nil) %>
<div class="stat">
<h3 class="used_memory_peak_human"><%= @redis_info.fetch("used_memory_peak_human") %></h3>
<p><%= t('PeakMemoryUsage') %></p>
</div>
<% end %>
</div>
</div>