framous 0.3.2 → 0.3.3

data/templates/project/javascripts/plugins/framous.modal.js

@@ -0,0 +1,163 @@
+/*
+ * Modal plugin for jQuery
+ * --
+ * source: http://github.com/borderlab/framous
+ * site: 
+ *
+ * @author Thomas Hermant (http://hanami.be)
+ * Copyright 2013, Thomas Hermant
+ * Released under the MIT, BSD, and GPL Licenses.
+ */
+
+(function ( $ ) {
+
+	// global vars
+	var is_touch = !!('ontouchstart' in window) || !!('onmsgesturechange' in window),
+		modals,
+		btn_close_and_backgrounds,
+		links,
+		// add event depending of touch device or not
+		add_event = function(el, action)
+		{
+			if(is_touch)
+			{
+				var init_x, int_y, delta_x, delta_y;
+
+				el.on("touchstart.framous.modal", function(e){
+					init_x = (e && e.originalEvent && e.originalEvent.touches && e.originalEvent.touches[0].pageX) ? e.originalEvent.touches[0].pageX : 0;
+                	init_y = (e && e.originalEvent && e.originalEvent.touches && e.originalEvent.touches[0].pageX) ? e.originalEvent.touches[0].pageY : 0;
+					delta_x = 0;
+					delta_y = 0;
+				});	
+
+				el.on("touchmove.framous.modal", function(e){
+					delta_x = e.originalEvent.touches[0].pageX - init_x;
+					delta_y = e.originalEvent.touches[0].pageY - init_y;
+				});
+
+				el.on("touchend.framous.modal", function(e){
+					e.preventDefault();
+
+					// tap event -> no scroll
+					if(Math.abs(delta_x) < 2 && Math.abs(delta_y) < 2)
+					{
+						action(e);
+					}
+				});
+			}
+			else
+			{
+				el.on("click.framous.modal",function(e){
+					action(e);	
+				});
+			}
+		};
+
+	var methods = {
+
+		init : function( options ) {
+			
+			// default options
+			var settings = $.extend({
+				link_active_class: "is-active",
+				modal_class: "js-modal",
+				modal_bkg_class: "js-modal",
+				modal_content_class: "js-modal-content",
+				modal_close_class: "js-modal-close",
+				modal_active_class: "is-visible",
+			}, options );
+
+			// get modals
+			modals = $("." + settings.modal_class);
+
+			// get links
+			links = $(this.selector);
+
+			// get btn close and background model for closing event
+			btn_close_and_backgrounds = $("." + settings.modal_close_class + ", ." + settings.modal_bkg_class);
+
+			// action close modal
+			var close_all_modals = function(e)
+			{
+				e.preventDefault();
+				links.removeClass(settings.link_active_class);
+				modals.removeClass(settings.modal_active_class);
+			};
+
+			// create event on "click"/"tap" close button
+			btn_close_and_backgrounds.each(function(index){
+				var btn = $(this);
+				add_event(btn,close_all_modals);
+			});
+
+			// init height and position of each content
+			modals.each(function(index){
+				var modal = $(this);
+				var modal_content = modal.find("." + settings.modal_content_class);
+				modal_content.on(is_touch ? "touchstart.framous.modal" : "click.framous.modal",function(e){
+					// to avoid hide content modal
+					e.stopPropagation();
+				});
+				modal_content.css({height:"auto"});
+				var h = modal_content.innerHeight();
+				modal_content.css({marginTop:- Math.round(h/2) + "px"})
+			});
+
+			var active_link = function(index)
+			{
+				links.removeClass(settings.link_active_class).eq(index).addClass(settings.link_active_class);
+			};
+
+			var active_modal = function(index)
+			{
+				modals.removeClass(settings.modal_active_class).eq(index).addClass(settings.modal_active_class);
+			};
+
+			// chaining 
+			return this.each(function(index){
+					
+				var link = $(this);
+
+				var event_link_action = function(e)
+				{
+					e.preventDefault();
+
+					var href = link.attr("href");
+					var modal = modals.filter(href);
+
+					active_link(index);
+					active_modal(index);
+				}
+				
+				add_event(link,event_link_action);
+			});
+		},
+		// display the modal with the id
+		display : function(id) {
+			var link = $(this.selector).filter("[href='#"+id+"']");
+			link.trigger(is_touch ? "touchstart.framous.modal" : "click.framous.modal");
+			if(is_touch)
+			{
+				link.trigger("touchend.framous.modal");
+			}
+		}
+	}
+
+	$.fn.modal = function(methodOrOptions) 
+	{
+		if ( methods[methodOrOptions] ) 
+		{
+			return methods[ methodOrOptions ].apply( this, Array.prototype.slice.call( arguments, 1 ));
+		}
+		else if ( typeof methodOrOptions === 'object' || ! methodOrOptions ) 
+		{
+			// Default to "init"
+			return methods.init.apply( this, arguments );
+		}
+		else 
+		{
+			$.error('Method ' +  method + ' does not exist on jQuery.scrollspy');
+		}    
+	};
+
+}( jQuery ));

data/templates/project/javascripts/plugins/framous.scrollspy.js

@@ -0,0 +1,221 @@
+/*
+ * ScrollSpy plugin for jQuery
+ * --
+ * source: http://github.com/borderlab/framous
+ * site: 
+ *
+ * @author Thomas Hermant (http://hanami.be)
+ * Copyright 2013, Thomas Hermant
+ * Released under the MIT, BSD, and GPL Licenses.
+ */
+
+(function ( $ ) {
+	// vars
+	var is_touch = !!('ontouchstart' in window) || !!('onmsgesturechange' in window),
+		win = $(window),
+		nav,
+		nav_links,
+		html_body,
+		targets,
+		targets_ids = [],
+		targets_offset_tops = [],
+		targets_count = 0,
+		time_out,
+		current_index = null,
+		after_scroll_func,
+		has_after_scroll = false,
+		// get window height
+		win_height = win.height(),
+		// add click or tap event depending if it's a touch device or not
+		add_event = function(el, action)
+		{
+			if(is_touch)
+			{
+				var init_x, int_y, delta_x, delta_y;
+
+				el.on("touchstart.framous.scrollspy", function(e){
+					init_x = (e && e.originalEvent && e.originalEvent.touches && e.originalEvent.touches[0].pageX) ? e.originalEvent.touches[0].pageX : 0;
+                	init_y = (e && e.originalEvent && e.originalEvent.touches && e.originalEvent.touches[0].pageX) ? e.originalEvent.touches[0].pageY : 0;
+					delta_x = 0;
+					delta_y = 0;
+				});	
+
+				el.on("touchmove.framous.scrollspy", function(e){
+					delta_x = e.originalEvent.touches[0].pageX - init_x;
+					delta_y = e.originalEvent.touches[0].pageY - init_y;
+				});
+
+				el.on("touchend.framous.scrollspy", function(e){
+					e.preventDefault();
+
+					// no scroll -> tap event
+					if(Math.abs(delta_x) < 2 && Math.abs(delta_y) < 2)
+					{
+						action(e);
+					}
+				});
+			}
+			else
+			{
+				el.on("click.framous.scrollspy",function(e){
+					action(e);	
+				});
+			}
+		};
+
+
+	// listen to window resize event
+	win.on("resize.framous.scrollspy", function(e){
+		win_height = win.height();
+	});
+
+	var methods = {
+
+		init : function( options ) {
+
+			// default options
+			var settings = $.extend({
+				// time for scrolling animation
+				scroll_time: 700,
+				// link to spy in the navigation
+				link_class: null, 
+				// active class for links of the navigation
+				active_link_class: "is-active",
+				// active class for targets
+				active_content_class: "is-target",
+				// delay for firing the after_scroll handler
+				after_scroll_delay: 100,
+				// after scroll handler
+				after_scroll: null, // function(index){...}
+				// activate or not the scroll when click/tap on link
+				link_scrolling: true,
+				// check the offset top of the target on each scroll event | when false check the offset top at launch plugin launch
+				live_target_offset_top: false
+			}, options );
+
+			// element for scroll animation
+			nav = this;
+			html_body = $("html, body");
+			nav_links = nav.find((settings.link_class == null ? "a" : "a." + settings.link_class));
+			targets_count = nav_links.length;
+			has_after_scroll = (settings.after_scroll != null && typeof settings.after_scroll == "function");
+
+			// init targets_ids array and targets_offset_tops array
+			nav_links.each(function(index){
+				var target_id = $(this).attr("href");
+				targets_ids.push(target_id);
+				var target = $(target_id);
+				targets_offset_tops.push(Math.ceil(target.offset().top));
+			});
+
+			targets = $(targets_ids.join(','));
+
+			// add events for links
+			if(settings.link_scrolling)
+			{
+				nav_links.each(function(index){
+					var nav_link = $(this);
+					
+					// scrolling action when click/tap on link
+					var event_link_action = function(e)
+					{
+						e.preventDefault();
+						html_body.animate({scrollTop: targets_offset_tops[index]},{duration: settings.scroll_time});
+					};
+
+					add_event(nav_link,event_link_action);
+				});	
+			}
+			
+			// active the "index" target
+			var active_target = function(index)
+			{
+				targets.removeClass(settings.active_content_class).eq(index).addClass(settings.active_content_class);
+			};
+
+			// active the "index" link
+			var active_link = function(index)
+			{
+				nav_links.removeClass(settings.active_link_class).eq(index).addClass(settings.active_link_class);
+			};
+
+			// set current index from window scrollTop 
+			var set_current_index = function(scroll_top)
+			{
+				// search for the current index
+				for(var i = 0 ; i < targets_count; i++)
+				{
+					var target_offset_top = (settings.live_target_offset_top) ? targets.eq(i).offset().top : targets_offset_tops[i];
+					if(target_offset_top - scroll_top <= 0)
+					{
+						current_index = i;
+					}
+				}
+				
+				// check if we are at the end of the page scroll
+				if (scroll_top >= (html_body.prop("scrollHeight") - win_height))
+				{
+					current_index = targets_count - 1;
+				}
+			}
+
+			// after scroll
+			if(has_after_scroll)
+			{
+				after_scroll_func = function()
+				{
+					settings.after_scroll(current_index);
+				}	
+			}
+
+			// listen the event scroll
+			win.on("scroll.framous.scrollspy", function(e){
+				set_current_index(win.scrollTop());
+				active_link(current_index);
+				active_target(current_index);
+
+				// after scroll action 
+				if(has_after_scroll)
+				{
+					clearTimeout(time_out);
+					time_out = setTimeout(after_scroll_func,settings.after_scroll_delay);	
+				}
+			});	
+
+			// default event scroll
+			win.trigger("scroll.framous.scrollspy");
+
+			// chaining 
+			return this;
+		},
+
+		// animate to id target
+		goto : function(id) {
+			var nav = $(this.selector);
+			var link = nav.find('a[href="#'+id + '"]');
+			link.trigger((is_touch ? "touchstart.framous.scrollspy" : "click.framous.scrollspy"));
+			if (is_touch)
+			{
+				link.trigger("touchend.framous.scrollspy");
+			}
+		}
+	}
+
+	$.fn.scrollspy = function(methodOrOptions) 
+	{
+		if ( methods[methodOrOptions] ) 
+		{
+			return methods[ methodOrOptions ].apply( this, Array.prototype.slice.call( arguments, 1 ));
+		}
+		else if ( typeof methodOrOptions === 'object' || ! methodOrOptions ) 
+		{
+			// Default to "init"
+			return methods.init.apply( this, arguments );
+		}
+		else 
+		{
+			$.error('Method ' +  method + ' does not exist on jQuery.scrollspy');
+		}    
+	};
+
+}( jQuery ));

data/templates/project/javascripts/plugins/framous.sticky.js

@@ -0,0 +1,75 @@
+/*
+ * Sticky plugin for jQuery
+ * --
+ * source: http://github.com/borderlab/framous
+ * site: 
+ *
+ * @author Thomas Hermant (http://hanami.be)
+ * Copyright 2013, Thomas Hermant
+ * Released under the MIT, BSD, and GPL Licenses.
+ */
+
+(function ( $ ) {
+
+	// global vars
+	var is_touch = !!('ontouchstart' in window) || !!('onmsgesturechange' in window),
+		win = $(window),
+		body,
+		sticky,
+		sticky_offset_top;
+
+	var methods = {
+
+		init : function( options ) {
+			
+			// default options
+			var settings = $.extend({
+				sticky_class: "is-sticky",
+				body_class: "has-sticky",
+				offset_top: 0
+			}, options );
+
+			
+			body = $("body");
+			sticky = this;
+			sticky_offset_top = sticky.offset().top - settings.offset_top;
+
+			win.on("scroll.framous.sticky", function(e){
+				var scroll_top = win.scrollTop();
+				if(sticky_offset_top < scroll_top)
+				{
+					sticky.addClass(settings.sticky_class);
+					body.addClass(settings.body_class);
+				}
+				else
+				{
+					sticky.removeClass(settings.sticky_class);
+					body.removeClass(settings.body_class);
+				}
+			});
+
+			win.trigger("scroll.framous.sticky");
+
+			// chaining 
+			return this;
+		}
+	}
+
+	$.fn.sticky = function(methodOrOptions) 
+	{
+		if ( methods[methodOrOptions] ) 
+		{
+			return methods[ methodOrOptions ].apply( this, Array.prototype.slice.call( arguments, 1 ));
+		}
+		else if ( typeof methodOrOptions === 'object' || ! methodOrOptions ) 
+		{
+			// Default to "init"
+			return methods.init.apply( this, arguments );
+		}
+		else 
+		{
+			$.error('Method ' +  method + ' does not exist on jQuery.scrollspy');
+		}    
+	};
+
+}( jQuery ));

data/templates/project/javascripts/plugins/framous.toggle.js

@@ -0,0 +1,162 @@
+/*
+ * Toogle plugin for jQuery
+ * --
+ * source: http://github.com/borderlab/framous
+ * site: 
+ *
+ * @author Thomas Hermant (http://hanami.be)
+ * Copyright 2013, Thomas Hermant
+ * Released under the MIT, BSD, and GPL Licenses.
+ */
+
+(function ( $ ) {
+
+	var is_touch = !!('ontouchstart' in window) || !!('onmsgesturechange' in window),
+		btns=  {},
+		contents = {},
+		active_toggle = null,
+		update_checkbox = function(btn)
+		{
+			var checkbox = btn.find("input[type=checkbox]").eq(0);
+			if (btn.hasClass(btn.data("settings").active_btn_class))
+			{
+				checkbox[0].checked = true;
+			}
+			else
+			{
+				checkbox[0].checked = false;	
+			}
+		},
+		// add event depending of touch device or not
+		add_event = function(el, action)
+		{
+			if(is_touch)
+			{
+				var init_x, int_y, delta_x, delta_y;
+
+				el.on("touchstart.framous.toggle", function(e){
+					init_x = (e && e.originalEvent && e.originalEvent.touches && e.originalEvent.touches[0].pageX) ? e.originalEvent.touches[0].pageX : 0;
+                	init_y = (e && e.originalEvent && e.originalEvent.touches && e.originalEvent.touches[0].pageX) ? e.originalEvent.touches[0].pageY : 0;
+					delta_x = 0;
+					delta_y = 0;
+				});	
+
+				el.on("touchmove.framous.toggle", function(e){
+					delta_x = e.originalEvent.touches[0].pageX - init_x;
+					delta_y = e.originalEvent.touches[0].pageY - init_y;
+				});
+
+				el.on("touchend.framous.toggle", function(e){
+					e.preventDefault();
+
+					// tap event -> no scroll
+					if(Math.abs(delta_x) < 2 && Math.abs(delta_y) < 2)
+					{
+						action(e);
+					}
+				});
+			}
+			else
+			{
+				el.on("click.framous.toggle",function(e){
+					action(e);	
+				});
+			}
+		};
+
+	var methods = {
+
+		init : function( options ) {
+	 
+			// default options
+			var settings = $.extend({
+				active_btn_class: "is-active",
+				radio: false,
+				active_index : null
+			}, options );
+
+			var selector = this.selector;         
+
+			// buttons
+			btns[selector] = this;
+
+			// chaining 
+			this.each(function(index){
+				var btn = $(this);
+				btn.data("settings",settings);
+
+				var event_btn_action = function(e)
+				{
+					e.preventDefault();
+					// radio -> only one is active
+					if(settings.radio)
+					{
+						btns[selector].removeClass(settings.active_btn_class);
+						btns[selector].each(function(i){
+							var b = $(this);
+							update_checkbox(b);
+						});
+					}
+
+					btn.toggleClass(settings.active_btn_class);	
+					update_checkbox(btn);
+				};
+
+				add_event(btn,event_btn_action);
+
+				// init default checkbox of button with the active_btn_class
+				if (btn.has(settings.active_btn_class))
+				{
+					update_checkbox(btn);
+				}
+
+			});
+
+			if (settings.active_index != null && settings.active_index != undefined && typeof settings.active_index == "object" && typeof settings.active_index.length == "number")
+			{
+				var l = settings.active_index.length;
+				var continue_bool = true;
+				for (var i = 0 ; (i < l) && continue_bool ; i++)
+				{
+					if(i < settings.active_index.length)
+					{
+						btns[selector].eq(settings.active_index[i]).click();
+					}
+					if (settings.radio)
+					{
+						continue_bool = false;
+					}
+				}
+			}
+			return this;
+		}
+		,
+		// select the indexed toggle
+		active : function(index) {
+			var btn = $(this.selector).eq(index);
+			btn.trigger(is_touch ? "touchstart.framous.toggle" : "click.framous.toggle");
+			if (is_touch)
+			{
+				btn.trigger("touchend.framous.toggle");
+			}
+		},
+	}
+
+	$.fn.toggle = function(methodOrOptions) 
+	{
+		if ( methods[methodOrOptions] ) 
+		{
+			return methods[ methodOrOptions ].apply( this, Array.prototype.slice.call( arguments, 1 ));
+		}
+		else if ( typeof methodOrOptions === 'object' || ! methodOrOptions ) 
+		{
+			// Default to "init"
+			return methods.init.apply( this, arguments );
+		}
+		else 
+		{
+			$.error( 'Method ' +  method + ' does not exist on jQuery.tooltip' );
+		}    
+	};
+
+}( jQuery ));