volt-easypiechart 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 74cf2018159bc9d46b3401860c447d400a7a90af
+  data.tar.gz: 54da1607ed4fd0ddf822bca18fb8803a7c4bd0d5
+SHA512:
+  metadata.gz: 590a59541310a639649d85b1a33852fec585ad8348c7c9d49df02540654703b4b3022a94d346664cbfd63da343ac3b42ab4302a21117bea2ef28609d4de0c3a7
+  data.tar.gz: 378611569f2a4466dbe8f54abe8bb1da1fc03535be0fe4261bea7c125b4f6dff8b7ec771e472be5562abb668e1ca6e6574a46757260a2f3e4750649d0f336158

data/.gitignore

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

data/.rspec

@@ -0,0 +1,2 @@
+--format documentation
+--color

data/CODE_OF_CONDUCT.md

@@ -0,0 +1,13 @@
+# Contributor Code of Conduct
+
+As contributors and maintainers of this project, we pledge to respect all people who contribute through reporting issues, posting feature requests, updating documentation, submitting pull requests or patches, and other activities.
+
+We are committed to making participation in this project a harassment-free experience for everyone, regardless of level of experience, gender, gender identity and expression, sexual orientation, disability, personal appearance, body size, race, ethnicity, age, or religion.
+
+Examples of unacceptable behavior by participants include the use of sexual language or imagery, derogatory comments or personal attacks, trolling, public or private harassment, insults, or other unprofessional conduct.
+
+Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct. Project maintainers who do not follow the Code of Conduct may be removed from the project team.
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by opening an issue or contacting one or more of the project maintainers.
+
+This Code of Conduct is adapted from the [Contributor Covenant](http://contributor-covenant.org), version 1.0.0, available at [http://contributor-covenant.org/version/1/0/0/](http://contributor-covenant.org/version/1/0/0/)

data/Gemfile

@@ -0,0 +1,15 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in volt-easypiechart.gemspec
+gemspec
+
+# Optional Gems for testing/dev
+
+# The implementation of ReadWriteLock in Volt uses concurrent ruby and ext helps performance.
+gem 'concurrent-ruby-ext', '~> 0.8.0'
+
+# For mongo (optional)
+gem 'bson_ext', '~> 1.9.0'
+
+# Gems you use for development should be added to the gemspec file as
+# development dependencies.

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2015 Matt Hale
+
+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,67 @@
+# Volt::Easypiechart
+
+A simple Volt component to use the [EasyPieChart](http://rendro.github.io/easy-pie-chart/) JS library.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'volt-easypiechart'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install volt-easypiechart
+
+## Usage
+
+Doing something like this in your template:
+
+```
+<:easypiechart percent="{{ page._percent }}"
+  classes="sub-pie-1"
+  pie-title="Bounce Rate"
+  options='{"size": 95, "trackColor": "#eee", "scaleColor": "#ccc", "barColor": "#2196F3", "lineWidth": 4,
+  "lineCap": "butt"}'/>
+```
+
+will produce something like this in your final output:
+```
+<div id="id10089" class="easy-pie sub-pie-1" data-percent="54">
+    <div class="percent"><!-- $10090 -->54<!-- $/10090 --></div>
+    <!-- $10091 -->
+      <div class="pie-title"><!-- $10092 -->Bounce Rate<!-- $/10092 --></div>
+    <!-- $/10091 -->
+  <canvas height="95" width="95"></canvas>
+</div>
+```
+
+See the EasyPieChart [repo](https://github.com/rendro/easy-pie-chart) for a full reference on usage. Here are the options available for quick reference:
+
+Property (Type) | Default | Description
+-------- | --------- | ----------
+ **barColor** | #ef1e25 | The color of the curcular bar. You can either pass a valid css color string, or a function that takes the current percentage as a value and returns a valid css color string.
+**trackColor** | #f2f2f2 | The color of the track, or false to disable rendering. |
+**scaleColor** | #dfe0e0 | The color of the scale lines, false to disable rendering. |
+**scaleLength** | 5 | Length of the scale lines (reduces the radius of the chart). |
+**lineCap** | round | Defines how the ending of the bar line looks like. Possible values are: `butt`, `round` and `square`. |
+**lineWidth** | 3 | Width of the chart line in px. |
+**size** | 110 | Size of the pie chart in px. It will always be a square. |
+**rotate** | 0 | Rotation of the complete chart in degrees. |
+**animate** | object | Object with time in milliseconds and boolean for an animation of the bar growing (`{ duration: 1000, enabled: true }`), or false to deactivate animations. |
+**easing** | defaultEasing | Easing function or string with the name of a [jQuery easing function](http://gsgd.co.uk/sandbox/jquery/easing/) |
+
+
+## Contributing
+
+1. Fork it ( http://github.com/matthew342/volt-easypiechart/fork )
+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
+
+## Attribution
+EasyPieChart is copyright 2015 Robert Fleischmann, contributors. Find it on [Github](https://github.com/rendro/easy-pie-chart).

data/Rakefile

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

data/app/easypiechart/assets/js/jquery.easypiechart.js

@@ -0,0 +1,364 @@
+/**!
+ * easy-pie-chart
+ * Lightweight plugin to render simple, animated and retina optimized pie charts
+ *
+ * @license 
+ * @author Robert Fleischmann <rendro87@gmail.com> (http://robert-fleischmann.de)
+ * @version 2.1.7
+ **/
+
+(function (root, factory) {
+  if (typeof define === 'function' && define.amd) {
+    // AMD. Register as an anonymous module unless amdModuleId is set
+    define(["jquery"], function (a0) {
+      return (factory(a0));
+    });
+  } else if (typeof exports === 'object') {
+    // Node. Does not work with strict CommonJS, but
+    // only CommonJS-like environments that support module.exports,
+    // like Node.
+    module.exports = factory(require("jquery"));
+  } else {
+    factory(jQuery);
+  }
+}(this, function ($) {
+
+/**
+ * Renderer to render the chart on a canvas object
+ * @param {DOMElement} el      DOM element to host the canvas (root of the plugin)
+ * @param {object}     options options object of the plugin
+ */
+var CanvasRenderer = function(el, options) {
+	var cachedBackground;
+	var canvas = document.createElement('canvas');
+
+	el.appendChild(canvas);
+
+	if (typeof(G_vmlCanvasManager) === 'object') {
+		G_vmlCanvasManager.initElement(canvas);
+	}
+
+	var ctx = canvas.getContext('2d');
+
+	canvas.width = canvas.height = options.size;
+
+	// canvas on retina devices
+	var scaleBy = 1;
+	if (window.devicePixelRatio > 1) {
+		scaleBy = window.devicePixelRatio;
+		canvas.style.width = canvas.style.height = [options.size, 'px'].join('');
+		canvas.width = canvas.height = options.size * scaleBy;
+		ctx.scale(scaleBy, scaleBy);
+	}
+
+	// move 0,0 coordinates to the center
+	ctx.translate(options.size / 2, options.size / 2);
+
+	// rotate canvas -90deg
+	ctx.rotate((-1 / 2 + options.rotate / 180) * Math.PI);
+
+	var radius = (options.size - options.lineWidth) / 2;
+	if (options.scaleColor && options.scaleLength) {
+		radius -= options.scaleLength + 2; // 2 is the distance between scale and bar
+	}
+
+	// IE polyfill for Date
+	Date.now = Date.now || function() {
+		return +(new Date());
+	};
+
+	/**
+	 * Draw a circle around the center of the canvas
+	 * @param {strong} color     Valid CSS color string
+	 * @param {number} lineWidth Width of the line in px
+	 * @param {number} percent   Percentage to draw (float between -1 and 1)
+	 */
+	var drawCircle = function(color, lineWidth, percent) {
+		percent = Math.min(Math.max(-1, percent || 0), 1);
+		var isNegative = percent <= 0 ? true : false;
+
+		ctx.beginPath();
+		ctx.arc(0, 0, radius, 0, Math.PI * 2 * percent, isNegative);
+
+		ctx.strokeStyle = color;
+		ctx.lineWidth = lineWidth;
+
+		ctx.stroke();
+	};
+
+	/**
+	 * Draw the scale of the chart
+	 */
+	var drawScale = function() {
+		var offset;
+		var length;
+
+		ctx.lineWidth = 1;
+		ctx.fillStyle = options.scaleColor;
+
+		ctx.save();
+		for (var i = 24; i > 0; --i) {
+			if (i % 6 === 0) {
+				length = options.scaleLength;
+				offset = 0;
+			} else {
+				length = options.scaleLength * 0.6;
+				offset = options.scaleLength - length;
+			}
+			ctx.fillRect(-options.size/2 + offset, 0, length, 1);
+			ctx.rotate(Math.PI / 12);
+		}
+		ctx.restore();
+	};
+
+	/**
+	 * Request animation frame wrapper with polyfill
+	 * @return {function} Request animation frame method or timeout fallback
+	 */
+	var reqAnimationFrame = (function() {
+		return  window.requestAnimationFrame ||
+				window.webkitRequestAnimationFrame ||
+				window.mozRequestAnimationFrame ||
+				function(callback) {
+					window.setTimeout(callback, 1000 / 60);
+				};
+	}());
+
+	/**
+	 * Draw the background of the plugin including the scale and the track
+	 */
+	var drawBackground = function() {
+		if(options.scaleColor) drawScale();
+		if(options.trackColor) drawCircle(options.trackColor, options.trackWidth || options.lineWidth, 1);
+	};
+
+  /**
+    * Canvas accessor
+   */
+  this.getCanvas = function() {
+    return canvas;
+  };
+
+  /**
+    * Canvas 2D context 'ctx' accessor
+   */
+  this.getCtx = function() {
+    return ctx;
+  };
+
+	/**
+	 * Clear the complete canvas
+	 */
+	this.clear = function() {
+		ctx.clearRect(options.size / -2, options.size / -2, options.size, options.size);
+	};
+
+	/**
+	 * Draw the complete chart
+	 * @param {number} percent Percent shown by the chart between -100 and 100
+	 */
+	this.draw = function(percent) {
+		// do we need to render a background
+		if (!!options.scaleColor || !!options.trackColor) {
+			// getImageData and putImageData are supported
+			if (ctx.getImageData && ctx.putImageData) {
+				if (!cachedBackground) {
+					drawBackground();
+					cachedBackground = ctx.getImageData(0, 0, options.size * scaleBy, options.size * scaleBy);
+				} else {
+					ctx.putImageData(cachedBackground, 0, 0);
+				}
+			} else {
+				this.clear();
+				drawBackground();
+			}
+		} else {
+			this.clear();
+		}
+
+		ctx.lineCap = options.lineCap;
+
+		// if barcolor is a function execute it and pass the percent as a value
+		var color;
+		if (typeof(options.barColor) === 'function') {
+			color = options.barColor(percent);
+		} else {
+			color = options.barColor;
+		}
+
+		// draw bar
+		drawCircle(color, options.lineWidth, percent / 100);
+	}.bind(this);
+
+	/**
+	 * Animate from some percent to some other percentage
+	 * @param {number} from Starting percentage
+	 * @param {number} to   Final percentage
+	 */
+	this.animate = function(from, to) {
+		var startTime = Date.now();
+		options.onStart(from, to);
+		var animation = function() {
+			var process = Math.min(Date.now() - startTime, options.animate.duration);
+			var currentValue = options.easing(this, process, from, to - from, options.animate.duration);
+			this.draw(currentValue);
+			options.onStep(from, to, currentValue);
+			if (process >= options.animate.duration) {
+				options.onStop(from, to);
+			} else {
+				reqAnimationFrame(animation);
+			}
+		}.bind(this);
+
+		reqAnimationFrame(animation);
+	}.bind(this);
+};
+
+var EasyPieChart = function(el, opts) {
+	var defaultOptions = {
+		barColor: '#ef1e25',
+		trackColor: '#f9f9f9',
+		scaleColor: '#dfe0e0',
+		scaleLength: 5,
+		lineCap: 'round',
+		lineWidth: 3,
+		trackWidth: undefined,
+		size: 110,
+		rotate: 0,
+		animate: {
+			duration: 1000,
+			enabled: true
+		},
+		easing: function (x, t, b, c, d) { // more can be found here: http://gsgd.co.uk/sandbox/jquery/easing/
+			t = t / (d/2);
+			if (t < 1) {
+				return c / 2 * t * t + b;
+			}
+			return -c/2 * ((--t)*(t-2) - 1) + b;
+		},
+		onStart: function(from, to) {
+			return;
+		},
+		onStep: function(from, to, currentValue) {
+			return;
+		},
+		onStop: function(from, to) {
+			return;
+		}
+	};
+
+	// detect present renderer
+	if (typeof(CanvasRenderer) !== 'undefined') {
+		defaultOptions.renderer = CanvasRenderer;
+	} else if (typeof(SVGRenderer) !== 'undefined') {
+		defaultOptions.renderer = SVGRenderer;
+	} else {
+		throw new Error('Please load either the SVG- or the CanvasRenderer');
+	}
+
+	var options = {};
+	var currentValue = 0;
+
+	/**
+	 * Initialize the plugin by creating the options object and initialize rendering
+	 */
+	var init = function() {
+		this.el = el;
+		this.options = options;
+
+		// merge user options into default options
+		for (var i in defaultOptions) {
+			if (defaultOptions.hasOwnProperty(i)) {
+				options[i] = opts && typeof(opts[i]) !== 'undefined' ? opts[i] : defaultOptions[i];
+				if (typeof(options[i]) === 'function') {
+					options[i] = options[i].bind(this);
+				}
+			}
+		}
+
+		// check for jQuery easing
+		if (typeof(options.easing) === 'string' && typeof(jQuery) !== 'undefined' && jQuery.isFunction(jQuery.easing[options.easing])) {
+			options.easing = jQuery.easing[options.easing];
+		} else {
+			options.easing = defaultOptions.easing;
+		}
+
+		// process earlier animate option to avoid bc breaks
+		if (typeof(options.animate) === 'number') {
+			options.animate = {
+				duration: options.animate,
+				enabled: true
+			};
+		}
+
+		if (typeof(options.animate) === 'boolean' && !options.animate) {
+			options.animate = {
+				duration: 1000,
+				enabled: options.animate
+			};
+		}
+
+		// create renderer
+		this.renderer = new options.renderer(el, options);
+
+		// initial draw
+		this.renderer.draw(currentValue);
+
+		// initial update
+		if (el.dataset && el.dataset.percent) {
+			this.update(parseFloat(el.dataset.percent));
+		} else if (el.getAttribute && el.getAttribute('data-percent')) {
+			this.update(parseFloat(el.getAttribute('data-percent')));
+		}
+	}.bind(this);
+
+	/**
+	 * Update the value of the chart
+	 * @param  {number} newValue Number between 0 and 100
+	 * @return {object}          Instance of the plugin for method chaining
+	 */
+	this.update = function(newValue) {
+		newValue = parseFloat(newValue);
+		if (options.animate.enabled) {
+			this.renderer.animate(currentValue, newValue);
+		} else {
+			this.renderer.draw(newValue);
+		}
+		currentValue = newValue;
+		return this;
+	}.bind(this);
+
+	/**
+	 * Disable animation
+	 * @return {object} Instance of the plugin for method chaining
+	 */
+	this.disableAnimation = function() {
+		options.animate.enabled = false;
+		return this;
+	};
+
+	/**
+	 * Enable animation
+	 * @return {object} Instance of the plugin for method chaining
+	 */
+	this.enableAnimation = function() {
+		options.animate.enabled = true;
+		return this;
+	};
+
+	init();
+};
+
+$.fn.easyPieChart = function(options) {
+	return this.each(function() {
+		var instanceOptions;
+
+		if (!$.data(this, 'easyPieChart')) {
+			instanceOptions = $.extend({}, options, $(this).data());
+			$.data(this, 'easyPieChart', new EasyPieChart(this, instanceOptions));
+		}
+	});
+};
+
+
+}));

data/app/easypiechart/config/dependencies.rb

@@ -0,0 +1 @@
+# Component dependencies

data/app/easypiechart/config/initializers/boot.rb

@@ -0,0 +1,10 @@
+# Place any code you want to run when the component is included on the client
+# or server.
+
+# To include code only on the client use:
+# if RUBY_PLATFORM == 'opal'
+#
+# To include code only on the server, use:
+# unless RUBY_PLATFORM == 'opal'
+# ^^ this will not send compile in code in the conditional to the client.
+# ^^ this include code required in the conditional.

data/app/easypiechart/config/routes.rb

@@ -0,0 +1 @@
+# Component routes

data/app/easypiechart/controllers/main_controller.rb

@@ -0,0 +1,35 @@
+module Easypiechart
+  class MainController < Volt::ModelController
+
+    def index_ready
+      @watches = []
+      @elem = `$("#" + #{first_element}.id)`
+      if @elem
+        if attrs.options
+          begin
+            JSON.parse(attrs.options).each do |option, value|
+              `#{@elem}.data(#{option}, #{value})`
+            end
+          rescue Object => e
+            Volt.logger.error "'options' attribute passed to EasyPieChart must be a string that is valid, parsable JSON. Error was #{e}"
+          end
+        end
+        `#{@elem}.easyPieChart();`
+        @watches << -> { update_value(attrs.percent) }.watch!
+      end
+    end
+
+    def update_value
+      if @elem
+        `#{@elem}.data('easyPieChart').update(#{attrs.percent})`
+      end
+    end
+
+    def before_index_remove
+      @watches.each do |watch|
+        watch.stop
+      end
+    end
+
+  end
+end

data/app/easypiechart/views/main/index.html

@@ -0,0 +1,7 @@
+<:Body>
+  <div class="easy-pie {{ attrs.classes }}" data-percent="{{ attrs.percent }}">
+    <div class="percent">{{ attrs.percent }}</div>
+    {{ if attrs.pie_title }}
+      <div class="pie-title">{{ attrs.pie_title }}</div>
+    {{ end }}
+  </div>

data/lib/volt/easypiechart/version.rb

@@ -0,0 +1,5 @@
+module Volt
+  module Easypiechart
+    VERSION = "0.1.0"
+  end
+end

data/lib/volt/easypiechart.rb

@@ -0,0 +1,18 @@
+# If you need to require in code in the gem's app folder, keep in mind that
+# the app is not on the load path when the gem is required.  Use
+# app/{gemname}/config/initializers/boot.rb to require in client or server
+# code.
+#
+# Also, in volt apps, you typically use the lib folder in the
+# app/{componentname} folder instead of this lib folder.  This lib folder is
+# for setting up gem code when Bundler.require is called. (or the gem is
+# required.)
+#
+# If you need to configure volt in some way, you can add a Volt.configure block
+# in this file.
+
+module Volt
+  module Easypiechart
+    # Your code goes here...
+  end
+end

data/spec/dummy/.gitignore

@@ -0,0 +1,9 @@
+.bundle
+.config
+.yardoc
+tmp
+.idea
+.yardoc
+.sass-cache
+.DS_Store
+compiled

data/spec/dummy/README.md

@@ -0,0 +1,4 @@
+# Place your app's docs here.
+
+## New to Volt?
+Be sure to read the volt docs at http://docs.voltframework.com

data/spec/dummy/app/main/assets/css/app.css.scss

@@ -0,0 +1 @@
+// Place your apps css here

data/spec/dummy/app/main/config/dependencies.rb

@@ -0,0 +1,11 @@
+# Specify which components you wish to include when
+# the "home" component loads.
+
+# bootstrap css framework
+component 'bootstrap'
+
+# a default theme for the bootstrap framework
+component 'bootstrap_jumbotron_theme'
+
+# provides templates for login, signup, and logout
+component 'user_templates'

data/spec/dummy/app/main/config/initializers/boot.rb

@@ -0,0 +1,10 @@
+# Place any code you want to run when the component is included on the client
+# or server.
+
+# To include code only on the client use:
+# if RUBY_PLATFORM == 'opal'
+#
+# To include code only on the server, use:
+# unless RUBY_PLATFORM == 'opal'
+# ^^ this will not send compile in code in the conditional to the client.
+# ^^ this include code required in the conditional.

data/spec/dummy/app/main/config/routes.rb

@@ -0,0 +1,14 @@
+# See https://github.com/voltrb/volt#routes for more info on routes
+
+client '/about', action: 'about'
+
+# Routes for login and signup, provided by user_templates component gem
+client '/signup', component: 'user_templates', controller: 'signup'
+client '/login', component: 'user_templates', controller: 'login', action: 'index'
+client '/password_reset', component: 'user_templates', controller: 'password_reset', action: 'index'
+client '/forgot', component: 'user_templates', controller: 'login', action: 'forgot'
+client '/account', component: 'user_templates', controller: 'account', action: 'index'
+
+# The main route, this should be last. It will match any params not
+# previously matched.
+client '/', {}

data/spec/dummy/app/main/controllers/main_controller.rb

@@ -0,0 +1,27 @@
+# By default Volt generates this controller for your Main component
+module Main
+  class MainController < Volt::ModelController
+    def index
+      # Add code for when the index view is loaded
+    end
+
+    def about
+      # Add code for when the about view is loaded
+    end
+
+    private
+
+    # The main template contains a #template binding that shows another
+    # template.  This is the path to that template.  It may change based
+    # on the params._component, params._controller, and params._action values.
+    def main_path
+      "#{params._component || 'main'}/#{params._controller || 'main'}/#{params._action || 'index'}"
+    end
+
+    # Determine if the current nav component is the active one by looking
+    # at the first part of the url against the href attribute.
+    def active_tab?
+      url.path.split('/')[1] == attrs.href.split('/')[1]
+    end
+  end
+end

data/spec/dummy/app/main/models/user.rb

@@ -0,0 +1,12 @@
+# By default Volt generates this User model which inherits from Volt::User,
+# you can rename this if you want.
+class User < Volt::User
+  # login_field is set to :email by default and can be changed to :username
+  # in config/app.rb
+  field login_field
+  field :name
+
+  validate login_field, unique: true, length: 8
+  validate :email, email: true
+
+end

data/spec/dummy/app/main/views/main/about.html

@@ -0,0 +1,7 @@
+<:Title>
+  About
+
+<:Body>
+  <h1>About</h1>
+
+  <p>About page...</p>

data/spec/dummy/app/main/views/main/index.html

@@ -0,0 +1,6 @@
+<:Title>
+  Home
+
+<:Body>
+  <h1>Home</h1>
+

data/spec/dummy/app/main/views/main/main.html

@@ -0,0 +1,29 @@
+<:Title>
+  {{ view main_path, "title", {controller_group: 'main'} }}
+
+<:Body>
+  <div class="container">
+    <div class="header">
+      <ul class="nav nav-pills pull-right">
+        <:nav href="/">Home</:nav>
+        <:nav href="/about">About</:nav>
+        <:user_templates:menu />
+      </ul>
+      <h3 class="text-muted">dummy</h3>
+    </div>
+
+    <:volt:notices />
+
+    {{ view main_path, 'body', {controller_group: 'main'} }}
+
+    <div class="footer">
+      <p>&copy; Company {{ Time.now.year }}</p>
+    </div>
+
+  </div>
+
+<:Nav>
+  <li class="{{ if active_tab? }}active{{ end }}">
+    <a href="{{ attrs.href }}">{{ yield }}</a>
+  </li>
+

data/spec/dummy/config/app.rb

@@ -0,0 +1,137 @@
+# app.rb is used to configure your app.  This code is only run on the server,
+# then any config options in config.public are passed to the client as well.
+
+Volt.configure do |config|
+  # Setup your global app config here.
+
+  #######################################
+  # Basic App Info (stuff you should set)
+  #######################################
+  config.domain = 'dummy.com'
+  config.app_name = 'Dummy'
+  config.mailer.from = 'Dummy <no-reply@dummy.com>'
+
+  ############
+  # App Secret
+  ############
+  # Your app secret is used for signing things like the user cookie so it can't
+  # be tampered with.  A random value is generated on new projects that will work
+  # without the need to customize.  Make sure this value doesn't leave your server.
+  #
+  # For added security we recommend moving the app secret into an environment.  You can
+  # setup that like so:
+  #
+  # config.app_secret = ENV['APP_SECRET']
+  #
+  config.app_secret = 'cxli-_vXyPt0WjbDPVLUXxeDbPx9SbN1JYGWMOFjny4CD6sbAWNHCi0qNxjxYH8NLOQ'
+
+  ###############
+  # Log Filtering
+  ###############
+  # Data updates from the client come in via Tasks.  The task dispatcher logs all calls to tasks.
+  # By default hashes in the arguments can be filtered based on keys.  So any hash with a key of
+  # password will be filtered.  You can add more fields to filter below:
+  config.filter_keys = [:password]
+
+  ##########
+  # Database
+  ##########
+  # Database config all start with db_ and can be set either in the config
+  # file or with an environment variable (DB_NAME for example).
+
+  # config.db_driver = 'mongo'
+  # config.db_name = (config.app_name + '_' + Volt.env.to_s)
+  # config.db_host = 'localhost'
+  # config.db_port = 27017
+
+  #####################
+  # Compression options
+  #####################
+  # If you are not running behind something like nginx in production, you can
+  # have rack deflate all files.
+  # config.deflate = true
+
+  #######################
+  # Public configurations
+  #######################
+  # Anything under config.public will be sent to the client as well as the server,
+  # so be sure no private data ends up under public
+
+  # Use username instead of email as the login
+  # config.public.auth.use_username = true
+
+  #####################
+  # Compression Options
+  #####################
+  # Disable or enable css/js/image compression.  Default is to only run in production.
+  # if Volt.env.production?
+  #   config.compress_javascript = true
+  #   config.compress_css        = true
+  #   config.compress_images     = true
+  # end
+
+  ################
+  # Mailer options
+  ################
+  # The volt-mailer gem uses pony (https://github.com/benprew/pony) to deliver e-mail.  Any
+  # options you would pass to pony can be setup below.
+  # NOTE: The from address is setup at the top
+
+  # Normally pony uses /usr/sbin/sendmail if one is installed.  You can specify smtp below:
+  # config.mailer.via = :smtp
+  # config.mailer.via_options = {
+  #   :address        => 'smtp.yourserver.com',
+  #   :port           => '25',
+  #   :user_name      => 'user',
+  #   :password       => 'password',
+  #   :authentication => :plain, # :plain, :login, :cram_md5, no auth by default
+  #   :domain         => "localhost.localdomain" # the HELO domain provided by the client to the server
+  # }
+
+  #############
+  # Message Bus
+  #############
+  # Volt provides a "Message Bus" out of the box.  The message bus provides
+  # a pub/sub service between any volt instance (server, client, runner, etc..)
+  # that share the same database.  The message bus can be used by app code.  It
+  # is also used internally to push data to any listening clients.
+  #
+  # The default message bus (called "peer_to_peer") uses the database to sync
+  # socket ip's/ports.
+  # config.message_bus.bus_name = 'peer_to_peer'
+  #
+  # Encrypt message bus - messages on the message bus are encrypted by default
+  # using rbnacl.
+  
+  #
+  # For dummy apps, we disable_encryption, to simplify the gem requirements.
+  config.message_bus.disable_encryption = true
+  
+  #
+  # ## MessageBus Server -- the message bus binds to a port and ip which the
+  # other volt instances need to be able to connect to.  You can customize
+  # the server below:
+  #
+  # Port range - you can specify a range of ports that an instance can bind the
+  # message bus on.  You can specify a range, an array of Integers, or an array
+  # of ranges.
+  # config.message_bus.bind_port_ranges = (58000..61000)
+  #
+  # Bind Ip - specifies the ip address the message bus server should bind on.
+  # config.message_bus.bind_ip = '127.0.0.1'
+
+  #############
+  # Concurrency
+  #############
+  # Volt provides a thread worker pool for incoming task requests (and all
+  # database requests, since those use tasks to do their work.)  The following
+  # lets you control the size of the worker pool.  Threads are only created as
+  # needed, and are removed after a certain amount of inactivity.
+  # config.min_worker_threads = 1
+  # config.max_worker_threads = 10
+  #
+  # You can also specify the amount of time a Task should run for before it
+  # timeout's.  Setting this to short can cause unexpected results, currently
+  # we recomend it be at least 10 seconds.
+  # config.worker_timeout = 60
+end

data/spec/dummy/config/base/index.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <%# IMPORTANT: Please read before changing!                                   %>
+  <%# This file is rendered on the server using ERB, so it does NOT use Volt's  %>
+  <%# normal template system. You can add to it, but keep in mind the template  %>
+  <%# language difference. This file handles auto-loading all JS/Opal and CSS.  %>
+  <head>
+    <meta charset="UTF-8" />
+    <%= javascript_tags %>
+    <%= css_tags %>
+  </head>
+  <body>
+
+  </body>
+</html>

data/spec/dummy/config/initializers/boot.rb

@@ -0,0 +1,4 @@
+# Any ./config/initializers/*.rb files will when the app starts up on the server.
+# To load code on the client (or client and server), you can use the
+# config/initializers folder in a component in the app directory.  This folder
+# is only for things that are server only.  (Usually for things like config)

data/spec/dummy/config.ru

@@ -0,0 +1,4 @@
+# Run via rack server
+require 'bundler/setup'
+require 'volt/server'
+run Volt::Server.new.app

data/spec/integration/sample_integration_spec.rb

@@ -0,0 +1,11 @@
+require 'spec_helper'
+
+describe 'sample integration test', type: :feature do
+  # An example integration spec, this will only be run if ENV['BROWSER'] is
+  # specified.  Current values for ENV['BROWSER'] are 'firefox' and 'phantom'
+  it 'should load the page' do
+    visit '/'
+
+    expect(page).to have_content('Home')
+  end
+end

data/spec/sample_spec.rb

@@ -0,0 +1,7 @@
+require 'spec_helper'
+
+describe Volt::Easypiechart do
+  it 'should do something useful' do
+    expect(false).to be true
+  end
+end

data/spec/spec_helper.rb

@@ -0,0 +1,18 @@
+# Volt sets up rspec and capybara for testing.
+require 'volt/spec/setup'
+
+# When testing Volt component gems, we boot up a dummy app first to run the
+# test in, so we have access to Volt itself.
+dummy_app_path = File.join(File.dirname(__FILE__), 'dummy')
+Volt.spec_setup(dummy_app_path)
+
+RSpec.configure do |config|
+  config.run_all_when_everything_filtered = true
+  config.filter_run :focus
+
+  # Run specs in random order to surface order dependencies. If you find an
+  # order dependency and want to debug it, you can fix the order by providing
+  # the seed, which is printed after each run.
+  #     --seed 1234
+  config.order = 'random'
+end

data/volt-easypiechart.gemspec

@@ -0,0 +1,41 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'volt/easypiechart/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "volt-easypiechart"
+  spec.version       = Volt::Easypiechart::VERSION
+  spec.authors       = ["Matt Hale"]
+  spec.email         = ["matt.hale.0@gmail.com"]
+  spec.summary       = %q{Include the Easy Pie Chart JS library into your Volt project.}
+  spec.description   = 'A Volt component to use the EasyPieChart jQuery plugin.'
+  spec.homepage      = ''
+  spec.license       = 'MIT'
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  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_dependency 'volt-watch', '~> 0.1.0'
+
+  spec.add_development_dependency "volt", "~> 0.9.5"
+  spec.add_development_dependency "rake"
+
+  # Testing gems
+  spec.add_development_dependency 'rspec', '~> 3.2.0'
+  spec.add_development_dependency 'opal-rspec', '~> 0.4.2'
+  spec.add_development_dependency 'capybara', '~> 2.4.4'
+  spec.add_development_dependency 'selenium-webdriver', '~> 2.47.0'
+  spec.add_development_dependency 'chromedriver-helper', '~> 1.0.0'
+  spec.add_development_dependency 'poltergeist', '~> 1.6.0'
+
+  # Gems to run the dummy app
+  spec.add_development_dependency 'volt-mongo', '0.1.1'
+  spec.add_development_dependency 'volt-bootstrap', '~> 0.1.0'
+  spec.add_development_dependency 'volt-bootstrap_jumbotron_theme', '~> 0.1.0'
+  spec.add_development_dependency 'volt-user_templates', '~> 0.4.0'
+  spec.add_development_dependency 'thin', '~> 1.6.0'
+
+end

metadata

@@ -0,0 +1,292 @@
+--- !ruby/object:Gem::Specification
+name: volt-easypiechart
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Matt Hale
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-09-22 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: volt-watch
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+- !ruby/object:Gem::Dependency
+  name: volt
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.9.5
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.9.5
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+- !ruby/object:Gem::Dependency
+  name: opal-rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.4.2
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.4.2
+- !ruby/object:Gem::Dependency
+  name: capybara
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.4.4
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.4.4
+- !ruby/object:Gem::Dependency
+  name: selenium-webdriver
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.47.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.47.0
+- !ruby/object:Gem::Dependency
+  name: chromedriver-helper
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.0
+- !ruby/object:Gem::Dependency
+  name: poltergeist
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.6.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.6.0
+- !ruby/object:Gem::Dependency
+  name: volt-mongo
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.1.1
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.1.1
+- !ruby/object:Gem::Dependency
+  name: volt-bootstrap
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+- !ruby/object:Gem::Dependency
+  name: volt-bootstrap_jumbotron_theme
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+- !ruby/object:Gem::Dependency
+  name: volt-user_templates
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.4.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.4.0
+- !ruby/object:Gem::Dependency
+  name: thin
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.6.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.6.0
+description: A Volt component to use the EasyPieChart jQuery plugin.
+email:
+- matt.hale.0@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- CODE_OF_CONDUCT.md
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/easypiechart/assets/js/jquery.easypiechart.js
+- app/easypiechart/config/dependencies.rb
+- app/easypiechart/config/initializers/boot.rb
+- app/easypiechart/config/routes.rb
+- app/easypiechart/controllers/main_controller.rb
+- app/easypiechart/views/main/index.html
+- lib/volt/easypiechart.rb
+- lib/volt/easypiechart/version.rb
+- spec/dummy/.gitignore
+- spec/dummy/README.md
+- spec/dummy/app/main/assets/css/app.css.scss
+- spec/dummy/app/main/config/dependencies.rb
+- spec/dummy/app/main/config/initializers/boot.rb
+- spec/dummy/app/main/config/routes.rb
+- spec/dummy/app/main/controllers/main_controller.rb
+- spec/dummy/app/main/models/user.rb
+- spec/dummy/app/main/views/main/about.html
+- spec/dummy/app/main/views/main/index.html
+- spec/dummy/app/main/views/main/main.html
+- spec/dummy/config.ru
+- spec/dummy/config/app.rb
+- spec/dummy/config/base/index.html
+- spec/dummy/config/initializers/boot.rb
+- spec/integration/sample_integration_spec.rb
+- spec/sample_spec.rb
+- spec/spec_helper.rb
+- volt-easypiechart.gemspec
+homepage: ''
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.5.1
+signing_key: 
+specification_version: 4
+summary: Include the Easy Pie Chart JS library into your Volt project.
+test_files:
+- spec/dummy/.gitignore
+- spec/dummy/README.md
+- spec/dummy/app/main/assets/css/app.css.scss
+- spec/dummy/app/main/config/dependencies.rb
+- spec/dummy/app/main/config/initializers/boot.rb
+- spec/dummy/app/main/config/routes.rb
+- spec/dummy/app/main/controllers/main_controller.rb
+- spec/dummy/app/main/models/user.rb
+- spec/dummy/app/main/views/main/about.html
+- spec/dummy/app/main/views/main/index.html
+- spec/dummy/app/main/views/main/main.html
+- spec/dummy/config.ru
+- spec/dummy/config/app.rb
+- spec/dummy/config/base/index.html
+- spec/dummy/config/initializers/boot.rb
+- spec/integration/sample_integration_spec.rb
+- spec/sample_spec.rb
+- spec/spec_helper.rb