gauge 0.0.1

data/.gitignore

@@ -0,0 +1,4 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in gauge.gemspec
+gemspec

data/README.md

@@ -0,0 +1,31 @@
+
+## Installation
+
+Add to your project Gemfile
+
+``` ruby
+
+gem 'gauge', git: 'git@github.com:AgilionApps/gauges.git'
+
+```
+
+gauge requires Raphael Javascript library. It is bundled with this Gem in case you don't already use it.
+Just add the following dependencies to your app/assets/javascripts/application.js file
+
+
+``` coffeescript
+
+//= require raphael
+//= require gauge
+
+```
+
+## Usage
+
+To draw a gauge call the gauge erb tag with div, percent, fill and highlight properties like so...
+
+``` erb
+
+<%= gauge div: "my-div", percent: "50", fill: "red", highlight: "blue" %>
+
+```

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/app/views/gauges/_gauge.html.erb

@@ -0,0 +1,2 @@
+<div id="<%= @options[:div] %>">&nbsp;</div>
+<script>new gauge("<%= @options[:div] %>", "<%= @options[:percent] %>", "<%= @options[:fill] %>", "<%= @options[:highlight] %>");</script>

data/gauge.gemspec

@@ -0,0 +1,24 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "gauge/version"
+
+Gem::Specification.new do |s|
+  s.name        = "gauge"
+  s.version     = Gauge::VERSION
+  s.authors     = ["Sean Behan", "Tristan O'neil"]
+  s.email       = ["bseanvt@gmail.com"]
+  s.homepage    = "http://github.com/AgilionApps/gauges.git"
+  s.summary     = %q{Pretty gauges for your Rails app.}
+  s.description = %q{Use this Gem to draw nice looking gauges.}
+
+  s.rubyforge_project = "gauge"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  # specify any dependencies here; for example:
+  # s.add_development_dependency "rspec"
+  # s.add_runtime_dependency "rest-client"
+end

data/lib/gauge/engine.rb

@@ -0,0 +1,6 @@
+module Gauge
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/gauge/gauge_helpers.rb

@@ -0,0 +1,8 @@
+module Gauge
+ module GaugeHelpers
+   def gauge(*options)
+     @options = options.extract_options!
+     render "gauges/gauge"
+   end
+ end
+end

data/lib/gauge/railtie.rb

@@ -0,0 +1,9 @@
+require 'gauge/gauge_helpers'
+
+module Gauge
+  class Railtie < Rails::Railtie
+    initializer "gauges.gauge_helpers" do
+      ActionView::Base.send(:include, Gauge::GaugeHelpers)
+    end
+  end
+end

data/lib/gauge/version.rb

@@ -0,0 +1,3 @@
+module Gauge
+  VERSION = "0.0.1"
+end

data/lib/gauge.rb

@@ -0,0 +1,5 @@
+$:.unshift(File.dirname(__FILE__)+'/../lib/')
+
+require "gauge/version"
+require 'gauge/railtie'
+require 'gauge/engine' if defined?(Rails && Rails::VERSION::MAJOR == 3 && Rails::VERSION::MINOR >=1)

data/vendor/assets/javascripts/gauge.js

@@ -0,0 +1,2 @@
+var arc=function(hPos,vPos,size,startingPoint,endingPoint){var startingPoint=startingPoint*Math.PI/180;var arcCoefficient=endingPoint*Math.PI/180;var endingPoint="M "+hPos+" "+vPos;var startingPoint=" L "+(hPos+size*Math.cos(startingPoint))+" "+(vPos-size*Math.sin(startingPoint));var curve=" A "+[size,size,0,0,1,hPos+size*Math.cos(arcCoefficient),vPos-size*Math.sin(arcCoefficient)].join(" ");return endingPoint+startingPoint+curve}
+var gauge=function(div,percent,fill,highlight){this.canvas=Raphael(div,300,100);this.background=this.canvas.path(arc(80,80,76,-180,0)).attr({"fill":"#f2f2f2","stroke":"none"});this.fill=this.canvas.path(arc(80,80,76,-180,-180*(1+(percent/100)))).attr({"fill":fill,"stroke":"none"});this.indicator=this.canvas.rect(80,80,76,3).attr({"fill":highlight,"stroke":"none"}).rotate(180*(1+(percent/100)),80,80);this.indicator.rotation=180*(1+(percent/100));this.indicatorCircle=this.canvas.circle(80,80,6).attr({"fill":highlight,"stroke":"none"});return{fill:this.fill,indicator:this.indicator,canvas:this.canvas,update:function(percent){this.indicator.rotate(-this.indicator.rotation,80,80).rotate(180*(1+(percent/100)),80,80);this.indicator.rotation=180*(1+(percent/100));this.fill.animate({path:arc(80,80,76,-180,-180*(1+(percent/100)))},300,"elastic").attr({"fill":fill,"stroke":"none"});}}};