hoverboard 0.1.0

data/dev/dev.rb

@@ -0,0 +1,38 @@
+require 'rubygems'
+require 'bundler'
+Bundler.setup
+
+require 'sinatra'
+require 'haml'
+
+require 'pathname'
+require 'pp'
+
+# pull in hoverboard proper
+root = Pathname( Sinatra::Application.root ).parent
+$LOAD_PATH << root+'lib'
+require 'hoverboard'
+
+class Object
+  def tapp(tag=nil)
+    print "#{tag}=" if tag
+    pp self
+    self
+  end
+end
+
+load Hoverboard.gem_root+'pivotal_config.dont_commit.rb'
+
+use Hoverboard::RackApp
+
+helpers do
+  include Hoverboard::Helpers
+end
+
+before do
+  Hoverboard::Assets.rebuild!
+end
+
+get '/' do
+  haml :index
+end

data/dev/javascripts/hoverboard.js.mustache

@@ -0,0 +1,123 @@
+(function($) {
+  $(function() {
+    var bar, popOver, tab, stories, spinner;
+
+    $("body").prepend("<div id='uat-bar'><a class='wua-go' href='#'>Show me what to test</a><div class='wua-pop-over'></div></div>");
+
+    spinner   = $('<img src="{{spinner_uri}}">');
+
+    bar       = $('#uat-bar');
+    popOver   = $(".wua-pop-over"  ,bar);
+    tab       = $("a.wua-go"       ,bar);
+
+    tab.toggle(
+      function() {
+        if (popOver.find("ol").length > 0) {
+          slideOut();
+        } else {
+          var goSpinner = spinner.clone()
+                          .addClass('wua-go-spinner')
+                          .insertAfter(tab)
+                          .fadeIn();
+          
+          $.ajax({
+            url: '/hoverboard',
+            success: function(response) {
+              goSpinner.fadeOut(function() {goSpinner.remove()});
+              popOver.append(response); 
+              stories = popOver.find("ol");
+              slideOut();
+            }
+          });
+        }
+      },
+      function() {
+        slideIn();
+      }
+    );
+
+    function slideOut() {
+      popOver.animate({width: '400px'}, 500, function() {
+        stories.fadeIn(100);
+      });
+      tab.animate({left: '400px'}, 510);
+    }
+
+    function slideIn() {
+      stories.fadeOut(100, function() {
+        tab.animate({left: '0px'}, 490);
+        popOver.animate({width: '0px'}, 510);
+      });
+    }
+
+    
+    $("a.wua-accept", bar).live("click", function() {
+      var acceptLink, storyName, storyId, storySpinner, listItem;
+
+      acceptLink = $(this);
+
+      storyId    = acceptLink.siblings(".wua-story-id").html();
+      storyName  = acceptLink.siblings("span.wua-story");
+      listItem   = acceptLink.parent();
+
+      storySpinner = spinner.clone().insertBefore(storyName).fadeIn();
+
+      $.ajax({
+        method: "POST",
+        url: '/hoverboard/' + storyId + '/accept',
+        success: function(response) {
+          listItem.removeClass("wua-rejected").addClass("wua-accepted");
+          storySpinner.fadeOut(function() {storySpinner.remove()});
+        }
+      });
+
+      return false;
+    });
+
+    $("a.wua-reject", bar).live("click", 
+      function() {
+        var rejectLink, reasonForm;
+
+        rejectLink = $(this);
+
+        reasonForm = rejectLink.siblings("form");
+
+        if (reasonForm.is(':visible')) {
+          reasonForm.slideUp();
+        } else {
+          reasonForm.slideDown();
+        }
+
+        return false;
+      }
+    );
+
+    $("button.wua-reject", bar).live("click", function() {
+      var button, reasonForm, storyName, storyId, spinner, listItem;
+
+      button     = $(this);
+
+      reasonForm = button.parent();
+      storyId    = reasonForm.siblings(".wua-story-id").html();
+      storyName  = reasonForm.siblings("span.wua-story");
+      spinner    = reasonForm.siblings(".wua-spinner");
+      listItem   = reasonForm.parent();
+
+      spinner.fadeIn();
+
+      $.ajax({
+        method: "POST",
+        url: '/hoverboard/' + storyId + '/reject',
+        data: {reason: $(".wua-reason").val()},
+        success: function(response) {
+          listItem.removeClass("wua-accepted").addClass("wua-rejected");
+          reasonForm.slideUp();
+          spinner.fadeOut();
+        }
+      });
+
+      return false;
+    });
+
+  });
+})(jQuery);

data/dev/stylesheets/hoverboard.css.mustache

@@ -0,0 +1,166 @@
+#uat-bar {
+  width: auto;
+	font-size: .9em;
+  text-align: center;
+  position: absolute;
+  top: 30%;
+  left: 0;
+  padding: 0;
+  z-index: 2147483647;
+  font-family: Helvetica, Arial, sans-serif;
+}
+
+#uat-bar a:link, #uat-bar a:visited {
+  color: #efefef;
+  text-decoration: none;
+}
+
+#uat-bar a:active, #uat-bar a:hover, #uat-bar a:focus {
+  color: #fff;
+  text-decoration: underline;
+}
+
+#uat-bar a.wua-go {
+  position: absolute;
+  top: 0;
+  left: 0;
+  font-weight: bold;
+  padding: .5em;
+  display: block;
+  width: 40px;
+  height: 125px;
+  font-size: 0.001em;
+  text-indent: -2000em;
+  background: #212121 url({{logo_uri}}) no-repeat -4px -10px;
+  -moz-border-radius-bottomright: 10px;
+  -webkit-border-bottom-right-radius: 10px;
+  -moz-border-radius-topright: 10px;
+  -webkit-border-top-right-radius: 10px
+}
+
+#uat-bar a.wua-go:hover {
+  background-position: -2px -10px;
+}
+
+#uat-bar .wua-pop-over {
+  min-height: 450px;
+  width: 0;
+  clear: right;
+  background: #212121;
+  color: #efefef;
+  text-align: left;
+  padding: 0 0 .75em 0;
+  -moz-border-radius-bottomright: 10px;
+  -webkit-border-bottom-right-radius: 10px;
+}
+
+#uat-bar .wua-pop-over ol {
+  height: 450px;
+  overflow: auto;
+  list-style: none;
+  margin: 0 0 0;
+  padding: 5px 10px
+}
+
+#uat-bar .wua-pop-over li {
+  padding: .9em .75em .75em 95px;
+  margin-bottom: 5px;
+  position: relative;
+}
+
+#uat-bar .wua-pop-over li.wua-header {font-size: 18px;font-weight:normal;border-bottom: 1px solid #2c2c2c;margin-bottom: 1em;padding-left: 0;}
+
+#uat-bar .wua-pop-over li.wua-rejected {
+  background: #a82a30;
+}
+
+#uat-bar .wua-pop-over li.wua-accepted {
+  background: #9ec74e;
+}
+
+#uat-bar .wua-pop-over li:hover {
+  background-color: #323232;
+  cursor: pointer
+}
+
+#uat-bar .wua-pop-over li.wua-header:hover {background:transparent;}
+
+#uat-bar .wua-hide {
+  display:  none;
+}
+
+#uat-bar input {
+  clear: none;  
+}
+
+#uat-bar .wua-pop-over li a.wua-accept {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display:block;
+  width: 25px;
+  height: 28px;
+  background: url({{accept_uri}}) no-repeat 1px 5px;
+  font-size: 0.001em;
+  text-indent: -20000em;
+}
+
+#uat-bar .wua-pop-over li a.wua-accept:hover {
+  background-position: 1px -24px;
+}
+
+#uat-bar .wua-pop-over li a.wua-reject {
+  position: absolute;
+  top: 0;
+  left: 29px;
+  display:block;
+  width: 25px;
+  height: 30px;
+  background: url({{reject_uri}}) no-repeat 0 8px;
+  font-size: 0.001em;
+  text-indent: -20000em;
+}
+
+#uat-bar .wua-pop-over li a.wua-reject:hover {
+  background-position: 0 -24px;
+}
+
+#uat-bar .wua-pop-over li a.wua-pivotal {
+  position: absolute;
+  top: 0;
+  left: 60px;
+  display:block;
+  width: 25px;
+  height: 30px;
+  background: url({{pt_uri}}) no-repeat 0 10px;
+  font-size: 0.001em;
+  text-indent: -20000em;
+}
+
+#uat-bar .wua-pop-over li a.wua-pivotal:hover {
+  background-position: 0 -22px;
+}
+
+
+#uat-bar label {margin-top: 5px;padding-top:5px;display:block;font-weight:bold;border-top: 1px dashed #2c2c2c;}
+#uat-bar textarea {width: 250px;height: 40px;margin-bottom: 5px;}
+#uat-bar button.wua-reject {
+  display:block;
+  width: 60px;
+  height: 25px;
+  background: url({{btnreject_uri}}) no-repeat 0 0;
+  font-size: 0.001em;
+  text-indent: -20000em;
+  border:none;
+	cursor: pointer;
+}
+
+
+#uat-bar .wua-go-spinner {
+  display: block;
+  position: absolute;
+
+  left: 13px;
+  top: 54px;
+            
+}

data/dev/views/index.haml

@@ -0,0 +1,10 @@
+!!!
+%html
+  %head
+    %title hoverboard dev
+    %script(src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js')
+  %body
+    bodily
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget nisi eget turpis sodales interdum et vel sem. Suspendisse potenti. Nullam convallis lacinia leo at elementum. Quisque mi ante, egestas id accumsan ut, tempor vel erat. Cras placerat sapien non mi cursus egestas. Nulla at odio in ipsum fermentum posuere id sit amet nisi. Phasellus id mi dui, vitae posuere turpis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris bibendum, justo eget adipiscing imperdiet, neque dolor cursus velit, at tristique nunc erat venenatis dui. Integer ut diam velit, vitae tincidunt metus. Integer mattis adipiscing convallis. Aenean dapibus scelerisque nisi et semper. Ut luctus nisl a nulla porttitor a feugiat risus pulvinar. Nam ut quam ut ipsum faucibus auctor tempus ut diam. Donec facilisis, nunc faucibus faucibus congue, metus justo sagittis nibh, vitae mollis nisl eros quis orci. Ut tincidunt, nisl sed vulputate condimentum, sem lectus elementum tortor, eu pharetra enim massa id justo. Donec non libero eget ligula laoreet imperdiet sed sit amet diam.
+
+    = hoverboard

data/hoverboard.gemspec

@@ -0,0 +1,107 @@
+# Generated by jeweler
+# DO NOT EDIT THIS FILE DIRECTLY
+# Instead, edit Jeweler::Tasks in Rakefile, and run 'rake gemspec'
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name = "hoverboard"
+  s.version = "0.1.0"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
+  s.authors = ["Ben Askins", "Lachie Cox", "Ben Webster", "Graham Siener"]
+  s.date = "2012-12-28"
+  s.description = "Adds a toolbar to your rails app that directs your clients to test stories that have been marked as 'delivered' in Pivotal Tracker "
+  s.email = "siener@gmail.com"
+  s.extra_rdoc_files = [
+    "README.md"
+  ]
+  s.files = [
+    ".document",
+    ".travis.yml",
+    "Gemfile",
+    "Gemfile.lock",
+    "MIT.LICENSE",
+    "README.md",
+    "Rakefile",
+    "VERSION",
+    "assets/hoverboard.css",
+    "assets/hoverboard.js",
+    "dev/dev.rb",
+    "dev/images/accept.png",
+    "dev/images/bg-uat.gif",
+    "dev/images/btnreject.png",
+    "dev/images/hoverboard-close.png",
+    "dev/images/hoverboard-open.png",
+    "dev/images/hoverboard.png",
+    "dev/images/pt.png",
+    "dev/images/reject.png",
+    "dev/images/spinner.gif",
+    "dev/images/uat-bg.png",
+    "dev/images/uat-logo.gif",
+    "dev/javascripts/hoverboard.js.mustache",
+    "dev/stylesheets/hoverboard.css.mustache",
+    "dev/views/index.haml",
+    "hoverboard.gemspec",
+    "lib/hoverboard.rb",
+    "lib/hoverboard/assets.rb",
+    "lib/hoverboard/assets/context.rb",
+    "lib/hoverboard/assets/image.rb",
+    "lib/hoverboard/configuration.rb",
+    "lib/hoverboard/helpers.rb",
+    "lib/hoverboard/rack_app.rb",
+    "lib/hoverboard/rails.rb",
+    "lib/hoverboard/railtie.rb",
+    "lib/hoverboard/tasks.rb",
+    "lib/hoverboard/templates/index.haml"
+  ]
+  s.homepage = "http://github.com/gsiener/hoverboard"
+  s.require_paths = ["lib"]
+  s.rubygems_version = "1.8.24"
+  s.summary = "Direct your clients to test delivered features"
+
+  if s.respond_to? :specification_version then
+    s.specification_version = 3
+
+    if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
+      s.add_runtime_dependency(%q<rake>, [">= 0"])
+      s.add_runtime_dependency(%q<haml>, [">= 0"])
+      s.add_runtime_dependency(%q<mustache>, [">= 0"])
+      s.add_runtime_dependency(%q<sinatra>, [">= 0"])
+      s.add_runtime_dependency(%q<shotgun>, [">= 0"])
+      s.add_runtime_dependency(%q<thin>, [">= 0"])
+      s.add_runtime_dependency(%q<json>, [">= 0"])
+      s.add_runtime_dependency(%q<pivotal-tracker>, [">= 0.1.3"])
+      s.add_development_dependency(%q<jeweler>, [">= 0"])
+      s.add_runtime_dependency(%q<pivotal-tracker>, [">= 0.1.3"])
+      s.add_runtime_dependency(%q<haml>, [">= 2.2.0"])
+      s.add_runtime_dependency(%q<rack>, [">= 1.0.0"])
+    else
+      s.add_dependency(%q<rake>, [">= 0"])
+      s.add_dependency(%q<haml>, [">= 0"])
+      s.add_dependency(%q<mustache>, [">= 0"])
+      s.add_dependency(%q<sinatra>, [">= 0"])
+      s.add_dependency(%q<shotgun>, [">= 0"])
+      s.add_dependency(%q<thin>, [">= 0"])
+      s.add_dependency(%q<json>, [">= 0"])
+      s.add_dependency(%q<pivotal-tracker>, [">= 0.1.3"])
+      s.add_dependency(%q<jeweler>, [">= 0"])
+      s.add_dependency(%q<pivotal-tracker>, [">= 0.1.3"])
+      s.add_dependency(%q<haml>, [">= 2.2.0"])
+      s.add_dependency(%q<rack>, [">= 1.0.0"])
+    end
+  else
+    s.add_dependency(%q<rake>, [">= 0"])
+    s.add_dependency(%q<haml>, [">= 0"])
+    s.add_dependency(%q<mustache>, [">= 0"])
+    s.add_dependency(%q<sinatra>, [">= 0"])
+    s.add_dependency(%q<shotgun>, [">= 0"])
+    s.add_dependency(%q<thin>, [">= 0"])
+    s.add_dependency(%q<json>, [">= 0"])
+    s.add_dependency(%q<pivotal-tracker>, [">= 0.1.3"])
+    s.add_dependency(%q<jeweler>, [">= 0"])
+    s.add_dependency(%q<pivotal-tracker>, [">= 0.1.3"])
+    s.add_dependency(%q<haml>, [">= 2.2.0"])
+    s.add_dependency(%q<rack>, [">= 1.0.0"])
+  end
+end
+