gumby 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
data/.gitignore ADDED
@@ -0,0 +1,3 @@
1
+ *~
2
+ *#
3
+ .DS_Store
data/LICENSE.txt ADDED
@@ -0,0 +1,22 @@
1
+ Copyright (c) 2013 Francesco Serra
2
+
3
+ MIT License
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining
6
+ a copy of this software and associated documentation files (the
7
+ "Software"), to deal in the Software without restriction, including
8
+ without limitation the rights to use, copy, modify, merge, publish,
9
+ distribute, sublicense, and/or sell copies of the Software, and to
10
+ permit persons to whom the Software is furnished to do so, subject to
11
+ the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be
14
+ included in all copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
20
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
21
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
22
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,73 @@
1
+ # Gumby Framework - RoR gem
2
+
3
+ [Gumby Framework](http://gumbyframework.com/) gem for Rails asset pipeline. Based on Gumby Framework 2.
4
+
5
+ ## Installation
6
+
7
+ Add this line to your application's Gemfile:
8
+
9
+ gem "gumby"
10
+
11
+ And then execute:
12
+
13
+ $ bundle install
14
+
15
+ Or install it yourself as:
16
+
17
+ $ gem install gumby
18
+
19
+ ## Usage
20
+
21
+ You will need to add also the <code>jquery-rails</code> and <code>modernizr-rails</code> gem to your gemfile:
22
+
23
+ # Gemfile
24
+
25
+ gem "jquery-rails"
26
+ gem "modernizr-rails"
27
+ gem "gumby"
28
+
29
+ Then run <code>bundle install</code>.
30
+
31
+ You will need to add also this tag to your HTML head tag:
32
+
33
+ <%= javascript_include_tag :modernizr %>
34
+
35
+ #### CSS
36
+
37
+ Add this line at the end of your application.css
38
+
39
+ *= require gumby
40
+
41
+ #### Javascript
42
+
43
+ You will need to add jquery and modernizr and global Gumby object in your application.js:
44
+
45
+ //= require jquery
46
+ //= require jquery_ujs
47
+ //= require modernizr
48
+ //= require gumby
49
+
50
+ or
51
+
52
+ //= require gumby.min
53
+
54
+ After this line, you can add the Gumby JS plugins; you have available the following plugins:
55
+
56
+ //= require ui/gumby.checkbox
57
+ //= require ui/gumby.fittext
58
+ //= require ui/gumby.fixed
59
+ //= require ui/gumby.navbar
60
+ //= require ui/gumby.radiobtn
61
+ //= require ui/gumby.retina
62
+ //= require ui/gumby.skiplink
63
+ //= require ui/gumby.tabs
64
+ //= require ui/gumby.toggleswitch
65
+ //= require ui/jquery.validation
66
+
67
+ ## Contributing
68
+
69
+ 1. Fork it
70
+ 2. Create your feature branch (`git checkout -b my-new-feature`)
71
+ 3. Commit your changes (`git commit -am 'Add some feature'`)
72
+ 4. Push to the branch (`git push origin my-new-feature`)
73
+ 5. Create new Pull Request
data/Rakefile ADDED
@@ -0,0 +1 @@
1
+ require "bundler/gem_tasks"
data/gumby.gemspec ADDED
@@ -0,0 +1,20 @@
1
+ # -*- encoding: utf-8 -*-
2
+ lib = File.expand_path("../lib", __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require "gumby/version"
5
+
6
+ Gem::Specification.new do |gem|
7
+ gem.name = "gumby"
8
+ gem.version = Gumby::Rails::VERSION
9
+ gem.authors = ["Francesco Serra"]
10
+ gem.email = ["afnecors@gmail.com"]
11
+ gem.description = %q{Gumby Framework for Rails}
12
+ gem.summary = %q{Gumby Framework for Rails}
13
+ gem.homepage = "http://rubygems.org/gems/gumby"
14
+
15
+ gem.files = `git ls-files`.split($/)
16
+ gem.require_paths = ["lib"]
17
+
18
+ gem.add_dependency "jquery-rails"
19
+ gem.add_dependency "modernizr-rails"
20
+ end
data/lib/gumby.rb ADDED
@@ -0,0 +1,8 @@
1
+ require "gumby/version"
2
+
3
+ module Gumby
4
+ module Rails
5
+ class Engine < ::Rails::Engine
6
+ end
7
+ end
8
+ end
@@ -0,0 +1,5 @@
1
+ module Gumby
2
+ module Rails
3
+ VERSION = "0.0.1"
4
+ end
5
+ end
@@ -0,0 +1,150 @@
1
+ /**
2
+ * Gumby Framework
3
+ * ---------------
4
+ *
5
+ * Follow @gumbycss on twitter and spread the love.
6
+ * We worked super hard on making this awesome and released it to the web.
7
+ * All we ask is you leave this intact. #gumbyisawesome
8
+ *
9
+ * Gumby Framework
10
+ * http://gumbyframework.com
11
+ *
12
+ * Built with love by your friends @digitalsurgeons
13
+ * http://www.digitalsurgeons.com
14
+ *
15
+ * Free to use under the MIT license.
16
+ * http://www.opensource.org/licenses/mit-license.php
17
+ */
18
+ !function() {
19
+
20
+ 'use strict';
21
+
22
+ function Gumby() {
23
+ this.$dom = $(document);
24
+ this.isOldie = !!this.$dom.find('html').hasClass('oldie');
25
+ this.click = 'click';
26
+ this.onReady = this.onOldie = this.onTouch = false;
27
+ this.uiModules = {};
28
+ this.inits = {};
29
+
30
+ // check and set path with js/libs default
31
+ this.path = $('script[gumby-path]').attr('gumby-path') || 'js/libs';
32
+
33
+ // check and set breakpoint with 1024 default
34
+ this.breakpoint = Number($('script[gumby-breakpoint]').attr('gumby-breakpoint')) || 1024;
35
+ }
36
+
37
+ // initialize Gumby
38
+ Gumby.prototype.init = function() {
39
+ var scope = this;
40
+
41
+ // call ready() code when dom is ready
42
+ this.$dom.ready(function() {
43
+ // init UI modules
44
+ scope.initUIModules();
45
+
46
+ if(scope.onReady) {
47
+ scope.onReady();
48
+ }
49
+
50
+ // call oldie() callback if applicable
51
+ if(scope.isOldie && scope.onOldie) {
52
+ scope.onOldie();
53
+ }
54
+
55
+ // call touch() callback if applicable
56
+ if(Modernizr.touch && scope.onTouch) {
57
+ scope.onTouch();
58
+ }
59
+ });
60
+ };
61
+
62
+ // public helper - set Gumby ready callback
63
+ Gumby.prototype.ready = function(code) {
64
+ if(code && typeof code === 'function') {
65
+ this.onReady = code;
66
+ }
67
+ };
68
+
69
+ // public helper - set oldie callback
70
+ Gumby.prototype.oldie = function(code) {
71
+ if(code && typeof code === 'function') {
72
+ this.onOldie = code;
73
+ }
74
+ };
75
+
76
+ // public helper - set touch callback
77
+ Gumby.prototype.touch = function(code) {
78
+ if(code && typeof code === 'function') {
79
+ this.onTouch = code;
80
+ }
81
+ };
82
+
83
+ // public helper - return debuggin object including uiModules object
84
+ Gumby.prototype.debug = function() {
85
+ return {
86
+ $dom: this.$dom,
87
+ isOldie: this.isOldie,
88
+ uiModules: this.uiModules,
89
+ click: this.click
90
+ };
91
+ };
92
+
93
+ // grab attribute value, testing data- gumby- and no prefix
94
+ Gumby.prototype.selectAttr = function() {
95
+ var i = 0;
96
+
97
+ // any number of attributes can be passed
98
+ for(; i < arguments.length; i++) {
99
+ // various formats
100
+ var attr = arguments[i],
101
+ dataAttr = 'data-'+arguments[i],
102
+ gumbyAttr = 'gumby-'+arguments[i];
103
+
104
+ // first test for data-attr
105
+ if(this.is('['+dataAttr+']')) {
106
+ return this.attr(dataAttr) ? this.attr(dataAttr) : true;
107
+
108
+ // next test for gumby-attr
109
+ } else if(this.is('['+gumbyAttr+']')) {
110
+ return this.attr(gumbyAttr) ? this.attr(gumbyAttr) : true;
111
+
112
+ // finally no prefix
113
+ } else if(this.is('['+attr+']')) {
114
+ return this.attr(attr) ? this.attr(attr) : true;
115
+ }
116
+ }
117
+
118
+ // none found
119
+ return false;
120
+ };
121
+
122
+ // add an initialisation method
123
+ Gumby.prototype.addInitalisation = function(ref, code) {
124
+ this.inits[ref] = code;
125
+ };
126
+
127
+ // initialize a uiModule
128
+ Gumby.prototype.initialize = function(ref, all) {
129
+ if(this.inits[ref] && typeof this.inits[ref] === 'function') {
130
+ this.inits[ref](all);
131
+ }
132
+ };
133
+
134
+ // store a UI module
135
+ Gumby.prototype.UIModule = function(data) {
136
+ var module = data.module;
137
+ this.uiModules[module] = data;
138
+ };
139
+
140
+ // loop round and init all UI modules
141
+ Gumby.prototype.initUIModules = function() {
142
+ var x;
143
+ for(x in this.uiModules) {
144
+ this.uiModules[x].init();
145
+ }
146
+ };
147
+
148
+ window.Gumby = new Gumby();
149
+
150
+ }();
@@ -0,0 +1 @@
1
+ !function(){"use strict";function t(){this.$dom=$(document),this.isOldie=!!this.$dom.find("html").hasClass("oldie"),this.click="click",this.onReady=this.onOldie=this.onTouch=!1,this.uiModules={},this.inits={},this.path=$("script[gumby-path]").attr("gumby-path")||"js/libs",this.breakpoint=Number($("script[gumby-breakpoint]").attr("gumby-breakpoint"))||1024}t.prototype.init=function(){var t=this;this.$dom.ready(function(){t.initUIModules(),t.onReady&&t.onReady(),t.isOldie&&t.onOldie&&t.onOldie(),Modernizr.touch&&t.onTouch&&t.onTouch()})},t.prototype.ready=function(t){t&&"function"==typeof t&&(this.onReady=t)},t.prototype.oldie=function(t){t&&"function"==typeof t&&(this.onOldie=t)},t.prototype.touch=function(t){t&&"function"==typeof t&&(this.onTouch=t)},t.prototype.debug=function(){return{$dom:this.$dom,isOldie:this.isOldie,uiModules:this.uiModules,click:this.click}},t.prototype.selectAttr=function(){for(var t=0;t<arguments.length;t++){var i=arguments[t],e="data-"+arguments[t],s="gumby-"+arguments[t];if(this.is("["+e+"]"))return this.attr(e)?this.attr(e):!0;if(this.is("["+s+"]"))return this.attr(s)?this.attr(s):!0;if(this.is("["+i+"]"))return this.attr(i)?this.attr(i):!0}return!1},t.prototype.addInitalisation=function(t,i){this.inits[t]=i},t.prototype.initialize=function(t,i){this.inits[t]&&"function"==typeof this.inits[t]&&this.inits[t](i)},t.prototype.UIModule=function(t){var i=t.module;this.uiModules[i]=t},t.prototype.initUIModules=function(){var t;for(t in this.uiModules)this.uiModules[t].init()},window.Gumby=new t}(),!function(){"use strict";function t(t){this.$el=t;var i=this;this.$el.on(Gumby.click,function(t){t.stopImmediatePropagation(),t.preventDefault(),i.$el.hasClass("checked")?i.update(!1):i.update(!0)}).on("gumby.check",function(){i.update(!0)}).on("gumby.uncheck",function(){i.update(!1)}),i.$el.hasClass("checked")&&i.update(!0)}t.prototype.update=function(t){var i=this.$el.find("input"),e=this.$el.find("span");t?(e.append('<i class="icon-check" />'),i.prop("checked",!0).end().addClass("checked").trigger("gumby.onCheck").trigger("gumby.onChange")):i.prop("checked",!1).end().find("i").remove().end().removeClass("checked").trigger("gumby.onUncheck").trigger("gumby.onChange")},Gumby.addInitalisation("checkboxes",function(){$(".checkbox").each(function(){var i=$(this);return i.data("isCheckbox")?!0:(i.data("isCheckbox",!0),new t(i),void 0)})}),Gumby.UIModule({module:"checkbox",events:["onCheck","onUncheck","onChange","check","uncheck"],init:function(){Gumby.initialize("checkboxes")}})}(),!function(){"use strict";function t(t){this.$el=t,this.rate=0,this.fontSizes={},this.setup();var i=this;this.$el.on("gumby.initialize",function(){i.setup()}),$(window).on("load resize orientationchange",function(){i.resize()})}t.prototype.setup=function(){this.rate=Number(Gumby.selectAttr.apply(this.$el,["rate"]))||1,this.fontSizes=this.parseSizes(Gumby.selectAttr.apply(this.$el,["sizes"]))},t.prototype.resize=function(){this.$el.css("font-size",this.calculateSize())},t.prototype.calculateSize=function(){return Math.max(Math.min(this.$el.width()/(10*this.rate),parseFloat(this.fontSizes.max)),parseFloat(this.fontSizes.min))},t.prototype.parseSizes=function(t){var i={min:Number.NEGATIVE_INFINITY,max:Number.POSITIVE_INFINITY};return t?(t.indexOf("|")>-1&&(t=t.split("|"),i.min=Number(t[0])||i.min,i.max=Number(t[1])||i.max),i.min=Number(t)||i.min,i):i},Gumby.addInitalisation("fittext",function(i){$(".fittext").each(function(){var e=$(this);return e.data("isFittext")&&!i?!0:e.data("isFittext")&&i?(e.trigger("gumby.initialize"),!0):(e.data("isFittext",!0),new t(e),void 0)})}),Gumby.UIModule({module:"fittext",events:[],init:function(){Gumby.initialize("fittext")}})}(),!function(){"use strict";function t(t){this.$el=t,this.fixedPoint="",this.pinPoint=!1,this.offset=0,this.pinOffset=0,this.top=0,this.constrainEl=!0,this.state=!1,this.measurements={left:0,width:0},this.setup();var i=this;$(window).on("scroll load",function(){i.monitorScroll()}),this.$el.on("gumby.initialize",function(){i.setup()})}t.prototype.setup=function(){var t=this;this.fixedPoint=this.parseAttrValue(Gumby.selectAttr.apply(this.$el,["fixed"])),this.pinPoint=Gumby.selectAttr.apply(this.$el,["pin"])||!1,this.offset=Number(Gumby.selectAttr.apply(this.$el,["offset"]))||0,this.pinOffset=Number(Gumby.selectAttr.apply(this.$el,["pinoffset"]))||0,this.top=Number(Gumby.selectAttr.apply(this.$el,["top"]))||0,this.constrainEl=Gumby.selectAttr.apply(this.$el,["constrain"])||!0,"false"===this.constrainEl&&(this.constrainEl=!1),this.$parent=this.$el.parents(".columns, .column, .row"),this.$parent=this.$parent.length?this.$parent.first():!1,this.parentRow=this.$parent?!!this.$parent.hasClass("row"):!1,this.pinPoint&&(this.pinPoint=this.parseAttrValue(this.pinPoint)),this.$parent&&this.constrainEl&&(this.measure(),$(window).resize(function(){t.state&&(t.measure(),t.constrain())}))},t.prototype.monitorScroll=function(){var t=$(window).scrollTop(),i=this.fixedPoint instanceof jQuery?this.fixedPoint.offset().top:this.fixedPoint,e=!1;this.pinPoint&&(e=this.pinPoint instanceof jQuery?this.pinPoint.offset().top:this.pinPoint),this.offset&&(i-=this.offset),this.pinOffset&&(e-=this.pinOffset),t>=i&&"fixed"!==this.state?(!e||e>t)&&this.fix():i>t&&"fixed"===this.state?this.unfix():e&&t>=e&&"pinned"!==this.state&&this.pin()},t.prototype.fix=function(){this.state="fixed",this.$el.css({top:0+this.top}).addClass("fixed").removeClass("unfixed pinned").trigger("gumby.onFixed"),this.$parent&&this.constrain()},t.prototype.unfix=function(){this.state="unfixed",this.$el.addClass("unfixed").removeClass("fixed pinned").trigger("gumby.onUnfixed")},t.prototype.pin=function(){this.state="pinned",this.$el.css({top:this.$el.offset().top}).addClass("pinned fixed").removeClass("unfixed").trigger("gumby.onPinned")},t.prototype.constrain=function(){this.$el.css({left:this.measurements.left,width:this.measurements.width})},t.prototype.measure=function(){var t,i=this.$parent.offset();this.measurements.left=i.left,this.measurements.width=this.$parent.width(),this.parentRow&&(t=Number(this.$parent.css("paddingLeft").replace(/px/,"")),t&&(this.measurements.left+=t))},t.prototype.parseAttrValue=function(t){if($.isNumeric(t))return Number(t);if("top"===t)return this.$el.offset().top;var i=$(t);return i},Gumby.addInitalisation("fixed",function(){$("[data-fixed],[gumby-fixed],[fixed]").each(function(){var i=$(this);return i.data("isFixed")?!0:(i.data("isFixed",!0),new t(i),void 0)})}),Gumby.UIModule({module:"fixed",events:["onFixed","onUnfixed"],init:function(){Gumby.initialize("fixed")}})}(),!function(){"use strict";function t(t){this.$el=t,this.$dropDowns=this.$el.find("li:has(.dropdown)");var i=this;this.$dropDowns.on("tap",this.toggleDropdown).on("swiperight",this.openLink),"#"!==this.$dropDowns.children("a").attr("href")&&this.$dropDowns.children("a").append('<i class="icon-popup"></i>').children("i").on("tap",this.openLink),$(window).on("mousemove touchstart",function(t){t.stopImmediatePropagation(),"mousemove"===t.type&&i.$dropDowns.on("mouseover mouseout",i.toggleDropdown)})}var i=Gumby.$dom.find("html");return!Modernizr.touch||$(window).width()>Gumby.breakpoint?(i.addClass("gumby-no-touch"),void 0):(i.addClass("gumby-touch"),t.prototype.toggleDropdown=function(t){t.stopImmediatePropagation(),t.preventDefault();var i=$(this);i.hasClass("active")?i.removeClass("active"):i.addClass("active")},t.prototype.openLink=function(t){t.stopImmediatePropagation(),t.preventDefault();var i,e,s=$(this);s.is("i")?i=s.parent("a"):s.is("li")&&(i=s.children("a")),e=i.attr("href"),"blank"==i.attr("target")?window.open(e):window.location=e},Gumby.addInitalisation("navbars",function(){$(".navbar").each(function(){var i=$(this);return i.data("isNavbar")?!0:(i.data("isNavbar",!0),new t(i),void 0)})}),Gumby.UIModule({module:"navbar",events:[],init:function(){Gumby.initialize("navbars")}}),void 0)}(),!function(){"use strict";function t(t){this.$el=t;var i=this;this.$el.on(Gumby.click,function(t){t.stopImmediatePropagation(),t.preventDefault(),i.update()}).on("gumby.check",function(){i.update()}),i.$el.hasClass("checked")&&i.update()}t.prototype.update=function(){var t=this.$el.find("input[type=radio]"),i=this.$el.find("span"),e='input[name="'+t.attr("name")+'"]';$(".radio").has(e).removeClass("checked").find("input").prop("checked",!1).end().find("i").remove(),t.prop("checked",!0),i.append('<i class="icon-dot" />'),this.$el.addClass("checked").trigger("gumby.onChange")},Gumby.addInitalisation("radiobtns",function(){$(".radio").each(function(){var i=$(this);return i.data("isRadioBtn")?!0:(i.data("isRadioBtn",!0),new t(i),void 0)})}),Gumby.UIModule({module:"radiobtn",events:["onChange","check"],init:function(){Gumby.initialize("radiobtns")}})}(),!function(){"use strict";function t(t){this.$el=t,this.imageSrc=this.$el.attr("src"),this.retinaSrc=this.fetchRetinaImage(),this.$retinaImg=$(new Image);var i=this;return this.retinaSrc?(this.$retinaImg.attr("src",this.retinaSrc).load(function(){i.retinaImageLoaded()}),void 0):!1}t.prototype.fetchRetinaImage=function(){var t=this.imageSrc,i=this.imageSrc.search(/(\.|\/)(gif|jpe?g|png)$/i);return 0>i?!1:t.substr(0,i)+"@2x"+t.substr(i,t.length)},t.prototype.retinaImageLoaded=function(){this.$el.attr("src",this.$retinaImg.attr("src")).trigger("gumby.onRetina")},Gumby.addInitalisation("retina",function(){!window.devicePixelRatio||window.devicePixelRatio<=1||$("img[data-retina],img[gumby-retina],img[retina]").each(function(){var i=$(this);return i.data("isRetina")?!0:(i.data("isRetina",!0),new t(i),void 0)})}),Gumby.UIModule({module:"retina",events:["onRetina"],init:function(){Gumby.initialize("retina")}})}(),!function(){"use strict";function t(t){this.$el=t,this.targetPos=0,this.duration=0,this.offset=!1,this.easing="",this.update=!1,this.setup();var i=this;this.$el.on(Gumby.click+" gumby.skip",function(t){t.stopImmediatePropagation(),t.preventDefault(),i.update?i.calculateTarget(i.skipTo):i.skipTo()}).on("gumby.initialize",function(){i.setup()})}t.prototype.setup=function(){this.duration=Number(Gumby.selectAttr.apply(this.$el,["duration"]))||200,this.offset=Gumby.selectAttr.apply(this.$el,["offset"])||!1,this.easing=Gumby.selectAttr.apply(this.$el,["easing"])||"swing",this.update=Gumby.selectAttr.apply(this.$el,["update"])?!0:!1,this.calculateTarget()},t.prototype.calculateTarget=function(t){var i,e=Gumby.selectAttr.apply(this.$el,["goto"]);if("top"==e)this.targetPos=0;else if($.isNumeric(e))this.targetPos=Number(e);else{if(i=$(e),!i)return!1;this.targetPos=i.offset().top}t&&t.apply(this)},t.prototype.skipTo=function(){var t=this;$("html,body").animate({scrollTop:this.calculateOffset()},this.duration,this.easing).promise().done(function(){t.$el.trigger("gumby.onComplete")})},t.prototype.calculateOffset=function(){if(!this.offset)return this.targetPos;var t=this.offset.substr(0,1),i=Number(this.offset.substr(1,this.offset.length));return"-"===t?this.targetPos-i:"+"===t?this.targetPos+i:void 0},Gumby.addInitalisation("skiplinks",function(i){$(".skiplink > a, .skip").each(function(){var e=$(this);return e.data("isSkipLink")&&!i?!0:e.data("isSkipLink")&&i?(e.trigger("gumby.initialize"),!0):(e.data("isSkipLink",!0),new t(e),void 0)})}),Gumby.UIModule({module:"skiplink",events:["onComplete","skip"],init:function(){Gumby.initialize("skiplinks")}})}(),!function(){"use strict";function t(t){this.$el=t,this.$nav=this.$el.find("ul.tab-nav > li"),this.$content=this.$el.find(".tab-content");var i=this;this.$nav.children("a").on(Gumby.click,function(t){t.stopImmediatePropagation(),t.preventDefault(),i.click($(this))}),this.$el.on("gumby.set",function(t,e){i.set(t,e)})}t.prototype.click=function(t){var i=t.parent().index();this.$nav.add(this.$content).removeClass("active"),this.$nav.eq(i).add(this.$content.eq(i)).addClass("active"),this.$el.trigger("gumby.onChange",i)},t.prototype.set=function(t,i){this.$nav.eq(i).find("a").trigger(Gumby.click)},Gumby.addInitalisation("tabs",function(){$(".tabs").each(function(){var i=$(this);return i.data("isTabs")?!0:(i.data("isTabs",!0),new t(i),void 0)})}),Gumby.UIModule({module:"tabs",events:["onChange","set"],init:function(){Gumby.initialize("tabs")}})}(),!function(){"use strict";function t(t){this.$el=$(t),this.targets=[],this.on="",this.$el.length&&this.init()}function i(t){this.$el=$(t),this.targets=[],this.on="",this.$el.length&&this.init()}t.prototype.init=function(){var t=this;this.setup(),this.$el.on(this.on,function(i){i.stopImmediatePropagation(),"A"===$(this).prop("tagName")&&i.preventDefault(),t.trigger(t.triggered)}).on("gumby.trigger",function(){t.trigger(t.triggered)}).on("gumby.initialize",function(){t.setup()})},t.prototype.setup=function(){this.targets=this.parseTargets(),this.on=Gumby.selectAttr.apply(this.$el,["on"])||Gumby.click,this.className=Gumby.selectAttr.apply(this.$el,["classname"])||"active"},t.prototype.parseTargets=function(){var t=Gumby.selectAttr.apply(this.$el,["trigger"]),i=0,e=[];return t?(i=t.indexOf("|"),-1===i?[$(t)]:(e=t.split("|"),e.length>1?[$(e[0]),$(e[1])]:[$(e[0])])):!1},t.prototype.triggered=function(){this.$el.trigger("gumby.onTrigger",[this.$el.hasClass(this.className)])},i.prototype=new t,t.prototype.trigger=function(t){this.targets?1==this.targets.length?this.$el.add(this.targets[0]).toggleClass(this.className):this.targets.length>1&&(this.targets[0].hasClass(this.className)?(this.$el.add(this.targets[0]).removeClass(this.className),this.targets[1].addClass(this.className)):(this.targets[1].removeClass(this.className),this.$el.add(this.targets[0]).addClass(this.className))):this.$el.toggleClass(this.className),t&&"function"==typeof t&&t.apply(this)},i.prototype.trigger=function(t){this.targets?1==this.targets.length?this.$el.add(this.targets[0]).addClass(this.className):this.targets.length>1&&(this.$el.add(this.targets[0]).addClass(this.className),this.targets[1].removeClass(this.className)):this.$el.addClass(this.className),t&&"function"==typeof t&&t.apply(this)},Gumby.addInitalisation("toggles",function(i){$(".toggle").each(function(){var e=$(this);return e.data("isToggle")&&!i?!0:(e.data("isToggle")&&i&&e.trigger("gumby.initialize"),e.data("isToggle",!0),new t(e),void 0)})}),Gumby.addInitalisation("switches",function(t){$(".switch").each(function(){var e=$(this);return e.data("isSwitch")&&!t?!0:e.data("isSwitch")&&t?(e.trigger("gumby.initialize"),!0):(e.data("isSwitch",!0),new i(e),void 0)})}),Gumby.UIModule({module:"toggleswitch",events:["trigger","onTrigger"],init:function(){Gumby.initialize("switches"),Gumby.initialize("toggles")}})}(),!function(t){"use strict";function i(t,i){this.$this=t,this.$field=this.$this.parents(".field"),this.req=i||function(){return!!this.$this.val().length};var e=this;this.$this.is("[type=checkbox], [type=radio]")?(this.$field=this.$this.parent("label"),this.$field.on("gumby.onChange",function(){e.validate()})):this.$this.is("select")?(this.$field=this.$this.parents(".picker"),this.$field.on("change",function(){e.validate()})):this.$this.on("blur",function(t){9!==t.which&&e.validate()})}i.prototype.validate=function(){var t=this.req(this.$this);return t?this.$field.removeClass("danger").addClass("success"):this.$field.removeClass("success").addClass("danger"),t},t.fn.validation=function(e){var s=t.extend({submit:!1,fail:!1,required:[]},e),n=[];return this.each(function(){if(!s.required.length)return!1;var e,a=t(this),o=s.required.length;for(e=0;o>e;e++)n.push(new i(a.find('[name="'+s.required[e].name+'"]'),s.required[e].validate||!1));a.on("submit",function(t){var i=!1;if(!a.data("passed")){t.preventDefault();var e,o=n.length;for(e=0;o>e;e++)n[e].validate()||(i=!0);if(i){if(s.fail&&"function"==typeof s.fail)return s.fail(),void 0}else{if(s.submit&&"function"==typeof s.submit)return s.submit(a.serializeArray()),void 0;a.data("passed",!0).submit()}}})})}}(jQuery),Modernizr.load({test:Modernizr.touch,yep:Gumby.path+"/jquery.mobile.custom.min.js",callback:function(){$.mobile&&(window.Gumby.click+=" tap")},complete:function(){window.Gumby.init(),"function"==typeof define&&define.amd&&define(window.Gumby)}});
@@ -0,0 +1,84 @@
1
+ /**
2
+ * Gumby Checkbox
3
+ */
4
+ !function() {
5
+
6
+ 'use strict';
7
+
8
+ function Checkbox($el) {
9
+
10
+ this.$el = $el;
11
+ var scope = this;
12
+
13
+ // listen for click event and custom gumby check/uncheck events
14
+ this.$el.on(Gumby.click, function(e) {
15
+ // prevent propagation
16
+ e.stopImmediatePropagation();
17
+
18
+ // prevent checkbox checking, we'll do that manually
19
+ e.preventDefault();
20
+
21
+ // check/uncheck
22
+ if(scope.$el.hasClass('checked')) {
23
+ scope.update(false);
24
+ } else {
25
+ scope.update(true);
26
+ }
27
+ }).on('gumby.check', function() {
28
+ scope.update(true);
29
+ }).on('gumby.uncheck', function() {
30
+ scope.update(false);
31
+ });
32
+
33
+ // update any .checked checkboxes on load
34
+ if(scope.$el.hasClass('checked')) {
35
+ scope.update(true);
36
+ }
37
+ }
38
+
39
+ // update checkbox, check equals true/false to sepcify check/uncheck
40
+ Checkbox.prototype.update = function(check) {
41
+
42
+ var $input = this.$el.find('input'),
43
+ $span = this.$el.find('span');
44
+
45
+ // check checkbox - check input, add checked class, append <i>
46
+ if(check) {
47
+
48
+ $span.append('<i class="icon-check" />');
49
+
50
+ $input.prop('checked', true).end()
51
+ .addClass('checked')
52
+ .trigger('gumby.onCheck').trigger('gumby.onChange');
53
+
54
+ // uncheck checkbox - uncheck input, remove checked class, remove <i>
55
+ } else {
56
+ $input.prop('checked', false).end()
57
+ .find('i').remove().end()
58
+ .removeClass('checked').trigger('gumby.onUncheck').trigger('gumby.onChange');
59
+ }
60
+ };
61
+
62
+ // add initialisation
63
+ Gumby.addInitalisation('checkboxes', function() {
64
+ $('.checkbox').each(function() {
65
+ var $this = $(this);
66
+ // this element has already been initialized
67
+ if($this.data('isCheckbox')) {
68
+ return true;
69
+ }
70
+ // mark element as initialized
71
+ $this.data('isCheckbox', true);
72
+ new Checkbox($this);
73
+ });
74
+ });
75
+
76
+ // register UI module
77
+ Gumby.UIModule({
78
+ module: 'checkbox',
79
+ events: ['onCheck', 'onUncheck', 'onChange', 'check', 'uncheck'],
80
+ init: function() {
81
+ Gumby.initialize('checkboxes');
82
+ }
83
+ });
84
+ }();
@@ -0,0 +1,107 @@
1
+ /**
2
+ * Gumby FitText
3
+ *
4
+ * Adapted from the awesome FitText jQuery plugin
5
+ * brought to you by Paravel - http://paravelinc.com/
6
+ */
7
+ !function() {
8
+
9
+ 'use strict';
10
+
11
+ function FitText($el) {
12
+ this.$el = $el;
13
+
14
+ this.rate = 0;
15
+ this.fontSizes = {};
16
+
17
+ // set up module based on attributes
18
+ this.setup();
19
+
20
+ var scope = this;
21
+
22
+ // re-initialize module
23
+ this.$el.on('gumby.initialize', function() {
24
+ scope.setup();
25
+ });
26
+
27
+ // lets go
28
+ $(window).on('load resize orientationchange', function() {
29
+ scope.resize();
30
+ });
31
+ }
32
+
33
+ // set up module based on attributes
34
+ FitText.prototype.setup = function() {
35
+ // optional compressor rate
36
+ this.rate = Number(Gumby.selectAttr.apply(this.$el, ['rate'])) || 1;
37
+ // optional font sizes (min|max)
38
+ this.fontSizes = this.parseSizes(Gumby.selectAttr.apply(this.$el, ['sizes']));
39
+ };
40
+
41
+ // apply the resizing
42
+ FitText.prototype.resize = function() {
43
+ this.$el.css('font-size', this.calculateSize());
44
+ };
45
+
46
+ // calculate the font size
47
+ FitText.prototype.calculateSize = function() {
48
+ return Math.max(Math.min(this.$el.width() / (this.rate*10), parseFloat(this.fontSizes.max)), parseFloat(this.fontSizes.min));
49
+ };
50
+
51
+ // parse size attributes with min|max syntax
52
+ FitText.prototype.parseSizes = function(attrStr) {
53
+ var sizes = {
54
+ min: Number.NEGATIVE_INFINITY,
55
+ max: Number.POSITIVE_INFINITY
56
+ };
57
+
58
+ // attribute is optional
59
+ if(!attrStr) { return sizes; }
60
+
61
+ // min and/or max specified
62
+ if(attrStr.indexOf('|') > -1) {
63
+ attrStr = attrStr.split('|');
64
+
65
+ // both are optional
66
+ sizes.min = Number(attrStr[0]) || sizes.min;
67
+ sizes.max = Number(attrStr[1]) || sizes.max;
68
+ }
69
+
70
+ // only one value specific without | so use as min
71
+ sizes.min = Number(attrStr) || sizes.min;
72
+
73
+ return sizes;
74
+ };
75
+
76
+ // add initialisation
77
+ Gumby.addInitalisation('fittext', function(all) {
78
+ $('.fittext').each(function() {
79
+ var $this = $(this);
80
+
81
+ // this element has already been initialized
82
+ // and we're only initializing new modules
83
+ if($this.data('isFittext') && !all) {
84
+ return true;
85
+
86
+ // this element has already been initialized
87
+ // and we need to reinitialize it
88
+ } else if($this.data('isFittext') && all) {
89
+ $this.trigger('gumby.initialize');
90
+ return true;
91
+ }
92
+
93
+ // mark element as initialized
94
+ $this.data('isFittext', true);
95
+ new FitText($this);
96
+ });
97
+ });
98
+
99
+ // register UI module
100
+ Gumby.UIModule({
101
+ module: 'fittext',
102
+ events: [],
103
+ init: function() {
104
+ Gumby.initialize('fittext');
105
+ }
106
+ });
107
+ }();