Contents

<style>
  .queue_metrics {
    margin-right: 3.3%;
    float: left;
    width: 30%;
  }

  .heading {
    display: block;
    font-size: 1em;
    font-weight: bold;
  }

  .processed_count {
    color: rgba(35, 130, 13, 0.9);
    font-size: 1.1em;
    font-weight: bold;
  }

  .animate_processed {
    animation:blinking_processed_text 0.5s 1;
  }

  .animate_failed {
    animation:blinking_failed_text 0.5s 1;
  }

  @keyframes blinking_processed_text{
    0%{background-color: transparent;}
    50%{background-color: rgba(35, 130, 13, 0.9);}
    100%{background-color: transparent;}
  }

  @keyframes blinking_failed_text{
    0%{background-color: transparent;}
    50%{background-color: rgba(158, 19, 19, 0.96);}
    100%{background-color: transparent;}
  }

  .failed_count {
    color: rgba(158, 19, 19, 0.96);
    font-size: 1.1em;
    font-weight: bold;
  }

  .center {
    text-align: center;
  }
</style>

<header class="row">
  <div class="col-sm-10">
    <h3>Queue Metrics</h3>
  </div>
</header>

<% @queue_metrics.each do |queue, metrics| %>
  <table class="table table-striped table-bordered table-white queue_metrics">
    <thead>
    <tr>
      <th>
        <a href="<%= "/sidekiq/queue_metrics/queues/#{queue}/summary" %>">
          <span class="heading"><%= queue %></span>
        </a>
      </th>
      <th style="width: 30%" class="center"><span class="heading">Count</span></th>
    </tr>
    </thead>
    <% metrics.each do |metric_name, detail| %>
      <tr>
        <td><%= metric_name.split('_').map(&:capitalize).join(' ') %></td>
        <td class="center"><span class="<%= metric_name %>_count <%= detail['animate'] ? "animate_#{metric_name}" : "" %>"><%= detail['count'] %></span></td>
      </tr>
    <% end %>
  </table>
<% end %>

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
sidekiq_queue_metrics-2.1.1	lib/sidekiq_queue_metrics/views/queues_stats.erb
sidekiq_queue_metrics-2.1	lib/sidekiq_queue_metrics/views/queues_stats.erb