easy_as_pie 0.1.0

data/vendor/assets/javascripts/jquery.easy-pie-chart.js

@@ -0,0 +1,168 @@
+// Generated by CoffeeScript 1.3.3
+
+/*
+Easy pie chart is a jquery plugin to display simple animated pie charts for only one value
+
+Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+
+Built on top of the jQuery library (http://jquery.com)
+
+@source: http://github.com/rendro/easy-pie-chart/
+@autor: Robert Fleischmann
+@version: 1.0.1
+
+Inspired by: http://dribbble.com/shots/631074-Simple-Pie-Charts-II?list=popular&offset=210
+Thanks to Philip Thrasher for the jquery plugin boilerplate for coffee script
+*/
+
+
+(function() {
+
+  (function($) {
+    $.easyPieChart = function(el, options) {
+      var addScaleLine, animateLine, drawLine, easeInOutQuad, renderBackground, renderScale, renderTrack,
+        _this = this;
+      this.el = el;
+      this.$el = $(el);
+      this.$el.data("easyPieChart", this);
+      this.init = function() {
+        var percent;
+        _this.options = $.extend({}, $.easyPieChart.defaultOptions, options);
+        percent = parseInt(_this.$el.data('percent'), 10);
+        _this.percentage = 0;
+        _this.canvas = $("<canvas width='" + _this.options.size + "' height='" + _this.options.size + "'></canvas>").get(0);
+        _this.$el.append(_this.canvas);
+        if (typeof G_vmlCanvasManager !== "undefined" && G_vmlCanvasManager !== null) {
+          G_vmlCanvasManager.initElement(_this.canvas);
+        }
+        _this.ctx = _this.canvas.getContext('2d');
+        _this.ctx.translate(_this.options.size / 2, _this.options.size / 2);
+        _this.$el.addClass('easyPieChart');
+        _this.$el.css({
+          width: _this.options.size,
+          height: _this.options.size,
+          lineHeight: "" + _this.options.size + "px"
+        });
+        _this.update(percent);
+        return _this;
+      };
+      this.update = function(percent) {
+        if (_this.options.animate === false) {
+          return drawLine(percent);
+        } else {
+          return animateLine(_this.percentage, percent);
+        }
+      };
+      renderScale = function() {
+        var i, _i, _results;
+        _this.ctx.fillStyle = _this.options.scaleColor;
+        _this.ctx.lineWidth = 1;
+        _results = [];
+        for (i = _i = 0; _i <= 24; i = ++_i) {
+          _results.push(addScaleLine(i));
+        }
+        return _results;
+      };
+      addScaleLine = function(i) {
+        var offset;
+        offset = i % 6 === 0 ? 0 : _this.options.size * 0.017;
+        _this.ctx.save();
+        _this.ctx.rotate(i * Math.PI / 12);
+        _this.ctx.fillRect(_this.options.size / 2 - offset, 0, -_this.options.size * 0.05 + offset, 1);
+        return _this.ctx.restore();
+      };
+      renderTrack = function() {
+        var offset;
+        offset = _this.options.size / 2 - _this.options.lineWidth / 2;
+        if (_this.options.scaleColor !== false) {
+          offset -= _this.options.size * 0.08;
+        }
+        _this.ctx.beginPath();
+        _this.ctx.arc(0, 0, offset, 0, Math.PI * 2, true);
+        _this.ctx.closePath();
+        _this.ctx.strokeStyle = _this.options.trackColor;
+        _this.ctx.lineWidth = _this.options.lineWidth;
+        return _this.ctx.stroke();
+      };
+      renderBackground = function() {
+        if (_this.options.scaleColor !== false) {
+          renderScale();
+        }
+        if (_this.options.trackColor !== false) {
+          return renderTrack();
+        }
+      };
+      drawLine = function(percent) {
+        var offset;
+        renderBackground();
+        _this.ctx.strokeStyle = $.isFunction(_this.options.barColor) ? _this.options.barColor(percent) : _this.options.barColor;
+        _this.ctx.lineCap = _this.options.lineCap;
+        offset = _this.options.size / 2 - _this.options.lineWidth / 2;
+        if (_this.options.scaleColor !== false) {
+          offset -= _this.options.size * 0.08;
+        }
+        _this.ctx.save();
+        _this.ctx.rotate(-Math.PI / 2);
+        _this.ctx.beginPath();
+        _this.ctx.arc(0, 0, offset, 0, Math.PI * 2 * percent / 100, false);
+        _this.ctx.stroke();
+        return _this.ctx.restore();
+      };
+      animateLine = function(from, to) {
+        var currentStep, fps, steps;
+        fps = 30;
+        steps = fps * _this.options.animate / 1000;
+        currentStep = 0;
+        _this.options.onStart.call(_this);
+        _this.percentage = to;
+        if (_this.animation) {
+          clearInterval(_this.animation);
+          _this.animation = false;
+        }
+        return _this.animation = setInterval(function() {
+          _this.ctx.clearRect(-_this.options.size / 2, -_this.options.size / 2, _this.options.size, _this.options.size);
+          renderBackground.call(_this);
+          drawLine.call(_this, [easeInOutQuad(currentStep, from, to - from, steps)]);
+          currentStep++;
+          if ((currentStep / steps) > 1) {
+            clearInterval(_this.animation);
+            _this.animation = false;
+            return _this.options.onStop.call(_this);
+          }
+        }, 1000 / fps);
+      };
+      easeInOutQuad = function(t, b, c, d) {
+        t /= d / 2;
+        if (t < 1) {
+          return c / 2 * t * t + b;
+        } else {
+          return -c / 2 * ((--t) * (t - 2) - 1) + b;
+        }
+      };
+      return this.init();
+    };
+    $.easyPieChart.defaultOptions = {
+      barColor: '#ef1e25',
+      trackColor: '#f2f2f2',
+      scaleColor: '#dfe0e0',
+      lineCap: 'round',
+      size: 110,
+      lineWidth: 3,
+      animate: false,
+      onStart: $.noop,
+      onStop: $.noop
+    };
+    $.fn.easyPieChart = function(options) {
+      return $.each(this, function(i, el) {
+        var $el;
+        $el = $(el);
+        if (!$el.data('easyPieChart')) {
+          return $el.data('easyPieChart', new $.easyPieChart(el, options));
+        }
+      });
+    };
+    return void 0;
+  })(jQuery);
+
+}).call(this);

data/vendor/assets/javascripts/jquery.easy-pie-chart.js.coffee

@@ -0,0 +1,152 @@
+###
+Easy pie chart is a jquery plugin to display simple animated pie charts for only one value
+
+Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+
+Built on top of the jQuery library (http://jquery.com)
+
+@source: http://github.com/rendro/easy-pie-chart/
+@autor: Robert Fleischmann
+@version: 1.0.1
+
+Inspired by: http://dribbble.com/shots/631074-Simple-Pie-Charts-II?list=popular&offset=210
+Thanks to Philip Thrasher for the jquery plugin boilerplate for coffee script
+###
+
+(($) ->
+  $.easyPieChart = (el, options) ->
+
+    @el = el
+    @$el = $ el
+    @$el.data "easyPieChart", @
+
+    @init = =>
+      @options = $.extend {}, $.easyPieChart.defaultOptions, options
+
+      #get relevant data
+      percent = parseInt @$el.data('percent'), 10
+      @percentage = 0
+
+      #create canvas element and set the origin to the center
+      @canvas = $("<canvas width='#{@options.size}' height='#{@options.size}'></canvas>").get(0)
+      @$el.append @canvas
+      G_vmlCanvasManager.initElement @canvas if G_vmlCanvasManager?
+      @ctx = @canvas.getContext '2d'
+      @ctx.translate @options.size/2, @options.size/2
+
+      @$el.addClass 'easyPieChart'
+      @$el.css {
+        width: @options.size
+        height: @options.size
+        lineHeight: "#{@options.size}px"
+      }
+
+      @update percent
+      @
+
+    @update = (percent) =>
+      if @options.animate == false
+        drawLine percent
+      else
+        animateLine @percentage, percent
+
+    renderScale = =>
+      @ctx.fillStyle = @options.scaleColor
+      @ctx.lineWidth = 1
+      addScaleLine i for i in [0..24]
+
+    addScaleLine = (i) =>
+      offset = if i%6==0 then 0 else @options.size*0.017
+      @ctx.save()
+      @ctx.rotate i * Math.PI / 12
+      @ctx.fillRect @options.size/2-offset, 0, -@options.size*0.05+offset, 1
+      @ctx.restore()
+
+    renderTrack = =>
+      offset = @options.size/2-@options.lineWidth/2
+      offset -= @options.size*0.08 if @options.scaleColor != false
+
+      @ctx.beginPath()
+      @ctx.arc 0, 0, offset, 0, Math.PI * 2, true
+      @ctx.closePath()
+      @ctx.strokeStyle = @options.trackColor
+      @ctx.lineWidth = @options.lineWidth
+      @ctx.stroke()
+
+    renderBackground = =>
+      do renderScale if @options.scaleColor != false
+      do renderTrack if @options.trackColor != false
+
+    drawLine = (percent) =>
+      do renderBackground
+
+      @ctx.strokeStyle = if $.isFunction @options.barColor  then @options.barColor percent else @options.barColor
+      @ctx.lineCap = @options.lineCap
+
+      offset = @options.size/2-@options.lineWidth/2
+      offset -= @options.size*0.08 if @options.scaleColor != false
+
+      @ctx.save()
+      @ctx.rotate -Math.PI/2
+      @ctx.beginPath()
+      @ctx.arc 0, 0, offset, 0, Math.PI * 2 * percent/100, false
+      @ctx.stroke()
+      @ctx.restore()
+
+    animateLine = (from, to) =>
+      fps = 30
+      steps = fps * @options.animate/1000
+      currentStep = 0
+
+      @options.onStart.call @
+      @percentage = to
+
+      if @animation
+        clearInterval @animation
+        @animation = false
+
+      @animation = setInterval =>
+        @ctx.clearRect -@options.size/2, -@options.size/2, @options.size, @options.size
+        renderBackground.call @
+        drawLine.call @, [easeInOutQuad currentStep, from, to-from, steps]
+
+        currentStep++
+
+        if (currentStep/steps) > 1
+          clearInterval @animation
+          @animation = false
+          @options.onStop.call @
+
+      , 1000/fps
+
+    #t=time;b=beginning value;c=change in value;d=duration
+    easeInOutQuad = (t, b, c, d) ->
+      t /= d/2
+      if ((t) < 1)
+        c/2*t*t + b
+      else
+        -c/2 * ((--t)*(t-2) - 1) + b
+
+    @init()
+
+  $.easyPieChart.defaultOptions =
+    barColor:        '#ef1e25'
+    trackColor:      '#f2f2f2'
+    scaleColor:      '#dfe0e0'
+    lineCap:         'round'
+    size:            110
+    lineWidth:       3
+    animate:         false
+    onStart:         $.noop
+    onStop:          $.noop
+
+  $.fn.easyPieChart = (options) ->
+    $.each @, (i, el) ->
+      $el = ($ el)
+
+      unless $el.data 'easyPieChart'
+        $el.data 'easyPieChart', new $.easyPieChart el, options
+
+  undefined
+)(jQuery)

data/vendor/assets/stylesheets/jquery.easy-pie-chart.css

@@ -0,0 +1,10 @@
+.easyPieChart {
+    position: relative;
+    text-align: center;
+}
+
+.easyPieChart canvas {
+    position: absolute;
+    top: 0;
+    left: 0;
+}

metadata

@@ -0,0 +1,148 @@
+--- !ruby/object:Gem::Specification
+name: easy_as_pie
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+  prerelease: 
+platform: ruby
+authors:
+- Kristian Mandrup
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-08-22 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 2.8.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 2.8.0
+- !ruby/object:Gem::Dependency
+  name: rdoc
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.12'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 1.0.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 1.0.0
+- !ruby/object:Gem::Dependency
+  name: jeweler
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 1.8.4
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 1.8.4
+- !ruby/object:Gem::Dependency
+  name: simplecov
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.5'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.5'
+description: Makes it easy to add Pie charts to Rails 3+ apps
+email: kmandrup@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files:
+- LICENSE.txt
+- README.md
+files:
+- .document
+- .rspec
+- Gemfile
+- Gemfile.lock
+- LICENSE.txt
+- README.md
+- Rakefile
+- VERSION
+- easy_as_pie.gemspec
+- lib/easy_as_pie.rb
+- lib/easy_as_pie/engine.rb
+- lib/easy_as_pie/view_helper.rb
+- spec/easy_as_pie_spec.rb
+- spec/spec_helper.rb
+- vendor/assets/javascripts/excanvas.js
+- vendor/assets/javascripts/jquery.easy-pie-chart.js
+- vendor/assets/javascripts/jquery.easy-pie-chart.js.coffee
+- vendor/assets/stylesheets/jquery.easy-pie-chart.css
+homepage: http://github.com/kristianmandrup/easy_as_pie
+licenses:
+- MIT
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: 169199517746559933
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: Rails asset wrapper for jQuery easy-pie-chart
+test_files: []