glebtv_resque_web 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 99ca3ab15393efd7ec25c2ae8e0c9621924de083
+  data.tar.gz: dbf882ecaddea1630f43914064058bdaa560d0b3
+SHA512:
+  metadata.gz: f22fb9e0545d6eef688fd42eb1630a5b3e979ca5429f6ac221c65706085b6406c8dfb6c5595d14fb6e113c5646b7363aafd971c4ba747de7d00a8f5eb3d97aad
+  data.tar.gz: c94c4a8b50d0a74818d3c9007dae588d3d90436e00b4380e358cdd342b9e9883a0c11dcd168a5974b7309ecad0d76c90df0ee26d9edf902da8084f88926bffc4

data/README.md

@@ -0,0 +1,86 @@
+resque_web
+==========
+[![Gem Version](http://img.shields.io/gem/v/glebtv_resque_web.svg)](https://rubygems.org/gems/glevtv_resque_web)
+[![Build Status](https://img.shields.io/travis/glebtv/resque_web/master.svg)](https://travis-ci.org/glebtv/glebtv-resque-web)
+
+A Rails-based frontend to the [Resque](https://github.com/resque/resque) job
+queue system. This provides a similar interface to the existing Sinatra
+application that comes bundled with Resque, but deploys like a Rails application
+and leverages Rails conventions for factoring things like controllers, helpers,
+and views.
+
+# NOTICE
+Note this is NOT the old sinatra interface that comes with Resque 1-x. This is
+a new project based on rails. If you have any issues with old web server,
+please file an issue on the [resque](https://github.com/resque/resque) project.
+Note that the sinatra web interface will be gone in Resque 2.0 and this is
+meant to be the replacement.
+
+More documentation coming soon!
+
+## Starting
+Resque web is built as a rails engine.
+
+Add it to your gemfile.
+
+```Ruby
+gem 'glebtv_resque_web'
+```
+
+Mount it in your config/routes.rb.
+
+```Ruby
+require "resque_web"
+
+MyApp::Application.routes.draw do
+  mount ResqueWeb::Engine => "/resque_web"
+end
+```
+
+If you need a non-default resque server, use this environment variable.
+
+```
+RAILS_RESQUE_REDIS=123.x.0.456:6712
+```
+## Security
+
+You almost certainly want to limit access when using resque-web in production. Using [routes constraints](http://guides.rubyonrails.org/routing.html#request-based-constraints) is one way to achieve this:
+
+```ruby
+# config/routes.rb
+
+resque_web_constraint = lambda { |request| request.remote_ip == '127.0.0.1' }
+constraints resque_web_constraint do
+  mount ResqueWeb::Engine => "/resque_web"
+end
+
+```
+
+Another example of a route constraint using the current user when using Devise or another warden based authentication system:
+
+```ruby
+# config/routes.rb
+resque_web_constraint = lambda do |request|
+  current_user = request.env['warden'].user
+  current_user.present? && current_user.respond_to?(:is_admin?) && current_user.is_admin?
+end
+
+constraints resque_web_constraint do
+  mount ResqueWeb::Engine => "/resque_web"
+end
+
+```
+
+### HTTP Basic Authentication
+
+HTTP Basic Authentication is supported out of the box. Simply set the environment variables `RESQUE_WEB_HTTP_BASIC_AUTH_USER` and `RESQUE_WEB_HTTP_BASIC_AUTH_PASSWORD` to turn it on. If you're using Resque with Heroku run `heroku config:set RESQUE_WEB_HTTP_BASIC_AUTH_USER=user RESQUE_WEB_HTTP_BASIC_AUTH_PASSWORD=secret` to get ResqueWeb secured.
+
+## Plugins
+
+In the past with the sinatra app it was fairly simple to just monkey-patch the
+server to add more functionality/tabs. With this rails version you have to write
+an engine under a specific namespace. Read more in PLUGINS.md.
+
+## Screenshot
+
+![Screenshot](http://i.imgur.com/LkNgl.png)

data/Rakefile

@@ -0,0 +1,34 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'ResqueWeb'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task :default => :test

data/app/assets/javascripts/resque_web/application.js.coffee

@@ -0,0 +1,5 @@
+#= require jquery
+#= require jquery_ujs
+#= require bootstrap
+#= require_tree .
+

data/app/assets/javascripts/resque_web/bootstrap.js.coffee

@@ -0,0 +1,4 @@
+jQuery ->
+  $("a[rel=popover]").popover()
+  $(".tooltip").tooltip()
+  $("a[rel=tooltip]").tooltip()

data/app/assets/javascripts/resque_web/failure.js.coffee

@@ -0,0 +1,7 @@
+jQuery ->
+  $(".backtrace").click (e) ->
+    e.preventDefault()
+    $(this).next().toggle()
+
+  $("ul.failed li").hover ->
+    $(this).toggleClass "hover"

data/app/assets/javascripts/resque_web/jquery.relative-date.js

@@ -0,0 +1,47 @@
+/**
+ * jQ plugin adapted from 37s' relative date tool
+ * Takes the format of "Jan 15, 2007 15:45:00 GMT" and converts it to a relative time
+ * @see http://37signals.com/svn/posts/1557-javascript-makes-relative-times-compatible-with-caching
+ */
+(function($, window, undefined){
+
+    $.fn.relativeDate = function(opts){
+        var defaults = {
+            dateGetter: function(el){
+                return $(el).text();
+            }
+        },
+        options = $.extend({}, defaults, opts),
+        time_ago_in_words_with_parsing = function(from) {
+            var date = new Date;
+            date.setTime(Date.parse(from));
+            return time_ago_in_words(date);
+        },
+        time_ago_in_words = function(from) {
+            return distance_of_time_in_words(new Date, from);
+        },
+        distance_of_time_in_words = function(to, from) {
+            var distance_in_seconds = ((to - from) / 1000);
+            var distance_in_minutes = Math.floor(distance_in_seconds / 60);
+
+            if (distance_in_minutes == 0) { return 'less than a minute ago'; }
+            if (distance_in_minutes == 1) { return 'a minute ago'; }
+            if (distance_in_minutes < 45) { return distance_in_minutes + ' minutes ago'; }
+            if (distance_in_minutes < 90) { return 'about 1 hour ago'; }
+            if (distance_in_minutes < 1440) { return 'about ' + Math.round(distance_in_minutes / 60) + ' hours ago'; }
+            if (distance_in_minutes < 2880) { return '1 day ago'; }
+            if (distance_in_minutes < 43200) { return Math.floor(distance_in_minutes / 1440) + ' days ago'; }
+            if (distance_in_minutes < 86400) { return 'about 1 month ago'; }
+            if (distance_in_minutes < 525960) { return Math.floor(distance_in_minutes / 43200) + ' months ago'; }
+            if (distance_in_minutes < 1051199) { return 'about 1 year ago'; }
+
+            return 'over ' + Math.floor(distance_in_minutes / 525960) + ' years ago';
+        }
+
+        return $(this).each(function(){
+            date_str = options.dateGetter(this);
+            $(this).html(time_ago_in_words_with_parsing(date_str));
+        });
+    };
+
+})(jQuery, window);

data/app/assets/javascripts/resque_web/polling.js.coffee

@@ -0,0 +1,25 @@
+jQuery ->
+  poll_interval = 2
+
+  poll_start = (el) ->
+    href = el.attr("href")
+    el.parent().text "Starting..."
+    $("#main").addClass "polling"
+    setInterval (->
+      $.ajax
+        dataType: "text"
+        type: "get"
+        url: href
+        success: (data) ->
+          $("#main").html data
+          $("#main .time").relativeDate()
+    ), poll_interval * 1000
+    location.hash = "#poll"
+
+  # auto start if hash is poll
+  poll_start $("a[rel=poll]")  if location.hash == "#poll"
+
+  # start when click on link
+  $("a[rel=poll]").click (e) ->
+    e.preventDefault()
+    poll_start $(this)

data/app/assets/javascripts/resque_web/relative_date.js.coffee

@@ -0,0 +1,27 @@
+jQuery ->
+  relatizer = ->
+    dt = $(this).text()
+    $(this).relativeDate()
+    relatized = $(this).text()
+    if $(this).parents("a").size() > 0 || $(this).is("a")
+      $(this).relativeDate()
+      $(this).attr("title", dt) unless $(this).attr("title")
+    else
+      $(this).html """
+        <a href='#'' class='toggle_format' title='#{dt}'>
+          <span class='date_time'>#{dt}</span>
+          <span class='relatized_time'>#{relatized}</span>
+        </a>
+      """
+
+  format_toggler = (e) ->
+    e.preventDefault()
+    $(".time a.toggle_format span").toggle()
+    $(this).attr "title", $("span:hidden", this).text()
+
+  # changed html when doom is ready
+  $(".time").each relatizer
+  $(".time a.toggle_format .date_time").hide()
+
+  # add event on click in relative time to show date_time
+  $(".time").on "click", "a.toggle_format", format_toggler

data/app/assets/stylesheets/resque_web/application.css.sass

@@ -0,0 +1,295 @@
+@import "bootstrap"
+
+html
+  background: #efefef
+
+body
+  padding-top: 40px
+
+.navbar
+  border-bottom: 5px solid #ce1212
+  min-height: 45px
+  .brand
+    color: white
+
+.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner
+  border-width: 0
+
+.navbar-inverse .nav > .active
+  background: #fa2424
+  /* Old browsers
+  background: -moz-linear-gradient(top, #fa2424 0%, #ce1212 100%)
+  /* FF3.6+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fa2424), color-stop(100%, #ce1212))
+  /* Chrome,Safari4+
+  background: -webkit-linear-gradient(top, #fa2424 0%, #ce1212 100%)
+  /* Chrome10+,Safari5.1+
+  background: -o-linear-gradient(top, #fa2424 0%, #ce1212 100%)
+  /* Opera 11.10+
+  background: -ms-linear-gradient(top, #fa2424 0%, #ce1212 100%)
+  /* IE10+
+  background: linear-gradient(to bottom, #fa2424 0%, #ce1212 100%)
+  /* W3C
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa2424', endColorstr='#ce1212',GradientType=0 )
+  /* IE6-8
+
+.navbar-toggle
+  margin-top: 3px
+  margin-bottom: 3px
+
+.navbar-nav > li > a
+  padding-top: 11px
+  padding-bottom: 11px
+
+.navbar .nav > .active > a
+  background: none
+  &:hover, &:focus
+    background: none
+
+.navbar-brand
+  padding: 11px 15px
+  height: 40px
+
+.container h1
+  color: #ce1212
+  font-size: 24px
+
+.label-info[href], .badge-info[href]
+  background-color: #3A87AD
+
+.logo
+  float: left
+  margin: 2px 5px
+  width: 36px
+  height: 36px
+
+/* The remaining CSS rules come from the legacy Resque application
+
+.subnav
+  padding: 8px 10px 7px 10px
+  background: #ce1212
+  font-size: 90%
+  li
+    display: inline
+    line-height: 16px
+    a
+      color: #fff
+      text-decoration: none
+      margin: 3px
+      display: inline-block
+      background: #dd5b5b
+      padding: 5px
+      -webkit-border-radius: 3px
+      -moz-border-radius: 3px
+    &.current a
+      background: #fff
+      font-weight: bold
+      color: #ce1212
+    a:active
+      background: #b00909
+
+.container
+  span.hl
+    background: #efefef
+    padding: 2px
+  h2
+    margin: 10px 0
+    font-size: 130%
+  table tr
+    th
+      background: #efefef
+      color: #888
+      font-size: 15px
+      font-weight: bold
+      min-width: 16px
+    td.no-data
+      text-align: center
+      padding: 40px 0
+      color: #999
+      font-style: italic
+      font-size: 130%
+  p
+    margin: 5px 0
+    &.intro
+      margin-bottom: 15px
+      font-size: 85%
+      color: #999
+      margin-top: 0
+      line-height: 1.3
+  h1.wi
+    margin-bottom: 5px
+  p.sub
+    font-size: 95%
+    color: #999
+  table
+    &.queues
+      width: 40%
+      td.queue
+        font-weight: bold
+        width: 50%
+      tr.failure td
+        background: #ffecec
+        color: #d37474
+        a
+          color: #d37474
+      td.failure .badge a
+        color: white
+      tr.first_failure td
+        border-top: 2px solid #d37474
+    &.jobs td
+      &.class
+        font-family: Monaco, "Courier New", monospace
+        font-size: 90%
+        width: 50%
+      &.args
+        width: 50%
+    &.workers td
+      &.icon
+        width: 1%
+        background: #efefef
+        text-align: center
+        img
+          height: 16px
+          width: 16px
+      &.where
+        width: 25%
+      &.queues
+        width: 35%
+        &.queue
+          width: 10%
+      &.process
+        width: 35%
+        span.waiting
+          color: #999
+          font-size: 90%
+        small
+          font-size: 80%
+          margin-left: 5px
+        code
+          font-family: Monaco, "Courier New", monospace
+          font-size: 90%
+        small a
+          color: #999
+  &.polling table.workers tr.working td
+    background: #f4ffe4
+    color: #7ac312
+    &.where a
+      color: #7ac312
+    &.process code
+      font-weight: bold
+  table.stats th
+    font-size: 100%
+    width: 40%
+    color: #000
+  hr
+    border: 0
+    border-top: 5px solid #efefef
+    margin: 15px 0
+
+#footer
+  padding: 10px 5%
+  background: #efefef
+  color: #999
+  font-size: 85%
+  line-height: 1.5
+  border-top: 5px solid #ccc
+  padding-top: 10px
+  p a
+    color: #999
+
+.container
+  p.poll
+    background: url(image-url("resque_web/poll.png")) no-repeat 0 2px
+    padding: 3px 0
+    padding-left: 23px
+    float: right
+    font-size: 85%
+  ul.failed
+    margin-top: 20px
+    li
+      background: #efefef
+      /* Old browsers
+      background: -moz-linear-gradient(top, #efefef 0%, white 100%)
+      /* FF3.6+
+      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, white))
+      /* Chrome,Safari4+
+      background: -webkit-linear-gradient(top, #efefef 0%, white 100%)
+      /* Chrome10+,Safari5.1+
+      background: -o-linear-gradient(top, #efefef 0%, white 100%)
+      /* Opera 11.10+
+      background: -ms-linear-gradient(top, #efefef 0%, white 100%)
+      /* IE10+
+      background: linear-gradient(to bottom, #efefef 0%, white 100%)
+      /* W3C
+      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#fff',GradientType=0 )
+      /* IE6-8
+      margin-top: 10px
+      padding: 10px
+      overflow: hidden
+      border: 1px solid #ccc
+      -webkit-border-radius: 5px
+      -moz-border-radius: 5px
+      border-radius: 5px
+      dl
+        dt
+          font-size: 80%
+          color: #999
+          width: 60px
+          float: left
+          padding-top: 1px
+          text-align: right
+        dd
+          margin-bottom: 10px
+          margin-left: 70px
+          .retried
+            float: right
+            text-align: right
+            .remove
+              display: none
+              margin-top: 8px
+      &.hover dl dd .retried .remove
+        display: block
+      dl dd .controls
+        display: none
+        float: right
+      &.hover dl dd .controls
+        display: block
+      dl dd
+        code, pre
+          font-family: Monaco, "Courier New", monospace
+          font-size: 90%
+          white-space: pre-wrap
+        &.error
+          a
+            font-family: Monaco, "Courier New", monospace
+            font-size: 90%
+          pre
+            margin-top: 3px
+            line-height: 1.3
+  p.pagination
+    background: #efefef
+    padding: 10px
+    overflow: hidden
+    a
+      &.less
+        float: left
+      &.more
+        float: right
+  form
+    float: right
+    margin-top: -10px
+    margin-left: 10px
+  .time a.toggle_format
+    text-decoration: none
+
+#failed
+  tr.total td
+    background-color: #FFECEC
+    color: #D37474
+    font-size: 15px
+    font-weight: bold
+  .center
+    text-align: center
+  .failed_class
+    padding-left: 20px
+    font-size: 12px