sidekiq 2.6.1 → 2.6.2

data/Changes.md

@@ -1,3 +1,9 @@
+2.6.2
+-----------
+
+- Add Dashboard beacon indicating when stats are updated. [brandonhilkert, #606]
+- Revert issue with capistrano restart. [#598]
+
 2.6.1
 -----------
 

data/lib/sidekiq/capistrano.rb

@@ -2,6 +2,7 @@ Capistrano::Configuration.instance.load do
   before "deploy:update_code", "sidekiq:quiet"
   after "deploy:stop",    "sidekiq:stop"
   after "deploy:start",   "sidekiq:start"
+  after "deploy:restart", "sidekiq:restart"
 
   _cset(:sidekiq_cmd) { "#{fetch(:bundle_cmd, "bundle")} exec sidekiq" }
   _cset(:sidekiqctl_cmd) { "#{fetch(:bundle_cmd, "bundle")} exec sidekiqctl" }

data/lib/sidekiq/version.rb

@@ -1,3 +1,3 @@
 module Sidekiq
-  VERSION = "2.6.1"
+  VERSION = "2.6.2"
 end

data/web/assets/javascripts/dashboard.js

@@ -54,6 +54,7 @@ var realtimeGraph = function(updatePath) {
       Sidekiq.failed = data.failed;
 
       updateStatsSummary(data);
+      pulseBeacon();
     });
     i++;
   }, timeInterval);
@@ -114,6 +115,18 @@ var updateStatsSummary = function(data) {
   $('ul.summary li.enqueued span.count').html(data.enqueued.numberWithDelimiter())
 }
 
+var pulseBeacon = function(){
+  $beacon = $('.beacon')
+  $beacon.find('.dot').addClass('pulse').delay(1000).queue(function(){
+    $(this).removeClass('pulse');
+    $(this).dequeue();
+  });
+  $beacon.find('.ring').addClass('pulse').delay(1000).queue(function(){
+    $(this).removeClass('pulse');
+    $(this).dequeue();
+  });
+}
+
 Number.prototype.numberWithDelimiter = function(delimiter) {
   var number = this + '', delimiter = delimiter || ',';
   var split = number.split('.');

data/web/assets/stylesheets/application.css

@@ -268,6 +268,164 @@ img.smallogo {
   font-size: 0.9em;
 }
 
+.beacon {
+  position: relative;
+  height: 20px;
+  display: inline-block;
+}
+
+.beacon .dot {
+  position: absolute;
+  top: 5px;
+  left: 10px;
+  width: 10px;
+  height: 10px;
+  background-color: #80002d;
+  border-radius: 10px;
+  box-shadow: 0 0 9px #666;
+  -moz-box-shadow: 0 0 9px #666;
+  -webkit-box-shadow: 0 0 9px #666;
+  border: 3px solid transparent;
+  z-index: 10;
+}
+
+.beacon .dot.pulse {
+  -webkit-animation: beacon-dot-pulse 1s ease-out;
+  -moz-animation: beacon-dot-pulse 1s ease-out;
+  animation: beacon-dot-pulse 1s ease-out;
+  -webkit-animation-iteration-count: 1;
+  -moz-animation-iteration-count: 1;
+  animation-iteration-count: 1;
+}
+
+@-webkit-keyframes beacon-dot-pulse {
+  from {
+    background-color: #80002d;
+    -webkit-box-shadow: 0 0 9px #666;
+    -moz-box-shadow: 0 0 9px #666;
+    box-shadow: 0 0 9px #666;
+  }
+  50% {
+    background-color: #c90047;
+    -webkit-box-shadow: 0 0 18px #666;
+    -moz-box-shadow: 0 0 18px #666;
+    box-shadow: 0 0 18px #666;
+  }
+  to {
+    background-color: #80002d;
+    -webkit-box-shadow: 0 0 9px #666;
+    -moz-box-shadow: 0 0 9px #666;
+    box-shadow: 0 0 9px #666;
+  }
+}
+
+@-moz-keyframes beacon-dot-pulse {
+  from {
+    background-color: #80002d;
+    -webkit-box-shadow: 0 0 9px #666;
+    -moz-box-shadow: 0 0 9px #666;
+    box-shadow: 0 0 9px #666;
+  }
+  50% {
+    background-color: #c90047;
+    -webkit-box-shadow: 0 0 18px #666;
+    -moz-box-shadow: 0 0 18px #666;
+    box-shadow: 0 0 18px #666;
+  }
+  to {
+    background-color: #80002d;
+    -webkit-box-shadow: 0 0 9px #666;
+    -moz-box-shadow: 0 0 9px #666;
+    box-shadow: 0 0 9px #666;
+  }
+}
+
+@keyframes beacon-dot-pulse {
+  from {
+    background-color: #80002d;
+    -webkit-box-shadow: 0 0 9px #666;
+    -moz-box-shadow: 0 0 9px #666;
+    box-shadow: 0 0 9px #666;
+  }
+  50% {
+    background-color: #c90047;
+    -webkit-box-shadow: 0 0 18px #666;
+    -moz-box-shadow: 0 0 18px #666;
+    box-shadow: 0 0 18px #666;
+  }
+  to {
+    background-color: #80002d;
+    -webkit-box-shadow: 0 0 9px #666;
+    -moz-box-shadow: 0 0 9px #666;
+    box-shadow: 0 0 9px #666;
+  }
+}
+
+.beacon .ring {
+  position: absolute;
+  top: 7px;
+  left: 12px;
+  width: 0;
+  height: 0;
+  border-radius: 3px;
+  border: 3px solid #80002d;
+  z-index: 5;
+}
+
+.beacon .ring.pulse {
+  -webkit-animation: beacon-ring-pulse 1s;
+  -moz-animation: beacon-ring-pulse 1s;
+  animation: beacon-ring-pulse 1s;
+  -webkit-animation-iteration-count: 1;
+  -moz-animation-iteration-count: 1;
+  animation-iteration-count: 1;
+}
+
+@-webkit-keyframes beacon-ring-pulse {
+  0% {
+      opacity: 1;
+      -webkit-transform: scale(0);
+  }
+  100% {
+      opacity: 0;
+      border-radius: 15px;
+      padding: 8px;
+      top: 0;
+      left: 4px;
+      -webkit-transform: scale(1.5);
+  }
+}
+
+@-moz-keyframes beacon-ring-pulse {
+  0% {
+      opacity: 1;
+      -moz-transform: scale(0);
+  }
+  100% {
+      opacity: 0;
+      border-radius: 15px;
+      padding: 8px;
+      top: 2px;
+      left: 7px;
+      -moz-transform: scale(1.6);
+  }
+}
+
+@keyframes beacon-ring-pulse {
+  0% {
+      opacity: 1;
+      transform: scale(0);
+  }
+  100% {
+      opacity: 0;
+      border-radius: 15px;
+      padding: 8px;
+      top: 0;
+      left: 5px;
+      transform: scale(1.5);
+  }
+}
+
 .history-heading {
   padding-right: 15px;
 }
@@ -343,7 +501,6 @@ img.smallogo {
 }
 
 /* Rickshaw */
-
 .rickshaw_graph .detail {
   pointer-events: none;
   position: absolute;

data/web/views/dashboard.slim

@@ -1,6 +1,10 @@
 script type="text/javascript" src="#{{root_path}}javascripts/dashboard.js"
 
-h3 Dashboard
+h3
+  | Dashboard
+  span.beacon
+    .ring
+    .dot
 
 h5 Real-time
 #realtime

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sidekiq
 version: !ruby/object:Gem::Version
-  version: 2.6.1
+  version: 2.6.2
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-12-31 00:00:00.000000000 Z
+date: 2013-01-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: redis