bumbleworks-gui 0.0.3

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/.rspec

@@ -0,0 +1,3 @@
+--color
+--format=nested
+--require spec_helper

data/.ruby-version

@@ -0,0 +1 @@
+1.9.3-p484

data/Gemfile

@@ -0,0 +1,5 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in bumbleworks-redis.gemspec
+
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Bumbleworks
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,23 @@
+# Bumbleworks::Gui
+
+A rack-based web GUI (using [Rory](http://github.com/ravigadad/rory)) for your [Bumbleworks](http://github.com/bumbleworks/bumbleworks) instance.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'bumbleworks-gui'
+
+## Usage
+
+There are quite a few ways to use this - the most common, if you're using Bumbleworks in a Rails app, would probably be to mount Bumbleworks::Gui::RackApp at some path in your Rails routing - see the [Rails routing guide](http://guides.rubyonrails.org/routing.html#routing-to-rack-applications) for more info.
+
+Or you can run it standalone using a Rack server - basically, Bumbleworks just needs to be configured, and then you can `run Bumbleworks::Gui::RackApp`.
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,9 @@
+require "bundler/gem_tasks"
+
+require 'rspec/core/rake_task'
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => [:spec]
+
+Rake::TaskManager.record_task_metadata = true

data/bumbleworks-gui.gemspec

@@ -0,0 +1,31 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'bumbleworks/gui/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "bumbleworks-gui"
+  spec.version       = Bumbleworks::Gui::VERSION
+  spec.authors       = ["Ravi Gadad"]
+  spec.email         = ["ravi@renewfund.com"]
+  spec.description   = %q{Bumbleworks web GUI for viewing/administering processes}
+  spec.summary       = %q{This gem enables a Rory application (mountable in your own app)
+                          to make it easier to administer your Bumbleworks instance.}
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_runtime_dependency "bumbleworks", ">= 0.0.73"
+  spec.add_runtime_dependency "rory", ">= 0.3.11"
+
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+  spec.add_development_dependency 'shotgun'
+  spec.add_development_dependency 'rspec'
+  spec.add_development_dependency 'capybara'
+  spec.add_development_dependency 'simplecov'
+end

data/config.ru

@@ -0,0 +1,39 @@
+ENV['RORY_STAGE'] ||= ENV['RACK_ENV'] || 'development'
+
+require 'bumbleworks/gui'
+
+require File.expand_path(File.join('spec', 'fixtures', 'bumbleworks_config.rb'))
+require File.expand_path(File.join('spec', 'support', 'process_testing_helpers.rb'))
+
+Bumbleworks.start_worker!
+
+Widget.truncate!
+WidgetyFidget.truncate!
+
+widget_processes = 20.times.collect do |i|
+  Widget.new(i).launch_process('task_process')
+end
+
+5.times do |i|
+  WidgetyFidget.new(i)
+end
+
+wp = Bumbleworks.launch!('waiting_process')
+
+wait_until { wp.reload.trackers.count == 4 }
+
+widget_processes.first.tasks.each do |t|
+  t.complete
+end
+
+if ENV['MOUNT_AT']
+  app = Rack::Builder.new do
+    map ENV['MOUNT_AT'] do
+      run Bumbleworks::Gui::RackApp
+    end
+  end
+  run app
+else
+  run Bumbleworks::Gui::RackApp
+end
+

data/lib/bumbleworks/gui.rb

@@ -0,0 +1,22 @@
+require "rory"
+require "rack"
+require 'bumbleworks'
+require "bumbleworks/gui/version"
+require "bumbleworks/gui/controllers/application_controller"
+require 'json'
+
+Rufus::Json.detect_backend
+
+module Bumbleworks
+  module Gui
+  end
+end
+
+require_relative "gui/config/application"
+
+Bumbleworks::Gui::RackApp = Rack::Builder.new {
+  run Bumbleworks::Gui::Application.instance
+  map '/assets' do
+    run Rack::File.new(File.join(File.dirname(__FILE__), 'gui', 'assets'))
+  end
+}

data/lib/bumbleworks/gui/assets/css/application.css

@@ -0,0 +1,65 @@
+.sort:hover {
+  background-color: rgb(151, 196, 241);
+}
+.sort:after {
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  content: "";
+  position: relative;
+  top: -10px;
+  right: -5px;
+}
+.sort.asc:after {
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid #000;
+  content: "";
+  position: relative;
+  top: 13px;
+  right: -5px;
+}
+.sort.desc:after {
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-bottom: 5px solid #000;
+  content: "";
+  position: relative;
+  top: -10px;
+  right: -5px;
+}
+
+/* Definition Lists */
+
+dt {
+  font-weight: bold;
+  font-size: 1.2em;
+}
+
+dd {
+  margin: 0px 0px 15px 0px;
+}
+
+/* Colored buttons */
+
+.button-success, .button-error, .button-warning, .button-secondary {
+  color: white;
+  font-size: 0.8em;
+  border-radius: 4px;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.button-success { background: rgb(28, 184, 65); } /* green */
+.button-error { background: rgb(202, 60, 60); } /* red */
+.button-warning { background: rgb(223, 117, 20); } /* orange */
+.button-secondary { background: rgb(66, 184, 221); } /* lt. blue */
+
+.action-button-group {
+  width: 7.5em;
+}

data/lib/bumbleworks/gui/assets/css/ruote-fluo.css

@@ -0,0 +1,62 @@
+
+svg.ruote_fluo {
+  padding: 10px;
+}
+
+svg rect.fluo {
+  fill: none;
+  stroke: black;
+  stroke-width: 1.1px;
+  /*
+  rx: 14;
+  ry: 14;
+  */
+}
+
+svg path.fluo {
+  stroke: black;
+  stroke-width: 0.7px;
+}
+
+svg text {
+  font-family: Helvetica Neue;
+  font-size: 12px;
+  /*
+  fill: blue;
+  */
+}
+svg text.text_exp {
+  font-size: 14px;
+}
+svg text.expname {
+  font-size: 14px;
+  font-weight: 500;
+}
+
+svg rect.fluo_highlight {
+  stroke: #dedede;
+  stroke-width: 3px;
+  fill: none;
+}
+
+p.fluo.expname {
+  margin-bottom: 1em;
+}
+
+svg path.fluo_pin {
+  height: 30px;
+  width: 20px;
+  stroke: black;
+  stroke-width: 0.7px;
+  fill: blue;
+}
+svg text.fluo_pin {
+  font-size: 12px;
+}
+svg path.fluo_pin_workitem {
+  fill: yellow;
+}
+svg path.fluo_pin_error {
+  fill: red;
+}
+

data/lib/bumbleworks/gui/assets/css/side-menu.css

@@ -0,0 +1,203 @@
+body {
+  color: #333;
+}
+
+a {
+  text-decoration: none;
+  color: rgb(61, 146, 201);
+}
+a:hover,
+a:focus {
+  text-decoration: underline;
+}
+
+/* Add transition to containers so they can push in and out. */
+#layout,
+#menu,
+.menu-link {
+  -webkit-transition: all 0.2s ease-out;
+  -moz-transition: all 0.2s ease-out;
+  -ms-transition: all 0.2s ease-out;
+  -o-transition: all 0.2s ease-out;
+  transition: all 0.2s ease-out;
+}
+
+/* This div contains the menu and content divs. */
+#layout {
+  position: relative;
+  padding-left: 0;
+}
+  #layout.active {
+    position: relative;
+    left: 150px;
+  }
+    #layout.active #menu {
+      left: 150px;
+      width: 150px;
+    }
+
+    #layout.active .menu-link {
+      left: 150px;
+    }
+/* The content div is where all your content goes. */
+.content {
+  margin: 0 auto;
+  padding: 0 2em;
+  max-width: 800px;
+  margin-bottom: 50px;
+  line-height: 1.6em;
+}
+
+.header {
+  margin: 0;
+  color: #333;
+  text-align: center;
+  padding: 0.2em 2em 0;
+  border-bottom: 1px solid #eee;
+  margin-bottom: 1em;
+}
+  .header h1 {
+    margin: 0.2em 0;
+    font-size: 3em;
+    font-weight: 300;
+  }
+  .header h2 {
+    font-weight: 300;
+    color: #ccc;
+    padding: 0;
+    margin-top: 0;
+  }
+
+.content-subhead {
+  margin: 50px 0 20px 0;
+  font-weight: 300;
+  color: #888;
+}
+
+/* This div contains the sidebar .pure-menu div. */
+
+#menu {
+  margin-left: -150px; /* "#menu" width */
+  width: 150px;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 1000; /* so the menu or its navicon stays above all content */
+  background: #191818;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+  #menu a {
+    color: #bbb;
+    border: none;
+    padding: 0.6em 0 0.6em 0.6em;
+  }
+
+  #menu .pure-menu,
+  #menu .pure-menu ul {
+    border: none;
+    background: transparent;
+  }
+
+  #menu .pure-menu ul,
+  #menu .pure-menu .menu-item-divided {
+    border-top: 1px solid #333;
+  }
+
+  #menu .pure-menu li a:hover,
+  #menu .pure-menu li a:focus {
+    color: #eee;
+    background: #333;
+  }
+
+  #menu .pure-menu-selected,
+  #menu .pure-menu-heading {
+    background: rgb(61, 146, 201);
+  }
+    #menu .pure-menu-selected a {
+      color: #fff;
+    }
+
+    #menu .pure-menu-heading:hover {
+      background: rgb(71, 166, 221);
+    }
+
+  #menu .pure-menu-heading {
+    font-size: 90%;
+    color: #fff;
+    margin: 0;
+  }
+
+/* The responsive menu toggle for small screens. */
+
+.menu-link {
+  position: fixed;
+  display: block; /* show this only on small screens */
+  top: 0;
+  left: 0; /* "#menu width" */
+  background: #000;
+  background: rgba(0,0,0,0.7);
+  font-size: 9px; /* change this value to increase/decrease button size */
+  z-index: 10;
+  width: 2em;
+  height: auto;
+  padding: 2.1em 1.6em;
+}
+
+  .menu-link:hover,
+  .menu-link:focus {
+    background: #000;
+  }
+
+  .menu-link span {
+    position: relative;
+    display: block;
+  }
+
+  .menu-link span,
+  .menu-link span:before,
+  .menu-link span:after {
+    background-color: #fff;
+    width: 100%;
+    height: 1px;
+  }
+
+  .menu-link span:before,
+  .menu-link span:after {
+      position: absolute;
+      margin-top: -0.6em;
+      content: " ";
+  }
+
+  .menu-link span:after {
+      margin-top: 0.6em;
+  }
+
+/* Media queries */
+/* Hides menu at 48em */
+@media (min-width: 48em) {
+  .header,
+  .content {
+    padding-left: 2em;
+    padding-right: 2em;
+  }
+
+  #layout {
+    padding-left: 150px; /* width of menu */
+    left: 0;
+  }
+  #menu {
+    left: 150px;
+  }
+
+  .menu-link {
+    position: fixed;
+    left: 150px;
+    display: none;
+  }
+
+  #layout.active .menu-link {
+    left: 150px;
+  }
+}