gumby-framework 0.0.1

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/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in gumby-framework.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Jorge Coca
+
+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,71 @@
+# Gumby2 Front End Frameword - Rails Gem
+
+This is a Rails gem that will install the [Gumby Front End Framework](http://gumbyframework.com/) in your application.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'gumby-framework'
+
+And then execute:
+
+    $ bundle install
+
+Or install it yourself as:
+
+    $ gem install gumby-framework
+
+## Usage
+
+You will need to add also the <code>modernizr-rails</code> gem to your gemfile:
+
+	# Gemifile
+	
+	gem "modernizr-rails"
+	gem "gumby-framework"
+	
+Then run <code>bundle install</code>.
+
+You will need to add also this tag to your HTML head tag:
+
+	<%= javascript_include_tag :modernizr %>
+	
+#### CSS
+
+Add this line at the end of your application.css
+
+	*= require gumby
+	
+#### Javascript
+
+
+You will need to add first the global Gumby object in your application.js:
+
+	//= require gumby
+	
+After this line, you can add the Gumby JS plugins like this:
+
+	//= require ui/gumby.checkbox
+	//= require ui/gumby.radiobtn
+	
+You have available the following plugins:
+
+	//= require ui/gumby.checkbox
+	//= require ui/gumby.fixed
+	//= require ui/gumby.radiobtn
+	//= require ui/gumby.retina
+	//= require ui/gumby.skiplink
+	//= require ui/gumby.tabs
+	//= require ui/gumby.toggleswitch
+	//= require ui/jquery.validation
+
+
+
+## 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 @@
+require "bundler/gem_tasks"

data/gumby-framework.gemspec

@@ -0,0 +1,22 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'gumby-framework/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "gumby-framework"
+  gem.version       = Gumby::Framework::VERSION
+  gem.authors       = ["Jorge Coca"]
+  gem.email         = ["jcoca@redpointtech.com"]
+  gem.description   = %q{Grumby Framework Gem for Ruby on Rails}
+  gem.summary       = %q{Grumby Framework - Front End}
+  gem.homepage      = "http://www.jorgecoca.com"
+
+  gem.files         = `git ls-files`.split($/)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.require_paths = ["lib"]
+
+  gem.add_dependency "jquery-rails"
+  gem.add_dependency "modernizr-rails"
+end

data/lib/gumby-framework.rb

@@ -0,0 +1,8 @@
+require "gumby-framework/version"
+
+module Gumby
+  module Framework
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/gumby-framework/version.rb

@@ -0,0 +1,5 @@
+module Gumby
+  module Framework
+    VERSION = "0.0.1"
+  end
+end

data/vendor/assets/fonts/humans.txt

@@ -0,0 +1,47 @@
+/* TEAM */
+
+Digital Surgeons
+Twitter: @digitalsurgeons
+Twitter: @gumbycss
+Web: www.digitalsurgeons.com
+Web: www.gumbyframework.com
+
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,:~~~====~,,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,=================+,,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,:==================,,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,+=================:,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,==================:,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,~=================~,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,~=================~,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,=================~,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,==================,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,==================,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,==================,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,==================,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,==================,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,~==============:,,,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,==========:,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,:~=========:,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,:================,,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,:=====================,,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,=======================,,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,=======================:,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,=======================~,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,=~====================~,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,=~~~~~~~~~~~~~~~~~~~~~=,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,~~==~~~~~~~~~~~~~~=====,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,,=~~~~~~~~~~~~~~~~~~~~~,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,,=~~~~~~~~~~~~~~~~~~~~~,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,,,~~~~~~~~~~~~~~~~~~~~,,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,,,~~~~~~~~~~~~~~~~:,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,,,~~~~~~~~~~~~~:,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,,,,~~~~~~~~,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,,,,~~~~:,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,..
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,....
+,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,.....
+                                             

data/vendor/assets/javascripts/gumby.js

@@ -0,0 +1,171 @@
+/**
+* Gumby Framework
+* ---------------
+*
+* Follow @gumbycss on twitter and spread the love.
+* We worked super hard on making this awesome and released it to the web.
+* All we ask is you leave this intact. #gumbyisawesome
+*
+* Gumby Framework
+* http://gumbyframework.com
+*
+* Built with love by your friends @digitalsurgeons
+* http://www.digitalsurgeons.com
+*
+* Free to use under the MIT license.
+* http://www.opensource.org/licenses/mit-license.php
+*/
+!function() {
+
+  'use strict';
+
+  function Gumby() {
+    this.$dom = $(document);
+    this.isOldie = !!this.$dom.find('html').hasClass('oldie');
+    this.click = this.detectClickEvent();
+    this.uiModules = {};
+    this.inits = {};
+    this.onReady = false;
+    this.onOldie = false;
+
+    var scope = this;
+
+    // when document is ready init
+    this.$dom.ready(function() {
+
+      // call oldie callback if available
+      if(scope.isOldie && scope.onOldie) {
+        scope.onOldie();
+      }
+
+      // init UI modules
+      scope.initUIModules();
+
+      // call ready callback if available
+      if(scope.onReady) {
+        scope.onReady();
+      }
+    });
+  }
+
+  // public helper - return debuggin object including uiModules object
+  Gumby.prototype.debug = function() {
+    return {
+      $dom: this.$dom,
+      isOldie: this.isOldie,
+      uiModules: this.uiModules
+    };
+  };
+
+  // public helper - set Gumby ready callback
+  Gumby.prototype.ready = function(code) {
+    if(code && typeof code === 'function') {
+      this.onReady = code;
+    }
+  };
+
+  // public helper - set oldie callback
+  Gumby.prototype.oldie = function(code) {
+    if(code && typeof code === 'function') {
+      this.onOldie = code;
+    }
+  };
+
+  // grab attribute value, testing data- gumby- and no prefix
+  Gumby.prototype.selectAttr = function() {
+    var i = 0;
+
+    // any number of attributes can be passed
+    for(; i < arguments.length; i++) {
+      // various formats
+      var attr = arguments[i],
+        dataAttr = 'data-'+arguments[i],
+        gumbyAttr = 'gumby-'+arguments[i];
+
+      // first test for data-attr
+      if(this.attr(dataAttr)) {
+        return this.attr(dataAttr);
+
+      // next test for gumby-attr
+      } else if(this.attr(gumbyAttr)) {
+        return this.attr(gumbyAttr);
+
+      // finally no prefix
+      } else if(this.attr(attr)) {
+        return this.attr(attr);
+      }
+    }
+
+    // none found
+    return false;
+  };
+
+  // add an initialisation method
+  Gumby.prototype.addInitalisation = function(ref, code) {
+    this.inits[ref] = code;
+  };
+
+  // initialize a uiModule
+  Gumby.prototype.initialize = function(ref) {
+    if(this.inits[ref] && typeof this.inits[ref] === 'function') {
+      this.inits[ref]();
+    }
+  };
+
+  // store a UI module
+  Gumby.prototype.UIModule = function(data) {
+    var module = data.module;
+    this.uiModules[module] = data;
+  };
+
+  // loop round and init all UI modules
+  Gumby.prototype.initUIModules = function() {
+    var x;
+    for(x in this.uiModules) {
+      this.uiModules[x].init();
+    }
+  };
+
+  // use touchy events if available otherwise click
+  Gumby.prototype.detectClickEvent = function() {
+    if(Modernizr.touch) {
+      this.setupTapEvent();
+      return 'gumbyTap';
+    } else {
+      return 'click';
+    }
+  };
+
+  // set up gumbyTap jQuery.specialEvent
+  Gumby.prototype.setupTapEvent = function() {
+    $.event.special.gumbyTap = {
+      setup: function(data) {
+        $(this).bind('touchstart touchend touchmove', $.event.special.gumbyTap.handler);
+      },
+
+      teardown: function() {
+        $(this).unbind('touchstart touchend touchmove', $.event.special.gumbyTap.handler);
+      },
+
+      handler: function(event) {
+        var $this = $(this);
+        // touch start event so store ref to tap event starting
+        if(event.type === 'touchstart') {
+          $this.data('gumbyTouchStart', true);
+        // touchmove event so cancel tap event
+        } else if(event.type === 'touchmove') {
+          $this.data('gumbyTouchStart', false);
+        // touchend event so if tap event ref still present, we have a tap!
+        } else if($this.data('gumbyTouchStart')) {
+          $this.data('gumbyTouchStart', false);
+          event.type = "gumbyTap";
+          $this.click(function(e) { e.stopImmediatePropagation(); });
+          $.event.handle.apply(this, arguments);
+        }
+      }
+    };
+  };
+
+  window.Gumby = new Gumby();
+
+}();

data/vendor/assets/javascripts/ui/gumby.checkbox.js

@@ -0,0 +1,86 @@
+/**
+* Gumby Checkbox
+*/
+!function() {
+
+	'use strict';
+
+	function Checkbox($el) {
+
+		this.$el = $el;
+		var scope = this;
+
+		// listen for click event and custom gumby check/uncheck events
+		this.$el.on(Gumby.click, function(e) {
+			scope.click(e);
+		}).on('gumby.check', function() {
+			scope.update(true);
+		}).on('gumby.uncheck', function() {
+			scope.update(false);
+		});
+
+		// update any .checked checkboxes on load
+		if(scope.$el.hasClass('checked')) {
+			scope.update(true);
+		}
+	}
+
+	// handle checkbox click event
+	Checkbox.prototype.click = function(e) {
+
+		// element responsible for event trigger
+		var $target = $(e.target);
+
+		// prevent propagation
+		e.stopPropagation();
+
+		// prevent checkbox checking, we'll do that manually
+		e.preventDefault();
+
+		// check/uncheck
+		if(this.$el.hasClass('checked')) {
+			this.update(false);
+		} else {
+			this.update(true);
+		}
+	};
+
+	// update checkbox, check equals true/false to sepcify check/uncheck
+	Checkbox.prototype.update = function(check) {
+		// check checkbox - check input, add checked class, append <i>
+		if(check) {
+			this.$el.find('input').attr('checked', true).end()
+				.addClass('checked').append('<i class="icon-check" />')
+				.trigger('gumby.onCheck').trigger('gumby.onChange');
+
+		// uncheck checkbox - uncheck input, remove checked class, remove <i>
+		} else {
+			this.$el.find('input').attr('checked', false).end()
+				.find('i').remove().end()
+				.removeClass('checked').trigger('gumby.onUncheck').trigger('gumby.onChange');
+		}
+	};
+
+	// add initialisation
+	Gumby.addInitalisation('checkboxes', function() {
+		$('.checkbox').each(function() {
+			var $this = $(this);
+			// this element has already been initialized
+			if($this.data('isCheckbox')) {
+				return true;
+			}
+			// mark element as initialized
+			$this.data('isCheckbox', true);
+			new Checkbox($this);
+		});
+	});
+
+	// register UI module
+	Gumby.UIModule({
+		module: 'checkbox',
+		events: ['onCheck', 'onUncheck', 'onChange', 'check', 'uncheck'],
+		init: function() {
+			Gumby.initialize('checkboxes');
+		}
+	});
+}();