First

theme/js/libs/gumby.init.js

@@ -0,0 +1,27 @@
+/**
+* Gumby Init
+*/
+
+// test for touch event support
+Modernizr.load({
+	test: Modernizr.touch,
+
+	// if present load custom jQuery mobile build and update Gumby.click
+	yep: 'js/libs/jquery.mobile.custom.min.js',
+	callback: function(url, result, key) {
+		// check jQuery mobile has successfully loaded before using tap events
+		if($.mobile) {
+			window.Gumby.click = 'tap';
+		}
+	},
+
+	// either way initialize Gumby
+	complete: function() {
+		window.Gumby.init();
+
+		// if AMD return Gumby object to define
+		if(typeof define == "function" && define.amd) {
+			define(window.Gumby);
+		}
+	}
+});

theme/js/libs/gumby.js

@@ -0,0 +1,145 @@
+/**
+* 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 = 'click';
+		this.onReady = this.onOldie = this.onTouch = false;
+		this.uiModules = {};
+		this.inits = {};
+	}
+
+	// initialize Gumby
+	Gumby.prototype.init = function() {
+		// init UI modules
+		this.initUIModules();
+
+		var scope = this;
+
+		// call ready() code when dom is ready
+		this.$dom.ready(function() {
+			if(scope.onReady) {
+				scope.onReady();
+			}
+
+			// call oldie() callback if applicable
+			if(scope.isOldie && scope.onOldie) {
+				scope.onOldie();
+			}
+
+			// call touch() callback if applicable
+			if(Modernizr.touch && scope.onTouch) {
+				scope.onTouch();
+			}
+		});
+	};
+
+	// 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;
+		}
+	};
+
+	// public helper - set touch callback
+	Gumby.prototype.touch = function(code) {
+		if(code && typeof code === 'function') {
+			this.onTouch = code;
+		}
+	};
+
+	// public helper - return debuggin object including uiModules object
+	Gumby.prototype.debug = function() {
+		return {
+			$dom: this.$dom,
+			isOldie: this.isOldie,
+			uiModules: this.uiModules,
+			click: this.click
+		};
+	};
+
+
+	// 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();
+		}
+	};
+
+	window.Gumby = new Gumby();
+
+}();

theme/js/libs/ui/gumby.navbar.js

@@ -0,0 +1,69 @@
+/**
+* Gumby Navbar
+*/
+!function() {
+
+	'use strict';
+
+	// define module class and init only if we're on touch devices
+	if(!Modernizr.touch) {
+		return;
+	}
+
+	function Navbar($el) {
+		this.$el = $el;
+		var scope = this;
+
+		// when navbar items are tapped hide/show dropdowns
+		this.$el.find('li').on(Gumby.click, function(e) {
+			var $this = $(this);
+
+			e.stopPropagation();
+
+			// prevent jump to top of page
+			if(this.href === '#') {
+				e.preventDefault();
+			}
+
+			scope.dropdown($this);
+		});
+	}
+
+	// hide/show dropdowns
+	Navbar.prototype.dropdown = function($this) {
+		// we have dropdowns so open/cose
+		if($this.children('.dropdown').length) {
+			if($this.hasClass('active')) {
+				$this.removeClass('active');
+			} else {
+				$this.addClass('active');
+			}
+		// no dropdown so close others
+		} else {
+			this.$items.removeClass('active');
+		}
+	};
+
+	// add initialisation
+	Gumby.addInitalisation('navbars', function() {
+		$('.navbar').each(function() {
+			var $this = $(this);
+			// this element has already been initialized
+			if($this.data('isNavbar')) {
+				return true;
+			}
+			// mark element as initialized
+			$this.data('isNavbar', true);
+			new Navbar($this);
+		});
+	});
+
+	// register UI module
+	Gumby.UIModule({
+		module: 'navbar',
+		events: [],
+		init: function() {
+			Gumby.initialize('navbars');
+		}
+	});
+}();