Add vendor JavaScript
Adds the vendor javascript for foundation 4, zepto.js, jquery, and modernizer. foundation scripts to be compressed after finalized.
This commit is contained in:
parent
467f956e5c
commit
af956c82be
|
|
@ -0,0 +1,18 @@
|
|||
Vendor JavaScript Files
|
||||
========================
|
||||
|
||||
This directory contains the following scripts which are used by pelican-red.
|
||||
|
||||
* jQuery 1.10.0 compressed
|
||||
* Zepto.js 1.0 compressed
|
||||
* Foundation 4 JavaScript
|
||||
* Custom Modernizer from Foundation 4
|
||||
* Foundation.js
|
||||
* foundation.alerts
|
||||
* foundation.clearing
|
||||
* foundation.dropdown
|
||||
* foundation.forms
|
||||
* foundation.magellan
|
||||
* foundation.orbit
|
||||
* foundation.reveal
|
||||
* foundation.section
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,50 @@
|
|||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.alerts = {
|
||||
name : 'alerts',
|
||||
|
||||
version : '4.0.0',
|
||||
|
||||
settings : {
|
||||
speed: 300, // fade out speed
|
||||
callback: function (){}
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
if (!this.settings.init) this.events();
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope).on('click.fndtn.alerts', '[data-alert] a.close', function (e) {
|
||||
e.preventDefault();
|
||||
$(this).closest("[data-alert]").fadeOut(self.speed, function () {
|
||||
$(this).remove();
|
||||
self.settings.callback();
|
||||
});
|
||||
});
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.alerts');
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
|
|
@ -0,0 +1,516 @@
|
|||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.clearing = {
|
||||
name : 'clearing',
|
||||
|
||||
version : '4.1.3',
|
||||
|
||||
settings : {
|
||||
templates : {
|
||||
viewing : '<a href="#" class="clearing-close">×</a>' +
|
||||
'<div class="visible-img" style="display: none"><img src="//:0">' +
|
||||
'<p class="clearing-caption"></p><a href="#" class="clearing-main-prev"><span></span></a>' +
|
||||
'<a href="#" class="clearing-main-next"><span></span></a></div>'
|
||||
},
|
||||
|
||||
// comma delimited list of selectors that, on click, will close clearing,
|
||||
// add 'div.clearing-blackout, div.visible-img' to close on background click
|
||||
close_selectors : '.clearing-close',
|
||||
|
||||
// event initializers and locks
|
||||
init : false,
|
||||
locked : false
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
var self = this;
|
||||
Foundation.inherit(this, 'set_data get_data remove_data throttle data_options');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
options = $.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
$(this.scope).find('ul[data-clearing]').each(function () {
|
||||
var $el = $(this),
|
||||
options = options || {},
|
||||
lis = $el.find('li'),
|
||||
settings = self.get_data($el);
|
||||
|
||||
if (!settings && lis.length > 0) {
|
||||
options.$parent = $el.parent();
|
||||
|
||||
self.set_data($el, $.extend({}, self.settings, options, self.data_options($el)));
|
||||
|
||||
self.assemble($el.find('li'));
|
||||
|
||||
if (!self.settings.init) {
|
||||
self.events().swipe_events();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
// fire method
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
// event binding and initial setup
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('click.fndtn.clearing', 'ul[data-clearing] li',
|
||||
function (e, current, target) {
|
||||
var current = current || $(this),
|
||||
target = target || current,
|
||||
next = current.next('li'),
|
||||
settings = self.get_data(current.parent()),
|
||||
image = $(e.target);
|
||||
|
||||
e.preventDefault();
|
||||
if (!settings) self.init();
|
||||
|
||||
// if clearing is open and the current image is
|
||||
// clicked, go to the next image in sequence
|
||||
if (target.hasClass('visible')
|
||||
&& current[0] === target[0]
|
||||
&& next.length > 0 && self.is_open(current)) {
|
||||
target = next;
|
||||
image = target.find('img');
|
||||
}
|
||||
|
||||
// set current and target to the clicked li if not otherwise defined.
|
||||
self.open(image, current, target);
|
||||
self.update_paddles(target);
|
||||
})
|
||||
|
||||
.on('click.fndtn.clearing', '.clearing-main-next',
|
||||
function (e) { this.nav(e, 'next') }.bind(this))
|
||||
.on('click.fndtn.clearing', '.clearing-main-prev',
|
||||
function (e) { this.nav(e, 'prev') }.bind(this))
|
||||
.on('click.fndtn.clearing', this.settings.close_selectors,
|
||||
function (e) { Foundation.libs.clearing.close(e, this) })
|
||||
.on('keydown.fndtn.clearing',
|
||||
function (e) { this.keydown(e) }.bind(this));
|
||||
|
||||
$(window).on('resize.fndtn.clearing',
|
||||
function () { this.resize() }.bind(this));
|
||||
|
||||
this.settings.init = true;
|
||||
return this;
|
||||
},
|
||||
|
||||
swipe_events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('touchstart.fndtn.clearing', '.visible-img', function(e) {
|
||||
if (!e.touches) { e = e.originalEvent; }
|
||||
var data = {
|
||||
start_page_x: e.touches[0].pageX,
|
||||
start_page_y: e.touches[0].pageY,
|
||||
start_time: (new Date()).getTime(),
|
||||
delta_x: 0,
|
||||
is_scrolling: undefined
|
||||
};
|
||||
|
||||
$(this).data('swipe-transition', data);
|
||||
e.stopPropagation();
|
||||
})
|
||||
.on('touchmove.fndtn.clearing', '.visible-img', function(e) {
|
||||
if (!e.touches) { e = e.originalEvent; }
|
||||
// Ignore pinch/zoom events
|
||||
if(e.touches.length > 1 || e.scale && e.scale !== 1) return;
|
||||
|
||||
var data = $(this).data('swipe-transition');
|
||||
|
||||
if (typeof data === 'undefined') {
|
||||
data = {};
|
||||
}
|
||||
|
||||
data.delta_x = e.touches[0].pageX - data.start_page_x;
|
||||
|
||||
if ( typeof data.is_scrolling === 'undefined') {
|
||||
data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) );
|
||||
}
|
||||
|
||||
if (!data.is_scrolling && !data.active) {
|
||||
e.preventDefault();
|
||||
var direction = (data.delta_x < 0) ? 'next' : 'prev';
|
||||
data.active = true;
|
||||
self.nav(e, direction);
|
||||
}
|
||||
})
|
||||
.on('touchend.fndtn.clearing', '.visible-img', function(e) {
|
||||
$(this).data('swipe-transition', {});
|
||||
e.stopPropagation();
|
||||
});
|
||||
},
|
||||
|
||||
assemble : function ($li) {
|
||||
var $el = $li.parent();
|
||||
$el.after('<div id="foundationClearingHolder"></div>');
|
||||
|
||||
var holder = $('#foundationClearingHolder'),
|
||||
settings = this.get_data($el),
|
||||
grid = $el.detach(),
|
||||
data = {
|
||||
grid: '<div class="carousel">' + this.outerHTML(grid[0]) + '</div>',
|
||||
viewing: settings.templates.viewing
|
||||
},
|
||||
wrapper = '<div class="clearing-assembled"><div>' + data.viewing +
|
||||
data.grid + '</div></div>';
|
||||
|
||||
return holder.after(wrapper).remove();
|
||||
},
|
||||
|
||||
// event callbacks
|
||||
|
||||
open : function ($image, current, target) {
|
||||
var root = target.closest('.clearing-assembled'),
|
||||
container = root.find('div').first(),
|
||||
visible_image = container.find('.visible-img'),
|
||||
image = visible_image.find('img').not($image);
|
||||
|
||||
if (!this.locked()) {
|
||||
// set the image to the selected thumbnail
|
||||
image
|
||||
.attr('src', this.load($image))
|
||||
.css('visibility', 'hidden');
|
||||
|
||||
this.loaded(image, function () {
|
||||
image.css('visibility', 'visible');
|
||||
// toggle the gallery
|
||||
root.addClass('clearing-blackout');
|
||||
container.addClass('clearing-container');
|
||||
visible_image.show();
|
||||
this.fix_height(target)
|
||||
.caption(visible_image.find('.clearing-caption'), $image)
|
||||
.center(image)
|
||||
.shift(current, target, function () {
|
||||
target.siblings().removeClass('visible');
|
||||
target.addClass('visible');
|
||||
});
|
||||
}.bind(this));
|
||||
}
|
||||
},
|
||||
|
||||
close : function (e, el) {
|
||||
e.preventDefault();
|
||||
|
||||
var root = (function (target) {
|
||||
if (/blackout/.test(target.selector)) {
|
||||
return target;
|
||||
} else {
|
||||
return target.closest('.clearing-blackout');
|
||||
}
|
||||
}($(el))), container, visible_image;
|
||||
|
||||
if (el === e.target && root) {
|
||||
container = root.find('div').first();
|
||||
visible_image = container.find('.visible-img');
|
||||
this.settings.prev_index = 0;
|
||||
root.find('ul[data-clearing]')
|
||||
.attr('style', '').closest('.clearing-blackout')
|
||||
.removeClass('clearing-blackout');
|
||||
container.removeClass('clearing-container');
|
||||
visible_image.hide();
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
is_open : function (current) {
|
||||
return current.parent().attr('style').length > 0;
|
||||
},
|
||||
|
||||
keydown : function (e) {
|
||||
var clearing = $('.clearing-blackout').find('ul[data-clearing]');
|
||||
|
||||
if (e.which === 39) this.go(clearing, 'next');
|
||||
if (e.which === 37) this.go(clearing, 'prev');
|
||||
if (e.which === 27) $('a.clearing-close').trigger('click');
|
||||
},
|
||||
|
||||
nav : function (e, direction) {
|
||||
var clearing = $('.clearing-blackout').find('ul[data-clearing]');
|
||||
|
||||
e.preventDefault();
|
||||
this.go(clearing, direction);
|
||||
},
|
||||
|
||||
resize : function () {
|
||||
var image = $('.clearing-blackout .visible-img').find('img');
|
||||
|
||||
if (image.length) {
|
||||
this.center(image);
|
||||
}
|
||||
},
|
||||
|
||||
// visual adjustments
|
||||
fix_height : function (target) {
|
||||
var lis = target.parent().children(),
|
||||
self = this;
|
||||
|
||||
lis.each(function () {
|
||||
var li = $(this),
|
||||
image = li.find('img');
|
||||
|
||||
if (li.height() > self.outerHeight(image)) {
|
||||
li.addClass('fix-height');
|
||||
}
|
||||
})
|
||||
.closest('ul')
|
||||
.width(lis.length * 100 + '%');
|
||||
|
||||
return this;
|
||||
},
|
||||
|
||||
update_paddles : function (target) {
|
||||
var visible_image = target
|
||||
.closest('.carousel')
|
||||
.siblings('.visible-img');
|
||||
|
||||
if (target.next().length > 0) {
|
||||
visible_image
|
||||
.find('.clearing-main-next')
|
||||
.removeClass('disabled');
|
||||
} else {
|
||||
visible_image
|
||||
.find('.clearing-main-next')
|
||||
.addClass('disabled');
|
||||
}
|
||||
|
||||
if (target.prev().length > 0) {
|
||||
visible_image
|
||||
.find('.clearing-main-prev')
|
||||
.removeClass('disabled');
|
||||
} else {
|
||||
visible_image
|
||||
.find('.clearing-main-prev')
|
||||
.addClass('disabled');
|
||||
}
|
||||
},
|
||||
|
||||
center : function (target) {
|
||||
if (!this.rtl) {
|
||||
target.css({
|
||||
marginLeft : -(this.outerWidth(target) / 2),
|
||||
marginTop : -(this.outerHeight(target) / 2)
|
||||
});
|
||||
} else {
|
||||
target.css({
|
||||
marginRight : -(this.outerWidth(target) / 2),
|
||||
marginTop : -(this.outerHeight(target) / 2)
|
||||
});
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
||||
// image loading and preloading
|
||||
|
||||
load : function ($image) {
|
||||
if ($image[0].nodeName === "A") {
|
||||
var href = $image.attr('href');
|
||||
} else {
|
||||
var href = $image.parent().attr('href');
|
||||
}
|
||||
|
||||
this.preload($image);
|
||||
|
||||
if (href) return href;
|
||||
return $image.attr('src');
|
||||
},
|
||||
|
||||
preload : function ($image) {
|
||||
this
|
||||
.img($image.closest('li').next())
|
||||
.img($image.closest('li').prev());
|
||||
},
|
||||
|
||||
loaded : function (image, callback) {
|
||||
// based on jquery.imageready.js
|
||||
// @weblinc, @jsantell, (c) 2012
|
||||
|
||||
function loaded () {
|
||||
callback();
|
||||
}
|
||||
|
||||
function bindLoad () {
|
||||
this.one('load', loaded);
|
||||
|
||||
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
|
||||
var src = this.attr( 'src' ),
|
||||
param = src.match( /\?/ ) ? '&' : '?';
|
||||
|
||||
param += 'random=' + (new Date()).getTime();
|
||||
this.attr('src', src + param);
|
||||
}
|
||||
}
|
||||
|
||||
if (!image.attr('src')) {
|
||||
loaded();
|
||||
return;
|
||||
}
|
||||
|
||||
if (image[0].complete || image[0].readyState === 4) {
|
||||
loaded();
|
||||
} else {
|
||||
bindLoad.call(image);
|
||||
}
|
||||
},
|
||||
|
||||
img : function (img) {
|
||||
if (img.length) {
|
||||
var new_img = new Image(),
|
||||
new_a = img.find('a');
|
||||
|
||||
if (new_a.length) {
|
||||
new_img.src = new_a.attr('href');
|
||||
} else {
|
||||
new_img.src = img.find('img').attr('src');
|
||||
}
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
||||
// image caption
|
||||
|
||||
caption : function (container, $image) {
|
||||
var caption = $image.data('caption');
|
||||
|
||||
if (caption) {
|
||||
container
|
||||
.text(caption)
|
||||
.show();
|
||||
} else {
|
||||
container
|
||||
.text('')
|
||||
.hide();
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
||||
// directional methods
|
||||
|
||||
go : function ($ul, direction) {
|
||||
var current = $ul.find('.visible'),
|
||||
target = current[direction]();
|
||||
|
||||
if (target.length) {
|
||||
target
|
||||
.find('img')
|
||||
.trigger('click', [current, target]);
|
||||
}
|
||||
},
|
||||
|
||||
shift : function (current, target, callback) {
|
||||
var clearing = target.parent(),
|
||||
old_index = this.settings.prev_index || target.index(),
|
||||
direction = this.direction(clearing, current, target),
|
||||
left = parseInt(clearing.css('left'), 10),
|
||||
width = this.outerWidth(target),
|
||||
skip_shift;
|
||||
|
||||
// we use jQuery animate instead of CSS transitions because we
|
||||
// need a callback to unlock the next animation
|
||||
if (target.index() !== old_index && !/skip/.test(direction)){
|
||||
if (/left/.test(direction)) {
|
||||
this.lock();
|
||||
clearing.animate({left : left + width}, 300, this.unlock());
|
||||
} else if (/right/.test(direction)) {
|
||||
this.lock();
|
||||
clearing.animate({left : left - width}, 300, this.unlock());
|
||||
}
|
||||
} else if (/skip/.test(direction)) {
|
||||
// the target image is not adjacent to the current image, so
|
||||
// do we scroll right or not
|
||||
skip_shift = target.index() - this.settings.up_count;
|
||||
this.lock();
|
||||
|
||||
if (skip_shift > 0) {
|
||||
clearing.animate({left : -(skip_shift * width)}, 300, this.unlock());
|
||||
} else {
|
||||
clearing.animate({left : 0}, 300, this.unlock());
|
||||
}
|
||||
}
|
||||
|
||||
callback();
|
||||
},
|
||||
|
||||
direction : function ($el, current, target) {
|
||||
var lis = $el.find('li'),
|
||||
li_width = this.outerWidth(lis) + (this.outerWidth(lis) / 4),
|
||||
up_count = Math.floor(this.outerWidth($('.clearing-container')) / li_width) - 1,
|
||||
target_index = lis.index(target),
|
||||
response;
|
||||
|
||||
this.settings.up_count = up_count;
|
||||
|
||||
if (this.adjacent(this.settings.prev_index, target_index)) {
|
||||
if ((target_index > up_count)
|
||||
&& target_index > this.settings.prev_index) {
|
||||
response = 'right';
|
||||
} else if ((target_index > up_count - 1)
|
||||
&& target_index <= this.settings.prev_index) {
|
||||
response = 'left';
|
||||
} else {
|
||||
response = false;
|
||||
}
|
||||
} else {
|
||||
response = 'skip';
|
||||
}
|
||||
|
||||
this.settings.prev_index = target_index;
|
||||
|
||||
return response;
|
||||
},
|
||||
|
||||
adjacent : function (current_index, target_index) {
|
||||
for (var i = target_index + 1; i >= target_index - 1; i--) {
|
||||
if (i === current_index) return true;
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
// lock management
|
||||
|
||||
lock : function () {
|
||||
this.settings.locked = true;
|
||||
},
|
||||
|
||||
unlock : function () {
|
||||
this.settings.locked = false;
|
||||
},
|
||||
|
||||
locked : function () {
|
||||
return this.settings.locked;
|
||||
},
|
||||
|
||||
// plugin management/browser quirks
|
||||
|
||||
outerHTML : function (el) {
|
||||
// support FireFox < 11
|
||||
return el.outerHTML || new XMLSerializer().serializeToString(el);
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.clearing');
|
||||
$(window).off('.fndtn.clearing');
|
||||
this.remove_data(); // empty settings cache
|
||||
this.settings.init = false;
|
||||
},
|
||||
|
||||
reflow : function () {
|
||||
this.init();
|
||||
}
|
||||
};
|
||||
|
||||
}(Foundation.zj, this, this.document));
|
||||
|
|
@ -0,0 +1,159 @@
|
|||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.dropdown = {
|
||||
name : 'dropdown',
|
||||
|
||||
version : '4.1.3',
|
||||
|
||||
settings : {
|
||||
activeClass: 'open',
|
||||
opened: function(){},
|
||||
closed: function(){}
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
Foundation.inherit(this, 'throttle scrollLeft');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
|
||||
if (!this.settings.init) {
|
||||
this.events();
|
||||
}
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('click.fndtn.dropdown', '[data-dropdown]', function (e) {
|
||||
e.preventDefault();
|
||||
self.toggle($(this));
|
||||
})
|
||||
.on('opened.fndtn.dropdown', '[data-dropdown-content]', this.settings.opened)
|
||||
.on('closed.fndtn.dropdown', '[data-dropdown-content]', this.settings.closed);
|
||||
|
||||
$('body').on('click.fndtn.dropdown', function (e) {
|
||||
var parent = $(e.target).closest('[data-dropdown-content]');
|
||||
|
||||
if ($(e.target).data('dropdown')) {
|
||||
return;
|
||||
}
|
||||
if (parent.length > 0 && ($(e.target).is('[data-dropdown-content]') || $.contains(parent.first()[0], e.target))) {
|
||||
e.stopPropagation();
|
||||
return;
|
||||
}
|
||||
|
||||
self.close.call(self, $('[data-dropdown-content]'));
|
||||
});
|
||||
|
||||
$(window).on('resize.fndtn.dropdown', self.throttle(function () {
|
||||
self.resize.call(self);
|
||||
}, 50)).trigger('resize');
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
close: function (dropdown) {
|
||||
var self = this;
|
||||
dropdown.each(function () {
|
||||
if ($(this).hasClass(self.settings.activeClass)) {
|
||||
$(this)
|
||||
.css(Foundation.rtl ? 'right':'left', '-99999px')
|
||||
.removeClass(self.settings.activeClass);
|
||||
$(this).trigger('closed');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
open: function (dropdown, target) {
|
||||
this
|
||||
.css(dropdown
|
||||
.addClass(this.settings.activeClass), target);
|
||||
dropdown.trigger('opened');
|
||||
},
|
||||
|
||||
toggle : function (target) {
|
||||
var dropdown = $('#' + target.data('dropdown'));
|
||||
|
||||
this.close.call(this, $('[data-dropdown-content]').not(dropdown));
|
||||
|
||||
if (dropdown.hasClass(this.settings.activeClass)) {
|
||||
this.close.call(this, dropdown);
|
||||
} else {
|
||||
this.open.call(this, dropdown, target);
|
||||
}
|
||||
},
|
||||
|
||||
resize : function () {
|
||||
var dropdown = $('[data-dropdown-content].open'),
|
||||
target = $("[data-dropdown='" + dropdown.attr('id') + "']");
|
||||
|
||||
if (dropdown.length && target.length) {
|
||||
this.css(dropdown, target);
|
||||
}
|
||||
},
|
||||
|
||||
css : function (dropdown, target) {
|
||||
// temporary workaround until 4.2
|
||||
if (/body/i.test(dropdown.offsetParent()[0].nodeName)) {
|
||||
var position = target.offset();
|
||||
position.top -= dropdown.offsetParent().offset().top;
|
||||
position.left -= dropdown.offsetParent().offset().left;
|
||||
} else {
|
||||
var position = target.position();
|
||||
}
|
||||
|
||||
if (this.small()) {
|
||||
dropdown.css({
|
||||
position : 'absolute',
|
||||
width: '95%',
|
||||
left: '2.5%',
|
||||
'max-width': 'none',
|
||||
top: position.top + this.outerHeight(target)
|
||||
});
|
||||
} else {
|
||||
if (!Foundation.rtl && $(window).width() > this.outerWidth(dropdown) + target.offset().left) {
|
||||
var left = position.left;
|
||||
} else {
|
||||
if (!dropdown.hasClass('right')) {
|
||||
dropdown.addClass('right');
|
||||
}
|
||||
var left = position.left - (this.outerWidth(dropdown) - this.outerWidth(target));
|
||||
}
|
||||
|
||||
dropdown.attr('style', '').css({
|
||||
position : 'absolute',
|
||||
top: position.top + this.outerHeight(target),
|
||||
left: left
|
||||
});
|
||||
}
|
||||
|
||||
return dropdown;
|
||||
},
|
||||
|
||||
small : function () {
|
||||
return $(window).width() < 768 || $('html').hasClass('lt-ie9');
|
||||
},
|
||||
|
||||
off: function () {
|
||||
$(this.scope).off('.fndtn.dropdown');
|
||||
$('html, body').off('.fndtn.dropdown');
|
||||
$(window).off('.fndtn.dropdown');
|
||||
$('[data-dropdown-content]').off('.fndtn.dropdown');
|
||||
this.settings.init = false;
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
|
|
@ -0,0 +1,429 @@
|
|||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.forms = {
|
||||
name : 'forms',
|
||||
|
||||
version : '4.0.4',
|
||||
|
||||
settings : {
|
||||
disable_class: 'no-custom'
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
if (!this.settings.init) {
|
||||
this.events();
|
||||
}
|
||||
|
||||
this.assemble();
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
assemble : function () {
|
||||
$('form.custom input[type="radio"]', $(this.scope)).not('[data-customforms="disabled"]')
|
||||
.each(this.append_custom_markup);
|
||||
$('form.custom input[type="checkbox"]', $(this.scope)).not('[data-customforms="disabled"]')
|
||||
.each(this.append_custom_markup);
|
||||
$('form.custom select', $(this.scope))
|
||||
.not('[data-customforms="disabled"]')
|
||||
.not('[multiple=multiple]')
|
||||
.each(this.append_custom_select);
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('click.fndtn.forms', 'form.custom span.custom.checkbox', function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
self.toggle_checkbox($(this));
|
||||
})
|
||||
.on('click.fndtn.forms', 'form.custom span.custom.radio', function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
self.toggle_radio($(this));
|
||||
})
|
||||
.on('change.fndtn.forms', 'form.custom select:not([data-customforms="disabled"])', function (e) {
|
||||
self.refresh_custom_select($(this));
|
||||
})
|
||||
.on('click.fndtn.forms', 'form.custom label', function (e) {
|
||||
var $associatedElement = $('#' + self.escape($(this).attr('for')) + ':not([data-customforms="disabled"])'),
|
||||
$customCheckbox,
|
||||
$customRadio;
|
||||
if ($associatedElement.length !== 0) {
|
||||
if ($associatedElement.attr('type') === 'checkbox') {
|
||||
e.preventDefault();
|
||||
$customCheckbox = $(this).find('span.custom.checkbox');
|
||||
//the checkbox might be outside after the label or inside of another element
|
||||
if ($customCheckbox.length == 0) {
|
||||
$customCheckbox = $associatedElement.add(this).siblings('span.custom.checkbox').first();
|
||||
}
|
||||
self.toggle_checkbox($customCheckbox);
|
||||
} else if ($associatedElement.attr('type') === 'radio') {
|
||||
e.preventDefault();
|
||||
$customRadio = $(this).find('span.custom.radio');
|
||||
//the radio might be outside after the label or inside of another element
|
||||
if ($customRadio.length == 0) {
|
||||
$customRadio = $associatedElement.add(this).siblings('span.custom.radio').first();
|
||||
}
|
||||
self.toggle_radio($customRadio);
|
||||
}
|
||||
}
|
||||
})
|
||||
.on('click.fndtn.forms', 'form.custom div.custom.dropdown a.current, form.custom div.custom.dropdown a.selector', function (e) {
|
||||
var $this = $(this),
|
||||
$dropdown = $this.closest('div.custom.dropdown'),
|
||||
$select = $dropdown.prev();
|
||||
|
||||
// make sure other dropdowns close
|
||||
if(!$dropdown.hasClass('open'))
|
||||
$(self.scope).trigger('click');
|
||||
|
||||
e.preventDefault();
|
||||
if (false === $select.is(':disabled')) {
|
||||
$dropdown.toggleClass('open');
|
||||
|
||||
if ($dropdown.hasClass('open')) {
|
||||
$(self.scope).on('click.fndtn.forms.customdropdown', function () {
|
||||
$dropdown.removeClass('open');
|
||||
$(self.scope).off('.fndtn.forms.customdropdown');
|
||||
});
|
||||
} else {
|
||||
$(self.scope).on('.fndtn.forms.customdropdown');
|
||||
}
|
||||
return false;
|
||||
}
|
||||
})
|
||||
.on('click.fndtn.forms touchend.fndtn.forms', 'form.custom div.custom.dropdown li', function (e) {
|
||||
var $this = $(this),
|
||||
$customDropdown = $this.closest('div.custom.dropdown'),
|
||||
$select = $customDropdown.prev(),
|
||||
selectedIndex = 0;
|
||||
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
|
||||
if ( ! $(this).hasClass('disabled')) {
|
||||
$('div.dropdown').not($customDropdown).removeClass('open');
|
||||
|
||||
var $oldThis= $this
|
||||
.closest('ul')
|
||||
.find('li.selected');
|
||||
$oldThis.removeClass('selected');
|
||||
|
||||
$this.addClass('selected');
|
||||
|
||||
$customDropdown
|
||||
.removeClass('open')
|
||||
.find('a.current')
|
||||
.html($this.html());
|
||||
|
||||
$this.closest('ul').find('li').each(function (index) {
|
||||
if ($this[0] == this) {
|
||||
selectedIndex = index;
|
||||
}
|
||||
|
||||
});
|
||||
$select[0].selectedIndex = selectedIndex;
|
||||
|
||||
//store the old value in data
|
||||
$select.data('prevalue', $oldThis.html());
|
||||
$select.trigger('change');
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('keydown', function (e) {
|
||||
var focus = document.activeElement,
|
||||
dropdown = $('.custom.dropdown.open');
|
||||
|
||||
if (dropdown.length > 0) {
|
||||
e.preventDefault();
|
||||
|
||||
if (e.which === 13) {
|
||||
dropdown.find('li.selected').trigger('click');
|
||||
}
|
||||
|
||||
if (e.which === 38) {
|
||||
var current = dropdown.find('li.selected'),
|
||||
prev = current.prev(':not(.disabled)');
|
||||
|
||||
if (prev.length > 0) {
|
||||
current.removeClass('selected');
|
||||
prev.addClass('selected');
|
||||
}
|
||||
} else if (e.which === 40) {
|
||||
var current = dropdown.find('li.selected'),
|
||||
next = current.next(':not(.disabled)');
|
||||
|
||||
if (next.length > 0) {
|
||||
current.removeClass('selected');
|
||||
next.addClass('selected');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
append_custom_markup : function (idx, sel) {
|
||||
var $this = $(sel).addClass('hidden-field'),
|
||||
type = $this.attr('type'),
|
||||
$span = $this.next('span.custom.' + type);
|
||||
|
||||
if ($span.length === 0) {
|
||||
$span = $('<span class="custom ' + type + '"></span>').insertAfter($this);
|
||||
}
|
||||
|
||||
$span.toggleClass('checked', $this.is(':checked'));
|
||||
$span.toggleClass('disabled', $this.is(':disabled'));
|
||||
},
|
||||
|
||||
append_custom_select : function (idx, sel) {
|
||||
var self = Foundation.libs.forms,
|
||||
$this = $( sel ),
|
||||
$customSelect = $this.next( 'div.custom.dropdown' ),
|
||||
$customList = $customSelect.find( 'ul' ),
|
||||
$selectCurrent = $customSelect.find( ".current" ),
|
||||
$selector = $customSelect.find( ".selector" ),
|
||||
$options = $this.find( 'option' ),
|
||||
$selectedOption = $options.filter( ':selected' ),
|
||||
copyClasses = $this.attr('class') ? $this.attr('class').split(' ') : [],
|
||||
maxWidth = 0,
|
||||
liHtml = '',
|
||||
$listItems,
|
||||
$currentSelect = false;
|
||||
|
||||
if ($this.hasClass(self.settings.disable_class)) return;
|
||||
|
||||
if ($customSelect.length === 0) {
|
||||
var customSelectSize = $this.hasClass( 'small' ) ? 'small' :
|
||||
$this.hasClass( 'medium' ) ? 'medium' :
|
||||
$this.hasClass( 'large' ) ? 'large' :
|
||||
$this.hasClass( 'expand' ) ? 'expand' : '';
|
||||
|
||||
$customSelect = $('<div class="' + ['custom', 'dropdown', customSelectSize ].concat(copyClasses).filter(function(item, idx,arr){ if(item == '') return false; return arr.indexOf(item) == idx; }).join( ' ' ) + '"><a href="#" class="selector"></a><ul /></div>');
|
||||
$selector = $customSelect.find(".selector");
|
||||
$customList = $customSelect.find("ul");
|
||||
liHtml = $options.map(function() { return "<li>" + $( this ).html() + "</li>"; } ).get().join( '' );
|
||||
$customList.append(liHtml);
|
||||
$currentSelect = $customSelect.prepend('<a href="#" class="current">' + $selectedOption.html() + '</a>' ).find( ".current" );
|
||||
$this
|
||||
.after( $customSelect )
|
||||
.addClass('hidden-field');
|
||||
|
||||
} else {
|
||||
liHtml = $options.map(function() {
|
||||
return "<li>" + $( this ).html() + "</li>";
|
||||
})
|
||||
.get().join('');
|
||||
$customList
|
||||
.html('')
|
||||
.append(liHtml);
|
||||
|
||||
} // endif $customSelect.length === 0
|
||||
$customSelect.toggleClass('disabled', $this.is( ':disabled' ) );
|
||||
$listItems = $customList.find( 'li' );
|
||||
|
||||
$options.each( function ( index ) {
|
||||
if ( this.selected ) {
|
||||
$listItems.eq( index ).addClass( 'selected' );
|
||||
|
||||
if ($currentSelect) {
|
||||
$currentSelect.html( $( this ).html() );
|
||||
}
|
||||
|
||||
}
|
||||
if ($(this).is(':disabled')) {
|
||||
$listItems.eq( index ).addClass( 'disabled' );
|
||||
}
|
||||
});
|
||||
|
||||
//
|
||||
// If we're not specifying a predetermined form size.
|
||||
//
|
||||
if (!$customSelect.is('.small, .medium, .large, .expand')) {
|
||||
|
||||
// ------------------------------------------------------------------------------------
|
||||
// This is a work-around for when elements are contained within hidden parents.
|
||||
// For example, when custom-form elements are inside of a hidden reveal modal.
|
||||
//
|
||||
// We need to display the current custom list element as well as hidden parent elements
|
||||
// in order to properly calculate the list item element's width property.
|
||||
// -------------------------------------------------------------------------------------
|
||||
|
||||
$customSelect.addClass( 'open' );
|
||||
//
|
||||
// Quickly, display all parent elements.
|
||||
// This should help us calcualate the width of the list item's within the drop down.
|
||||
//
|
||||
var self = Foundation.libs.forms;
|
||||
self.hidden_fix.adjust( $customList );
|
||||
|
||||
maxWidth = ( self.outerWidth($listItems) > maxWidth ) ? self.outerWidth($listItems) : maxWidth;
|
||||
|
||||
Foundation.libs.forms.hidden_fix.reset();
|
||||
|
||||
$customSelect.removeClass( 'open' );
|
||||
|
||||
} // endif
|
||||
|
||||
},
|
||||
|
||||
refresh_custom_select : function ($select) {
|
||||
var self = this;
|
||||
var maxWidth = 0,
|
||||
$customSelect = $select.next(),
|
||||
$options = $select.find('option');
|
||||
|
||||
$customSelect.find('ul').html('');
|
||||
|
||||
$options.each(function () {
|
||||
var $li = $('<li>' + $(this).html() + '</li>');
|
||||
$customSelect.find('ul').append($li);
|
||||
});
|
||||
|
||||
// re-populate
|
||||
$options.each(function (index) {
|
||||
if (this.selected) {
|
||||
$customSelect.find('li').eq(index).addClass('selected');
|
||||
$customSelect.find('.current').html($(this).html());
|
||||
}
|
||||
if ($(this).is(':disabled')) {
|
||||
$customSelect.find('li').eq(index).addClass('disabled');
|
||||
}
|
||||
});
|
||||
|
||||
// fix width
|
||||
$customSelect.removeAttr('style')
|
||||
.find('ul').removeAttr('style');
|
||||
$customSelect.find('li').each(function () {
|
||||
$customSelect.addClass('open');
|
||||
if (self.outerWidth($(this)) > maxWidth) {
|
||||
maxWidth = self.outerWidth($(this));
|
||||
}
|
||||
$customSelect.removeClass('open');
|
||||
});
|
||||
},
|
||||
|
||||
toggle_checkbox : function ($element) {
|
||||
var $input = $element.prev(),
|
||||
input = $input[0];
|
||||
|
||||
if (false === $input.is(':disabled')) {
|
||||
input.checked = ((input.checked) ? false : true);
|
||||
$element.toggleClass('checked');
|
||||
|
||||
$input.trigger('change');
|
||||
}
|
||||
},
|
||||
|
||||
toggle_radio : function ($element) {
|
||||
var $input = $element.prev(),
|
||||
$form = $input.closest('form.custom'),
|
||||
input = $input[0];
|
||||
|
||||
if (false === $input.is(':disabled')) {
|
||||
$form.find('input[type="radio"][name="' + this.escape($input.attr('name')) + '"]').next().not($element).removeClass('checked');
|
||||
if ( !$element.hasClass('checked') ) {
|
||||
$element.toggleClass('checked');
|
||||
}
|
||||
input.checked = $element.hasClass('checked');
|
||||
|
||||
$input.trigger('change');
|
||||
}
|
||||
},
|
||||
|
||||
escape : function (text) {
|
||||
return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
|
||||
},
|
||||
|
||||
hidden_fix : {
|
||||
/**
|
||||
* Sets all hidden parent elements and self to visibile.
|
||||
*
|
||||
* @method adjust
|
||||
* @param {jQuery Object} $child
|
||||
*/
|
||||
|
||||
// We'll use this to temporarily store style properties.
|
||||
tmp : [],
|
||||
|
||||
// We'll use this to set hidden parent elements.
|
||||
hidden : null,
|
||||
|
||||
adjust : function( $child ) {
|
||||
// Internal reference.
|
||||
var _self = this;
|
||||
|
||||
// Set all hidden parent elements, including this element.
|
||||
_self.hidden = $child.parents().andSelf().filter( ":hidden" );
|
||||
|
||||
// Loop through all hidden elements.
|
||||
_self.hidden.each( function() {
|
||||
|
||||
// Cache the element.
|
||||
var $elem = $( this );
|
||||
|
||||
// Store the style attribute.
|
||||
// Undefined if element doesn't have a style attribute.
|
||||
_self.tmp.push( $elem.attr( 'style' ) );
|
||||
|
||||
// Set the element's display property to block,
|
||||
// but ensure it's visibility is hidden.
|
||||
$elem.css( { 'visibility' : 'hidden', 'display' : 'block' } );
|
||||
});
|
||||
|
||||
}, // end adjust
|
||||
|
||||
/**
|
||||
* Resets the elements previous state.
|
||||
*
|
||||
* @method reset
|
||||
*/
|
||||
reset : function() {
|
||||
// Internal reference.
|
||||
var _self = this;
|
||||
// Loop through our hidden element collection.
|
||||
_self.hidden.each( function( i ) {
|
||||
// Cache this element.
|
||||
var $elem = $( this ),
|
||||
_tmp = _self.tmp[ i ]; // Get the stored 'style' value for this element.
|
||||
|
||||
// If the stored value is undefined.
|
||||
if( _tmp === undefined )
|
||||
// Remove the style attribute.
|
||||
$elem.removeAttr( 'style' );
|
||||
else
|
||||
// Otherwise, reset the element style attribute.
|
||||
$elem.attr( 'style', _tmp );
|
||||
|
||||
});
|
||||
// Reset the tmp array.
|
||||
_self.tmp = [];
|
||||
// Reset the hidden elements variable.
|
||||
_self.hidden = null;
|
||||
|
||||
} // end reset
|
||||
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.forms');
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
|
|
@ -0,0 +1,401 @@
|
|||
/*
|
||||
* Foundation Responsive Library
|
||||
* http://foundation.zurb.com
|
||||
* Copyright 2013, ZURB
|
||||
* Free to use under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
// Accommodate running jQuery or Zepto in noConflict() mode by
|
||||
// using an anonymous function to redefine the $ shorthand name.
|
||||
// See http://docs.jquery.com/Using_jQuery_with_Other_Libraries
|
||||
// and http://zeptojs.com/
|
||||
var libFuncName = null;
|
||||
|
||||
if (typeof jQuery === "undefined" &&
|
||||
typeof Zepto === "undefined" &&
|
||||
typeof $ === "function") {
|
||||
libFuncName = $;
|
||||
} else if (typeof jQuery === "function") {
|
||||
libFuncName = jQuery;
|
||||
} else if (typeof Zepto === "function") {
|
||||
libFuncName = Zepto;
|
||||
} else {
|
||||
throw new TypeError();
|
||||
}
|
||||
|
||||
(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
// add dusty browser stuff
|
||||
if (!Array.prototype.filter) {
|
||||
Array.prototype.filter = function(fun /*, thisp */) {
|
||||
"use strict";
|
||||
|
||||
if (this == null) {
|
||||
throw new TypeError();
|
||||
}
|
||||
|
||||
var t = Object(this),
|
||||
len = t.length >>> 0;
|
||||
if (typeof fun != "function") {
|
||||
return;
|
||||
}
|
||||
|
||||
var res = [],
|
||||
thisp = arguments[1];
|
||||
for (var i = 0; i < len; i++) {
|
||||
if (i in t) {
|
||||
var val = t[i]; // in case fun mutates this
|
||||
if (fun && fun.call(thisp, val, i, t)) {
|
||||
res.push(val);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return res;
|
||||
}
|
||||
}
|
||||
|
||||
if (!Function.prototype.bind) {
|
||||
Function.prototype.bind = function (oThis) {
|
||||
if (typeof this !== "function") {
|
||||
// closest thing possible to the ECMAScript 5 internal IsCallable function
|
||||
throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
|
||||
}
|
||||
|
||||
var aArgs = Array.prototype.slice.call(arguments, 1),
|
||||
fToBind = this,
|
||||
fNOP = function () {},
|
||||
fBound = function () {
|
||||
return fToBind.apply(this instanceof fNOP && oThis
|
||||
? this
|
||||
: oThis,
|
||||
aArgs.concat(Array.prototype.slice.call(arguments)));
|
||||
};
|
||||
|
||||
fNOP.prototype = this.prototype;
|
||||
fBound.prototype = new fNOP();
|
||||
|
||||
return fBound;
|
||||
};
|
||||
}
|
||||
|
||||
if (!Array.prototype.indexOf) {
|
||||
Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) {
|
||||
"use strict";
|
||||
if (this == null) {
|
||||
throw new TypeError();
|
||||
}
|
||||
var t = Object(this);
|
||||
var len = t.length >>> 0;
|
||||
if (len === 0) {
|
||||
return -1;
|
||||
}
|
||||
var n = 0;
|
||||
if (arguments.length > 1) {
|
||||
n = Number(arguments[1]);
|
||||
if (n != n) { // shortcut for verifying if it's NaN
|
||||
n = 0;
|
||||
} else if (n != 0 && n != Infinity && n != -Infinity) {
|
||||
n = (n > 0 || -1) * Math.floor(Math.abs(n));
|
||||
}
|
||||
}
|
||||
if (n >= len) {
|
||||
return -1;
|
||||
}
|
||||
var k = n >= 0 ? n : Math.max(len - Math.abs(n), 0);
|
||||
for (; k < len; k++) {
|
||||
if (k in t && t[k] === searchElement) {
|
||||
return k;
|
||||
}
|
||||
}
|
||||
return -1;
|
||||
}
|
||||
}
|
||||
|
||||
// fake stop() for zepto.
|
||||
$.fn.stop = $.fn.stop || function() {
|
||||
return this;
|
||||
};
|
||||
|
||||
window.Foundation = {
|
||||
name : 'Foundation',
|
||||
|
||||
version : '4.1.5',
|
||||
|
||||
// global Foundation cache object
|
||||
cache : {},
|
||||
|
||||
init : function (scope, libraries, method, options, response, /* internal */ nc) {
|
||||
var library_arr,
|
||||
args = [scope, method, options, response],
|
||||
responses = [],
|
||||
nc = nc || false;
|
||||
|
||||
// disable library error catching,
|
||||
// used for development only
|
||||
if (nc) this.nc = nc;
|
||||
|
||||
// check RTL
|
||||
this.rtl = /rtl/i.test($('html').attr('dir'));
|
||||
|
||||
// set foundation global scope
|
||||
this.scope = scope || this.scope;
|
||||
|
||||
if (libraries && typeof libraries === 'string') {
|
||||
if (/off/i.test(libraries)) return this.off();
|
||||
|
||||
library_arr = libraries.split(' ');
|
||||
|
||||
if (library_arr.length > 0) {
|
||||
for (var i = library_arr.length - 1; i >= 0; i--) {
|
||||
responses.push(this.init_lib(library_arr[i], args));
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var lib in this.libs) {
|
||||
responses.push(this.init_lib(lib, args));
|
||||
}
|
||||
}
|
||||
|
||||
// if first argument is callback, add to args
|
||||
if (typeof libraries === 'function') {
|
||||
args.unshift(libraries);
|
||||
}
|
||||
|
||||
return this.response_obj(responses, args);
|
||||
},
|
||||
|
||||
response_obj : function (response_arr, args) {
|
||||
for (var i = 0, len = args.length; i < len; i++) {
|
||||
if (typeof args[i] === 'function') {
|
||||
return args[i]({
|
||||
errors: response_arr.filter(function (s) {
|
||||
if (typeof s === 'string') return s;
|
||||
})
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
return response_arr;
|
||||
},
|
||||
|
||||
init_lib : function (lib, args) {
|
||||
return this.trap(function () {
|
||||
if (this.libs.hasOwnProperty(lib)) {
|
||||
this.patch(this.libs[lib]);
|
||||
return this.libs[lib].init.apply(this.libs[lib], args);
|
||||
}
|
||||
}.bind(this), lib);
|
||||
},
|
||||
|
||||
trap : function (fun, lib) {
|
||||
if (!this.nc) {
|
||||
try {
|
||||
return fun();
|
||||
} catch (e) {
|
||||
return this.error({name: lib, message: 'could not be initialized', more: e.name + ' ' + e.message});
|
||||
}
|
||||
}
|
||||
|
||||
return fun();
|
||||
},
|
||||
|
||||
patch : function (lib) {
|
||||
this.fix_outer(lib);
|
||||
lib.scope = this.scope;
|
||||
lib.rtl = this.rtl;
|
||||
},
|
||||
|
||||
inherit : function (scope, methods) {
|
||||
var methods_arr = methods.split(' ');
|
||||
|
||||
for (var i = methods_arr.length - 1; i >= 0; i--) {
|
||||
if (this.lib_methods.hasOwnProperty(methods_arr[i])) {
|
||||
this.libs[scope.name][methods_arr[i]] = this.lib_methods[methods_arr[i]];
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
random_str : function (length) {
|
||||
var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz'.split('');
|
||||
|
||||
if (!length) {
|
||||
length = Math.floor(Math.random() * chars.length);
|
||||
}
|
||||
|
||||
var str = '';
|
||||
for (var i = 0; i < length; i++) {
|
||||
str += chars[Math.floor(Math.random() * chars.length)];
|
||||
}
|
||||
return str;
|
||||
},
|
||||
|
||||
libs : {},
|
||||
|
||||
// methods that can be inherited in libraries
|
||||
lib_methods : {
|
||||
set_data : function (node, data) {
|
||||
// this.name references the name of the library calling this method
|
||||
var id = [this.name,+new Date(),Foundation.random_str(5)].join('-');
|
||||
|
||||
Foundation.cache[id] = data;
|
||||
node.attr('data-' + this.name + '-id', id);
|
||||
return data;
|
||||
},
|
||||
|
||||
get_data : function (node) {
|
||||
return Foundation.cache[node.attr('data-' + this.name + '-id')];
|
||||
},
|
||||
|
||||
remove_data : function (node) {
|
||||
if (node) {
|
||||
delete Foundation.cache[node.attr('data-' + this.name + '-id')];
|
||||
node.attr('data-' + this.name + '-id', '');
|
||||
} else {
|
||||
$('[data-' + this.name + '-id]').each(function () {
|
||||
delete Foundation.cache[$(this).attr('data-' + this.name + '-id')];
|
||||
$(this).attr('data-' + this.name + '-id', '');
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
throttle : function(fun, delay) {
|
||||
var timer = null;
|
||||
return function () {
|
||||
var context = this, args = arguments;
|
||||
clearTimeout(timer);
|
||||
timer = setTimeout(function () {
|
||||
fun.apply(context, args);
|
||||
}, delay);
|
||||
};
|
||||
},
|
||||
|
||||
// parses data-options attribute on nodes and turns
|
||||
// them into an object
|
||||
data_options : function (el) {
|
||||
var opts = {}, ii, p,
|
||||
opts_arr = (el.attr('data-options') || ':').split(';'),
|
||||
opts_len = opts_arr.length;
|
||||
|
||||
function isNumber (o) {
|
||||
return ! isNaN (o-0) && o !== null && o !== "" && o !== false && o !== true;
|
||||
}
|
||||
|
||||
function trim(str) {
|
||||
if (typeof str === 'string') return $.trim(str);
|
||||
return str;
|
||||
}
|
||||
|
||||
// parse options
|
||||
for (ii = opts_len - 1; ii >= 0; ii--) {
|
||||
p = opts_arr[ii].split(':');
|
||||
|
||||
if (/true/i.test(p[1])) p[1] = true;
|
||||
if (/false/i.test(p[1])) p[1] = false;
|
||||
if (isNumber(p[1])) p[1] = parseInt(p[1], 10);
|
||||
|
||||
if (p.length === 2 && p[0].length > 0) {
|
||||
opts[trim(p[0])] = trim(p[1]);
|
||||
}
|
||||
}
|
||||
|
||||
return opts;
|
||||
},
|
||||
|
||||
delay : function (fun, delay) {
|
||||
return setTimeout(fun, delay);
|
||||
},
|
||||
|
||||
// animated scrolling
|
||||
scrollTo : function (el, to, duration) {
|
||||
if (duration < 0) return;
|
||||
var difference = to - $(window).scrollTop();
|
||||
var perTick = difference / duration * 10;
|
||||
|
||||
this.scrollToTimerCache = setTimeout(function() {
|
||||
if (!isNaN(parseInt(perTick, 10))) {
|
||||
window.scrollTo(0, $(window).scrollTop() + perTick);
|
||||
this.scrollTo(el, to, duration - 10);
|
||||
}
|
||||
}.bind(this), 10);
|
||||
},
|
||||
|
||||
// not supported in core Zepto
|
||||
scrollLeft : function (el) {
|
||||
if (!el.length) return;
|
||||
return ('scrollLeft' in el[0]) ? el[0].scrollLeft : el[0].pageXOffset;
|
||||
},
|
||||
|
||||
// test for empty object or array
|
||||
empty : function (obj) {
|
||||
if (obj.length && obj.length > 0) return false;
|
||||
if (obj.length && obj.length === 0) return true;
|
||||
|
||||
for (var key in obj) {
|
||||
if (hasOwnProperty.call(obj, key)) return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
},
|
||||
|
||||
fix_outer : function (lib) {
|
||||
lib.outerHeight = function (el, bool) {
|
||||
if (typeof Zepto === 'function') {
|
||||
return el.height();
|
||||
}
|
||||
|
||||
if (typeof bool !== 'undefined') {
|
||||
return el.outerHeight(bool);
|
||||
}
|
||||
|
||||
return el.outerHeight();
|
||||
};
|
||||
|
||||
lib.outerWidth = function (el) {
|
||||
if (typeof Zepto === 'function') {
|
||||
return el.width();
|
||||
}
|
||||
|
||||
if (typeof bool !== 'undefined') {
|
||||
return el.outerWidth(bool);
|
||||
}
|
||||
|
||||
return el.outerWidth();
|
||||
};
|
||||
},
|
||||
|
||||
error : function (error) {
|
||||
return error.name + ' ' + error.message + '; ' + error.more;
|
||||
},
|
||||
|
||||
// remove all foundation events.
|
||||
off: function () {
|
||||
$(this.scope).off('.fndtn');
|
||||
$(window).off('.fndtn');
|
||||
return true;
|
||||
},
|
||||
|
||||
zj : function () {
|
||||
try {
|
||||
return Zepto;
|
||||
} catch (e) {
|
||||
return jQuery;
|
||||
}
|
||||
}()
|
||||
};
|
||||
|
||||
$.fn.foundation = function () {
|
||||
var args = Array.prototype.slice.call(arguments, 0);
|
||||
|
||||
return this.each(function () {
|
||||
Foundation.init.apply(Foundation, [this].concat(args));
|
||||
return this;
|
||||
});
|
||||
};
|
||||
|
||||
}(libFuncName, this, this.document));
|
||||
|
|
@ -0,0 +1,130 @@
|
|||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.magellan = {
|
||||
name : 'magellan',
|
||||
|
||||
version : '4.0.0',
|
||||
|
||||
settings : {
|
||||
activeClass: 'active'
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
Foundation.inherit(this, 'data_options');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
if (!this.settings.init) {
|
||||
this.fixed_magellan = $("[data-magellan-expedition]");
|
||||
this.set_threshold();
|
||||
this.last_destination = $('[data-magellan-destination]').last();
|
||||
this.events();
|
||||
}
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
$(this.scope).on('arrival.fndtn.magellan', '[data-magellan-arrival]', function (e) {
|
||||
var $destination = $(this),
|
||||
$expedition = $destination.closest('[data-magellan-expedition]'),
|
||||
activeClass = $expedition.attr('data-magellan-active-class')
|
||||
|| self.settings.activeClass;
|
||||
|
||||
$destination
|
||||
.closest('[data-magellan-expedition]')
|
||||
.find('[data-magellan-arrival]')
|
||||
.not($destination)
|
||||
.removeClass(activeClass);
|
||||
$destination.addClass(activeClass);
|
||||
});
|
||||
|
||||
this.fixed_magellan
|
||||
.on('update-position.fndtn.magellan', function(){
|
||||
var $el = $(this);
|
||||
// $el.data("magellan-fixed-position","");
|
||||
//$el.data("magellan-top-offset", "");
|
||||
})
|
||||
.trigger('update-position');
|
||||
|
||||
$(window)
|
||||
.on('resize.fndtn.magellan', function() {
|
||||
this.fixed_magellan.trigger('update-position');
|
||||
}.bind(this))
|
||||
|
||||
.on('scroll.fndtn.magellan', function() {
|
||||
var windowScrollTop = $(window).scrollTop();
|
||||
self.fixed_magellan.each(function() {
|
||||
var $expedition = $(this);
|
||||
if (typeof $expedition.data('magellan-top-offset') === 'undefined') {
|
||||
$expedition.data('magellan-top-offset', $expedition.offset().top);
|
||||
}
|
||||
if (typeof $expedition.data('magellan-fixed-position') === 'undefined') {
|
||||
$expedition.data('magellan-fixed-position', false)
|
||||
}
|
||||
var fixed_position = (windowScrollTop + self.settings.threshold) > $expedition.data("magellan-top-offset");
|
||||
var attr = $expedition.attr('data-magellan-top-offset');
|
||||
|
||||
if ($expedition.data("magellan-fixed-position") != fixed_position) {
|
||||
$expedition.data("magellan-fixed-position", fixed_position);
|
||||
if (fixed_position) {
|
||||
$expedition.css({position:"fixed", top:0});
|
||||
} else {
|
||||
$expedition.css({position:"", top:""});
|
||||
}
|
||||
if (fixed_position && typeof attr != 'undefined' && attr != false) {
|
||||
$expedition.css({position:"fixed", top:attr + "px"});
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
if (this.last_destination.length > 0) {
|
||||
$(window).on('scroll.fndtn.magellan', function (e) {
|
||||
var windowScrollTop = $(window).scrollTop(),
|
||||
scrolltopPlusHeight = windowScrollTop + $(window).height(),
|
||||
lastDestinationTop = Math.ceil(self.last_destination.offset().top);
|
||||
|
||||
$('[data-magellan-destination]').each(function () {
|
||||
var $destination = $(this),
|
||||
destination_name = $destination.attr('data-magellan-destination'),
|
||||
topOffset = $destination.offset().top - windowScrollTop;
|
||||
|
||||
if (topOffset <= self.settings.threshold) {
|
||||
$("[data-magellan-arrival='" + destination_name + "']").trigger('arrival');
|
||||
}
|
||||
// In large screens we may hit the bottom of the page and dont reach the top of the last magellan-destination, so lets force it
|
||||
if (scrolltopPlusHeight >= $(self.scope).height() && lastDestinationTop > windowScrollTop && lastDestinationTop < scrolltopPlusHeight) {
|
||||
$('[data-magellan-arrival]').last().trigger('arrival');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
set_threshold : function () {
|
||||
if (!this.settings.threshold) {
|
||||
this.settings.threshold = (this.fixed_magellan.length > 0) ?
|
||||
this.outerHeight(this.fixed_magellan, true) : 0;
|
||||
}
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.magellan');
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
|
|
@ -0,0 +1,373 @@
|
|||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs = Foundation.libs || {};
|
||||
|
||||
Foundation.libs.orbit = {
|
||||
name: 'orbit',
|
||||
|
||||
version: '4.1.0',
|
||||
|
||||
settings: {
|
||||
timer_speed: 10000,
|
||||
animation_speed: 500,
|
||||
bullets: true,
|
||||
stack_on_small: true,
|
||||
navigation_arrows: true,
|
||||
slide_number: true,
|
||||
container_class: 'orbit-container',
|
||||
stack_on_small_class: 'orbit-stack-on-small',
|
||||
next_class: 'orbit-next',
|
||||
prev_class: 'orbit-prev',
|
||||
timer_container_class: 'orbit-timer',
|
||||
timer_paused_class: 'paused',
|
||||
timer_progress_class: 'orbit-progress',
|
||||
slides_container_class: 'orbit-slides-container',
|
||||
bullets_container_class: 'orbit-bullets',
|
||||
bullets_active_class: 'active',
|
||||
slide_number_class: 'orbit-slide-number',
|
||||
caption_class: 'orbit-caption',
|
||||
active_slide_class: 'active',
|
||||
orbit_transition_class: 'orbit-transitioning'
|
||||
},
|
||||
|
||||
init: function (scope, method, options) {
|
||||
var self = this;
|
||||
Foundation.inherit(self, 'data_options');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, self.settings, method);
|
||||
}
|
||||
|
||||
$('[data-orbit]', scope).each(function(idx, el) {
|
||||
var scoped_self = $.extend(true, {}, self);
|
||||
scoped_self._init(idx, el);
|
||||
});
|
||||
},
|
||||
|
||||
_container_html: function() {
|
||||
var self = this;
|
||||
return '<div class="' + self.settings.container_class + '"></div>';
|
||||
},
|
||||
|
||||
_bullets_container_html: function($slides) {
|
||||
var self = this,
|
||||
$list = $('<ol class="' + self.settings.bullets_container_class + '"></ol>');
|
||||
$slides.each(function(idx, slide) {
|
||||
var $item = $('<li data-orbit-slide-number="' + (idx+1) + '" class=""></li>');
|
||||
if (idx === 0) {
|
||||
$item.addClass(self.settings.bullets_active_class);
|
||||
}
|
||||
$list.append($item);
|
||||
});
|
||||
return $list;
|
||||
},
|
||||
|
||||
_slide_number_html: function(slide_number, total_slides) {
|
||||
var self = this,
|
||||
$container = $('<div class="' + self.settings.slide_number_class + '"></div>');
|
||||
$container.append('<span>' + slide_number + '</span> of <span>' + total_slides + '</span>');
|
||||
return $container;
|
||||
},
|
||||
|
||||
_timer_html: function() {
|
||||
var self = this;
|
||||
if (typeof self.settings.timer_speed === 'number' && self.settings.timer_speed > 0) {
|
||||
return '<div class="' + self.settings.timer_container_class
|
||||
+ '"><span></span><div class="' + self.settings.timer_progress_class
|
||||
+ '"></div></div>';
|
||||
} else {
|
||||
return '';
|
||||
}
|
||||
},
|
||||
|
||||
_next_html: function() {
|
||||
var self = this;
|
||||
return '<a href="#" class="' + self.settings.next_class + '">Next <span></span></a>';
|
||||
},
|
||||
|
||||
_prev_html: function() {
|
||||
var self = this;
|
||||
return '<a href="#" class="' + self.settings.prev_class + '">Prev <span></span></a>';
|
||||
},
|
||||
|
||||
_init: function (idx, slider) {
|
||||
var self = this,
|
||||
$slides_container = $(slider),
|
||||
$container = $slides_container.wrap(self._container_html()).parent(),
|
||||
$slides = $slides_container.children();
|
||||
|
||||
$.extend(true, self.settings, self.data_options($slides_container));
|
||||
|
||||
if (self.settings.navigation_arrows) {
|
||||
$container.append(self._prev_html());
|
||||
$container.append(self._next_html());
|
||||
}
|
||||
$slides_container.addClass(self.settings.slides_container_class);
|
||||
if (self.settings.stack_on_small) {
|
||||
$container.addClass(self.settings.stack_on_small_class);
|
||||
}
|
||||
if (self.settings.slide_number) {
|
||||
$container.append(self._slide_number_html(1, $slides.length));
|
||||
}
|
||||
$container.append(self._timer_html());
|
||||
if (self.settings.bullets) {
|
||||
$container.after(self._bullets_container_html($slides));
|
||||
}
|
||||
// To better support the "sliding" effect it's easier
|
||||
// if we just clone the first and last slides
|
||||
$slides_container.append($slides.first().clone().attr('data-orbit-slide',''));
|
||||
$slides_container.prepend($slides.last().clone().attr('data-orbit-slide',''));
|
||||
// Make the first "real" slide active
|
||||
$slides_container.css('marginLeft', '-100%');
|
||||
$slides.first().addClass(self.settings.active_slide_class);
|
||||
|
||||
self._init_events($slides_container);
|
||||
self._init_dimensions($slides_container);
|
||||
self._start_timer($slides_container);
|
||||
},
|
||||
|
||||
_init_events: function ($slides_container) {
|
||||
var self = this,
|
||||
$container = $slides_container.parent();
|
||||
|
||||
$(window)
|
||||
.on('load.fndtn.orbit', function() {
|
||||
$slides_container.height('');
|
||||
$slides_container.height($slides_container.height($container.height()));
|
||||
$slides_container.trigger('orbit:ready');
|
||||
})
|
||||
.on('resize.fndtn.orbit', function() {
|
||||
$slides_container.height('');
|
||||
$slides_container.height($slides_container.height($container.height()));
|
||||
});
|
||||
|
||||
$(document).on('click.fndtn.orbit', '[data-orbit-link]', function(e) {
|
||||
e.preventDefault();
|
||||
var id = $(e.currentTarget).attr('data-orbit-link'),
|
||||
$slide = $slides_container.find('[data-orbit-slide=' + id + ']').first();
|
||||
|
||||
if ($slide.length === 1) {
|
||||
self._reset_timer($slides_container, true);
|
||||
self._goto($slides_container, $slide.index(), function() {});
|
||||
}
|
||||
});
|
||||
|
||||
$container.siblings('.' + self.settings.bullets_container_class)
|
||||
.on('click.fndtn.orbit', '[data-orbit-slide-number]', function(e) {
|
||||
e.preventDefault();
|
||||
self._reset_timer($slides_container, true);
|
||||
self._goto($slides_container, $(e.currentTarget).data('orbit-slide-number'),function() {});
|
||||
});
|
||||
|
||||
$container
|
||||
.on('orbit:after-slide-change.fndtn.orbit', function(e, orbit) {
|
||||
var $slide_number = $container.find('.' + self.settings.slide_number_class);
|
||||
|
||||
if ($slide_number.length === 1) {
|
||||
$slide_number.replaceWith(self._slide_number_html(orbit.slide_number, orbit.total_slides));
|
||||
}
|
||||
})
|
||||
.on('orbit:next-slide.fndtn.orbit click.fndtn.orbit', '.' + self.settings.next_class, function(e) {
|
||||
e.preventDefault();
|
||||
self._reset_timer($slides_container, true);
|
||||
self._goto($slides_container, 'next', function() {});
|
||||
})
|
||||
.on('orbit:prev-slide.fndtn.orbit click.fndtn.orbit', '.' + self.settings.prev_class, function(e) {
|
||||
e.preventDefault();
|
||||
self._reset_timer($slides_container, true);
|
||||
self._goto($slides_container, 'prev', function() {});
|
||||
})
|
||||
.on('orbit:toggle-play-pause.fndtn.orbit click.fndtn.orbit touchstart.fndtn.orbit', '.' + self.settings.timer_container_class, function(e) {
|
||||
e.preventDefault();
|
||||
var $timer = $(e.currentTarget).toggleClass(self.settings.timer_paused_class),
|
||||
$slides_container = $timer.closest('.' + self.settings.container_class)
|
||||
.find('.' + self.settings.slides_container_class);
|
||||
|
||||
if ($timer.hasClass(self.settings.timer_paused_class)) {
|
||||
self._stop_timer($slides_container);
|
||||
} else {
|
||||
self._start_timer($slides_container);
|
||||
}
|
||||
})
|
||||
.on('touchstart.fndtn.orbit', function(e) {
|
||||
if (!e.touches) { e = e.originalEvent; }
|
||||
var data = {
|
||||
start_page_x: e.touches[0].pageX,
|
||||
start_page_y: e.touches[0].pageY,
|
||||
start_time: (new Date()).getTime(),
|
||||
delta_x: 0,
|
||||
is_scrolling: undefined
|
||||
};
|
||||
$container.data('swipe-transition', data);
|
||||
e.stopPropagation();
|
||||
})
|
||||
.on('touchmove.fndtn.orbit', function(e) {
|
||||
if (!e.touches) { e = e.originalEvent; }
|
||||
// Ignore pinch/zoom events
|
||||
if(e.touches.length > 1 || e.scale && e.scale !== 1) return;
|
||||
|
||||
var data = $container.data('swipe-transition');
|
||||
if (typeof data === 'undefined') {
|
||||
data = {};
|
||||
}
|
||||
|
||||
data.delta_x = e.touches[0].pageX - data.start_page_x;
|
||||
|
||||
if ( typeof data.is_scrolling === 'undefined') {
|
||||
data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) );
|
||||
}
|
||||
|
||||
if (!data.is_scrolling && !data.active) {
|
||||
e.preventDefault();
|
||||
self._stop_timer($slides_container);
|
||||
var direction = (data.delta_x < 0) ? 'next' : 'prev';
|
||||
data.active = true;
|
||||
self._goto($slides_container, direction, function() {});
|
||||
}
|
||||
})
|
||||
.on('touchend.fndtn.orbit', function(e) {
|
||||
$container.data('swipe-transition', {});
|
||||
e.stopPropagation();
|
||||
});
|
||||
},
|
||||
|
||||
_init_dimensions: function ($slides_container) {
|
||||
var $container = $slides_container.parent(),
|
||||
$slides = $slides_container.children();
|
||||
|
||||
$slides_container.css('width', $slides.length * 100 + '%');
|
||||
$slides.css('width', 100 / $slides.length + '%');
|
||||
$slides_container.height($container.height());
|
||||
$slides_container.css('width', $slides.length * 100 + '%');
|
||||
},
|
||||
|
||||
_start_timer: function ($slides_container) {
|
||||
var self = this,
|
||||
$container = $slides_container.parent();
|
||||
|
||||
var callback = function() {
|
||||
self._reset_timer($slides_container, false);
|
||||
self._goto($slides_container, 'next', function() {
|
||||
self._start_timer($slides_container);
|
||||
});
|
||||
};
|
||||
|
||||
var $timer = $container.find('.' + self.settings.timer_container_class),
|
||||
$progress = $timer.find('.' + self.settings.timer_progress_class),
|
||||
progress_pct = ($progress.width() / $timer.width()),
|
||||
delay = self.settings.timer_speed - (progress_pct * self.settings.timer_speed);
|
||||
|
||||
$progress.animate({'width': '100%'}, delay, 'linear', callback);
|
||||
$slides_container.trigger('orbit:timer-started');
|
||||
},
|
||||
|
||||
_stop_timer: function ($slides_container) {
|
||||
var self = this,
|
||||
$container = $slides_container.parent(),
|
||||
$timer = $container.find('.' + self.settings.timer_container_class),
|
||||
$progress = $timer.find('.' + self.settings.timer_progress_class),
|
||||
progress_pct = $progress.width() / $timer.width();
|
||||
self._rebuild_timer($container, progress_pct * 100 + '%');
|
||||
// $progress.stop();
|
||||
$slides_container.trigger('orbit:timer-stopped');
|
||||
$timer = $container.find('.' + self.settings.timer_container_class);
|
||||
$timer.addClass(self.settings.timer_paused_class);
|
||||
},
|
||||
|
||||
_reset_timer: function($slides_container, is_paused) {
|
||||
var self = this,
|
||||
$container = $slides_container.parent();
|
||||
self._rebuild_timer($container, '0%');
|
||||
if (typeof is_paused === 'boolean' && is_paused) {
|
||||
var $timer = $container.find('.' + self.settings.timer_container_class);
|
||||
$timer.addClass(self.settings.timer_paused_class);
|
||||
}
|
||||
},
|
||||
|
||||
_rebuild_timer: function ($container, width_pct) {
|
||||
// Zepto is unable to stop animations since they
|
||||
// are css-based. This is a workaround for that
|
||||
// limitation, which rebuilds the dom element
|
||||
// thus stopping the animation
|
||||
var self = this,
|
||||
$timer = $container.find('.' + self.settings.timer_container_class),
|
||||
$new_timer = $(self._timer_html()),
|
||||
$new_timer_progress = $new_timer.find('.' + self.settings.timer_progress_class);
|
||||
|
||||
if (typeof Zepto === 'function') {
|
||||
$timer.remove();
|
||||
$container.append($new_timer);
|
||||
$new_timer_progress.css('width', width_pct);
|
||||
} else if (typeof jQuery === 'function') {
|
||||
var $progress = $timer.find('.' + self.settings.timer_progress_class);
|
||||
$progress.css('width', width_pct);
|
||||
$progress.stop();
|
||||
}
|
||||
},
|
||||
|
||||
_goto: function($slides_container, index_or_direction, callback) {
|
||||
var self = this,
|
||||
$container = $slides_container.parent(),
|
||||
$slides = $slides_container.children(),
|
||||
$active_slide = $slides_container.find('.' + self.settings.active_slide_class),
|
||||
active_index = $active_slide.index(),
|
||||
margin_position = Foundation.rtl ? 'marginRight' : 'marginLeft';
|
||||
|
||||
if ($container.hasClass(self.settings.orbit_transition_class)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (index_or_direction === 'prev') {
|
||||
if (active_index === 0) {
|
||||
active_index = $slides.length - 1;
|
||||
}
|
||||
else {
|
||||
active_index--;
|
||||
}
|
||||
}
|
||||
else if (index_or_direction === 'next') {
|
||||
active_index = (active_index+1) % $slides.length;
|
||||
}
|
||||
else if (typeof index_or_direction === 'number') {
|
||||
active_index = (index_or_direction % $slides.length);
|
||||
}
|
||||
if (active_index === ($slides.length - 1) && index_or_direction === 'next') {
|
||||
$slides_container.css(margin_position, '0%');
|
||||
active_index = 1;
|
||||
}
|
||||
else if (active_index === 0 && index_or_direction === 'prev') {
|
||||
$slides_container.css(margin_position, '-' + ($slides.length - 1) * 100 + '%');
|
||||
active_index = $slides.length - 2;
|
||||
}
|
||||
// Start transition, make next slide active
|
||||
$container.addClass(self.settings.orbit_transition_class);
|
||||
$active_slide.removeClass(self.settings.active_slide_class);
|
||||
$($slides[active_index]).addClass(self.settings.active_slide_class);
|
||||
// Make next bullet active
|
||||
var $bullets = $container.siblings('.' + self.settings.bullets_container_class);
|
||||
if ($bullets.length === 1) {
|
||||
$bullets.children().removeClass(self.settings.bullets_active_class);
|
||||
$($bullets.children()[active_index-1]).addClass(self.settings.bullets_active_class);
|
||||
}
|
||||
var new_margin_left = '-' + (active_index * 100) + '%';
|
||||
// Check to see if animation will occur, otherwise perform
|
||||
// callbacks manually
|
||||
$slides_container.trigger('orbit:before-slide-change');
|
||||
if ($slides_container.css(margin_position) === new_margin_left) {
|
||||
$container.removeClass(self.settings.orbit_transition_class);
|
||||
$slides_container.trigger('orbit:after-slide-change', [{slide_number: active_index, total_slides: $slides_container.children().length - 2}]);
|
||||
callback();
|
||||
} else {
|
||||
var properties = {};
|
||||
properties[margin_position] = new_margin_left;
|
||||
|
||||
$slides_container.animate(properties, self.settings.animation_speed, 'linear', function() {
|
||||
$container.removeClass(self.settings.orbit_transition_class);
|
||||
$slides_container.trigger('orbit:after-slide-change', [{slide_number: active_index, total_slides: $slides_container.children().length - 2}]);
|
||||
callback();
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
|
|
@ -0,0 +1,277 @@
|
|||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.reveal = {
|
||||
name: 'reveal',
|
||||
|
||||
version : '4.1.3',
|
||||
|
||||
locked : false,
|
||||
|
||||
settings : {
|
||||
animation: 'fadeAndPop',
|
||||
animationSpeed: 250,
|
||||
closeOnBackgroundClick: true,
|
||||
dismissModalClass: 'close-reveal-modal',
|
||||
bgClass: 'reveal-modal-bg',
|
||||
open: function(){},
|
||||
opened: function(){},
|
||||
close: function(){},
|
||||
closed: function(){},
|
||||
bg : $('.reveal-modal-bg'),
|
||||
css : {
|
||||
open : {
|
||||
'opacity': 0,
|
||||
'visibility': 'visible',
|
||||
'display' : 'block'
|
||||
},
|
||||
close : {
|
||||
'opacity': 1,
|
||||
'visibility': 'hidden',
|
||||
'display': 'none'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
Foundation.inherit(this, 'data_options delay');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
} else if (typeof options !== 'undefined') {
|
||||
$.extend(true, this.settings, options);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
this.events();
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.off('.fndtn.reveal')
|
||||
.on('click.fndtn.reveal', '[data-reveal-id]', function (e) {
|
||||
e.preventDefault();
|
||||
if (!self.locked) {
|
||||
self.locked = true;
|
||||
self.open.call(self, $(this));
|
||||
}
|
||||
})
|
||||
.on('click.fndtn.reveal touchend.click.fndtn.reveal', this.close_targets(), function (e) {
|
||||
e.preventDefault();
|
||||
if (!self.locked) {
|
||||
var settings = $.extend({}, self.settings, self.data_options($('.reveal-modal.open')));
|
||||
if ($(e.target)[0] === $('.' + settings.bgClass)[0] && !settings.closeOnBackgroundClick) {
|
||||
return;
|
||||
}
|
||||
|
||||
self.locked = true;
|
||||
self.close.call(self, $(this).closest('.reveal-modal'));
|
||||
}
|
||||
})
|
||||
.on('open.fndtn.reveal', '.reveal-modal', this.settings.open)
|
||||
.on('opened.fndtn.reveal', '.reveal-modal', this.settings.opened)
|
||||
.on('opened.fndtn.reveal', '.reveal-modal', this.open_video)
|
||||
.on('close.fndtn.reveal', '.reveal-modal', this.settings.close)
|
||||
.on('closed.fndtn.reveal', '.reveal-modal', this.settings.closed)
|
||||
.on('closed.fndtn.reveal', '.reveal-modal', this.close_video);
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
open : function (target) {
|
||||
if (target) {
|
||||
var modal = $('#' + target.data('reveal-id'));
|
||||
} else {
|
||||
var modal = $(this.scope);
|
||||
}
|
||||
|
||||
if (!modal.hasClass('open')) {
|
||||
var open_modal = $('.reveal-modal.open');
|
||||
|
||||
if (typeof modal.data('css-top') === 'undefined') {
|
||||
modal.data('css-top', parseInt(modal.css('top'), 10))
|
||||
.data('offset', this.cache_offset(modal));
|
||||
}
|
||||
|
||||
modal.trigger('open');
|
||||
|
||||
if (open_modal.length < 1) {
|
||||
this.toggle_bg(modal);
|
||||
}
|
||||
this.hide(open_modal, this.settings.css.close);
|
||||
this.show(modal, this.settings.css.open);
|
||||
}
|
||||
},
|
||||
|
||||
close : function (modal) {
|
||||
|
||||
var modal = modal || $(this.scope),
|
||||
open_modals = $('.reveal-modal.open');
|
||||
|
||||
if (open_modals.length > 0) {
|
||||
this.locked = true;
|
||||
modal.trigger('close');
|
||||
this.toggle_bg(modal);
|
||||
this.hide(open_modals, this.settings.css.close);
|
||||
}
|
||||
},
|
||||
|
||||
close_targets : function () {
|
||||
var base = '.' + this.settings.dismissModalClass;
|
||||
|
||||
if (this.settings.closeOnBackgroundClick) {
|
||||
return base + ', .' + this.settings.bgClass;
|
||||
}
|
||||
|
||||
return base;
|
||||
},
|
||||
|
||||
toggle_bg : function (modal) {
|
||||
if ($('.reveal-modal-bg').length === 0) {
|
||||
this.settings.bg = $('<div />', {'class': this.settings.bgClass})
|
||||
.appendTo('body');
|
||||
}
|
||||
|
||||
if (this.settings.bg.filter(':visible').length > 0) {
|
||||
this.hide(this.settings.bg);
|
||||
} else {
|
||||
this.show(this.settings.bg);
|
||||
}
|
||||
},
|
||||
|
||||
show : function (el, css) {
|
||||
// is modal
|
||||
if (css) {
|
||||
if (/pop/i.test(this.settings.animation)) {
|
||||
css.top = $(window).scrollTop() - el.data('offset') + 'px';
|
||||
var end_css = {
|
||||
top: $(window).scrollTop() + el.data('css-top') + 'px',
|
||||
opacity: 1
|
||||
};
|
||||
|
||||
return this.delay(function () {
|
||||
return el
|
||||
.css(css)
|
||||
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
|
||||
this.locked = false;
|
||||
el.trigger('opened');
|
||||
}.bind(this))
|
||||
.addClass('open');
|
||||
}.bind(this), this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
if (/fade/i.test(this.settings.animation)) {
|
||||
var end_css = {opacity: 1};
|
||||
|
||||
return this.delay(function () {
|
||||
return el
|
||||
.css(css)
|
||||
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
|
||||
this.locked = false;
|
||||
el.trigger('opened');
|
||||
}.bind(this))
|
||||
.addClass('open');
|
||||
}.bind(this), this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
return el.css(css).show().css({opacity: 1}).addClass('open').trigger('opened');
|
||||
}
|
||||
|
||||
// should we animate the background?
|
||||
if (/fade/i.test(this.settings.animation)) {
|
||||
return el.fadeIn(this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
return el.show();
|
||||
},
|
||||
|
||||
hide : function (el, css) {
|
||||
// is modal
|
||||
if (css) {
|
||||
if (/pop/i.test(this.settings.animation)) {
|
||||
var end_css = {
|
||||
top: - $(window).scrollTop() - el.data('offset') + 'px',
|
||||
opacity: 0
|
||||
};
|
||||
|
||||
return this.delay(function () {
|
||||
return el
|
||||
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
|
||||
this.locked = false;
|
||||
el.css(css).trigger('closed');
|
||||
}.bind(this))
|
||||
.removeClass('open');
|
||||
}.bind(this), this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
if (/fade/i.test(this.settings.animation)) {
|
||||
var end_css = {opacity: 0};
|
||||
|
||||
return this.delay(function () {
|
||||
return el
|
||||
.animate(end_css, this.settings.animationSpeed, 'linear', function () {
|
||||
this.locked = false;
|
||||
el.css(css).trigger('closed');
|
||||
}.bind(this))
|
||||
.removeClass('open');
|
||||
}.bind(this), this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
return el.hide().css(css).removeClass('open').trigger('closed');
|
||||
}
|
||||
|
||||
// should we animate the background?
|
||||
if (/fade/i.test(this.settings.animation)) {
|
||||
return el.fadeOut(this.settings.animationSpeed / 2);
|
||||
}
|
||||
|
||||
return el.hide();
|
||||
},
|
||||
|
||||
close_video : function (e) {
|
||||
var video = $(this).find('.flex-video'),
|
||||
iframe = video.find('iframe');
|
||||
|
||||
if (iframe.length > 0) {
|
||||
iframe.attr('data-src', iframe[0].src);
|
||||
iframe.attr('src', 'about:blank');
|
||||
video.fadeOut(100).hide();
|
||||
}
|
||||
},
|
||||
|
||||
open_video : function (e) {
|
||||
var video = $(this).find('.flex-video'),
|
||||
iframe = video.find('iframe');
|
||||
|
||||
if (iframe.length > 0) {
|
||||
var data_src = iframe.attr('data-src');
|
||||
if (typeof data_src === 'string') {
|
||||
iframe[0].src = iframe.attr('data-src');
|
||||
}
|
||||
video.show().fadeIn(100);
|
||||
}
|
||||
},
|
||||
|
||||
cache_offset : function (modal) {
|
||||
var offset = modal.show().height() + parseInt(modal.css('top'), 10);
|
||||
|
||||
modal.hide();
|
||||
|
||||
return offset;
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.reveal');
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
|
|
@ -0,0 +1,407 @@
|
|||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.section = {
|
||||
name: 'section',
|
||||
|
||||
version : '4.1.3',
|
||||
|
||||
settings : {
|
||||
deep_linking: false,
|
||||
one_up: true,
|
||||
section_selector : '[data-section]',
|
||||
region_selector : 'section, .section, [data-section-region]',
|
||||
title_selector : '.title, [data-section-title]',
|
||||
active_region_selector : 'section.active, .section.active, .active[data-section-region]',
|
||||
content_selector : '.content, [data-section-content]',
|
||||
nav_selector : '[data-section="vertical-nav"], [data-section="horizontal-nav"]',
|
||||
callback: function (){}
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
var self = this;
|
||||
Foundation.inherit(this, 'throttle data_options position_right offset_right');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, self.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
this.set_active_from_hash();
|
||||
this.events();
|
||||
|
||||
return true;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('click.fndtn.section', '[data-section] .title, [data-section] [data-section-title]', function (e) {
|
||||
var $this = $(this),
|
||||
section = $this.closest(self.settings.section_selector);
|
||||
|
||||
self.toggle_active.call(this, e, self);
|
||||
self.reflow();
|
||||
});
|
||||
|
||||
$(window)
|
||||
.on('resize.fndtn.section', self.throttle(function () {
|
||||
self.resize.call(this);
|
||||
}, 30))
|
||||
.on('hashchange', function () {
|
||||
if (!self.settings.toggled){
|
||||
self.set_active_from_hash();
|
||||
$(this).trigger('resize');
|
||||
}
|
||||
}).trigger('resize');
|
||||
|
||||
$(document)
|
||||
.on('click.fndtn.section', function (e) {
|
||||
if ($(e.target).closest(self.settings.title_selector).length < 1) {
|
||||
$(self.settings.nav_selector)
|
||||
.children(self.settings.region_selector)
|
||||
.removeClass('active')
|
||||
.attr('style', '');
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
toggle_active : function (e, self) {
|
||||
var $this = $(this),
|
||||
self = Foundation.libs.section,
|
||||
region = $this.closest(self.settings.region_selector),
|
||||
content = $this.siblings(self.settings.content_selector),
|
||||
parent = region.parent(),
|
||||
settings = $.extend({}, self.settings, self.data_options(parent)),
|
||||
prev_active_section = parent
|
||||
.children(self.settings.active_region_selector);
|
||||
|
||||
self.settings.toggled = true;
|
||||
|
||||
if (!settings.deep_linking && content.length > 0) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
if (region.hasClass('active')) {
|
||||
// this is causing the style flash.
|
||||
if (self.small(parent)
|
||||
|| self.is_vertical_nav(parent)
|
||||
|| self.is_horizontal_nav(parent)
|
||||
|| self.is_accordion(parent)) {
|
||||
if (prev_active_section[0] !== region[0]
|
||||
|| (prev_active_section[0] === region[0] && !settings.one_up)) {
|
||||
region
|
||||
.removeClass('active')
|
||||
.attr('style', '');
|
||||
}
|
||||
}
|
||||
} else {
|
||||
var prev_active_section = parent
|
||||
.children(self.settings.active_region_selector),
|
||||
title_height = self.outerHeight(region
|
||||
.children(self.settings.title_selector));
|
||||
|
||||
if (self.small(parent) || settings.one_up) {
|
||||
|
||||
if (self.small(parent)) {
|
||||
prev_active_section.attr('style', '');
|
||||
} else {
|
||||
prev_active_section.attr('style',
|
||||
'visibility: hidden; padding-top: '+title_height+'px;');
|
||||
}
|
||||
}
|
||||
|
||||
if (self.small(parent)) {
|
||||
region.attr('style', '');
|
||||
} else {
|
||||
region.css('padding-top', title_height);
|
||||
}
|
||||
|
||||
region.addClass('active');
|
||||
|
||||
if (prev_active_section.length > 0) {
|
||||
prev_active_section
|
||||
.removeClass('active')
|
||||
.attr('style', '');
|
||||
}
|
||||
|
||||
// Toggle the content display attribute. This is done to
|
||||
// ensure accurate outerWidth measurements that account for
|
||||
// the scrollbar.
|
||||
if (self.is_vertical_tabs(parent)) {
|
||||
content.css('display', 'block');
|
||||
|
||||
if (prev_active_section !== null) {
|
||||
prev_active_section
|
||||
.children(self.settings.content_selector)
|
||||
.css('display', 'none');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
setTimeout(function () {
|
||||
self.settings.toggled = false;
|
||||
}, 300);
|
||||
|
||||
settings.callback();
|
||||
},
|
||||
|
||||
resize : function () {
|
||||
var self = Foundation.libs.section,
|
||||
sections = $(self.settings.section_selector);
|
||||
|
||||
sections.each(function() {
|
||||
var $this = $(this),
|
||||
active_section = $this
|
||||
.children(self.settings.active_region_selector),
|
||||
settings = $.extend({}, self.settings, self.data_options($this));
|
||||
|
||||
if (active_section.length > 1) {
|
||||
active_section
|
||||
.not(':first')
|
||||
.removeClass('active')
|
||||
.attr('style', '');
|
||||
} else if (active_section.length < 1
|
||||
&& !self.is_vertical_nav($this)
|
||||
&& !self.is_horizontal_nav($this)
|
||||
&& !self.is_accordion($this)) {
|
||||
|
||||
var first = $this.children(self.settings.region_selector).first();
|
||||
|
||||
if (settings.one_up || !self.small($this)) {
|
||||
first.addClass('active');
|
||||
}
|
||||
|
||||
if (self.small($this)) {
|
||||
first.attr('style', '');
|
||||
} else {
|
||||
first.css('padding-top', self.outerHeight(first
|
||||
.children(self.settings.title_selector)));
|
||||
}
|
||||
}
|
||||
|
||||
if (self.small($this)) {
|
||||
active_section.attr('style', '');
|
||||
} else {
|
||||
active_section.css('padding-top', self.outerHeight(active_section
|
||||
.children(self.settings.title_selector)));
|
||||
}
|
||||
|
||||
self.position_titles($this);
|
||||
|
||||
if ( (self.is_horizontal_nav($this) && !self.small($this))
|
||||
|| self.is_vertical_tabs($this)) {
|
||||
self.position_content($this);
|
||||
} else {
|
||||
self.position_content($this, false);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
is_vertical_nav : function (el) {
|
||||
return /vertical-nav/i.test(el.data('section'));
|
||||
},
|
||||
|
||||
is_horizontal_nav : function (el) {
|
||||
return /horizontal-nav/i.test(el.data('section'));
|
||||
},
|
||||
|
||||
is_accordion : function (el) {
|
||||
return /accordion/i.test(el.data('section'));
|
||||
},
|
||||
|
||||
is_horizontal_tabs : function (el) {
|
||||
return /^tabs$/i.test(el.data('section'));
|
||||
},
|
||||
|
||||
is_vertical_tabs : function (el) {
|
||||
return /vertical-tabs/i.test(el.data('section'));
|
||||
},
|
||||
|
||||
set_active_from_hash : function () {
|
||||
var hash = window.location.hash.substring(1),
|
||||
sections = $('[data-section]'),
|
||||
self = this;
|
||||
|
||||
sections.each(function () {
|
||||
var section = $(this),
|
||||
settings = $.extend({}, self.settings, self.data_options(section));
|
||||
|
||||
if (hash.length > 0 && settings.deep_linking) {
|
||||
var regions = section
|
||||
.children(self.settings.region_selector)
|
||||
.attr('style', '')
|
||||
.removeClass('active');
|
||||
regions
|
||||
.map(function () {
|
||||
return $(this).children('.content[data-slug="' + hash + '"], [data-section-content][data-slug="' + hash + '"]');
|
||||
})
|
||||
.parent()
|
||||
.addClass('active');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
position_titles : function (section, off) {
|
||||
var self = this,
|
||||
titles = section
|
||||
.children(this.settings.region_selector)
|
||||
.map(function () {
|
||||
return $(this).children(self.settings.title_selector);
|
||||
}),
|
||||
previous_width = 0,
|
||||
previous_height = 0,
|
||||
self = this;
|
||||
|
||||
if (typeof off === 'boolean') {
|
||||
titles.attr('style', '');
|
||||
|
||||
} else {
|
||||
titles.each(function () {
|
||||
if (self.is_vertical_tabs(section)) {
|
||||
$(this).css('top', previous_height);
|
||||
previous_height += self.outerHeight($(this));
|
||||
} else {
|
||||
if (!self.rtl) {
|
||||
$(this).css('left', previous_width);
|
||||
} else {
|
||||
$(this).css('right', previous_width);
|
||||
}
|
||||
previous_width += self.outerWidth($(this));
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
position_content : function (section, off) {
|
||||
var self = this,
|
||||
regions = section.children(self.settings.region_selector),
|
||||
titles = regions
|
||||
.map(function () {
|
||||
return $(this).children(self.settings.title_selector);
|
||||
}),
|
||||
content = regions
|
||||
.map(function () {
|
||||
return $(this).children(self.settings.content_selector);
|
||||
});
|
||||
|
||||
if (typeof off === 'boolean') {
|
||||
content.attr('style', '');
|
||||
section.attr('style', '');
|
||||
} else {
|
||||
if (self.is_vertical_tabs(section)
|
||||
&& !self.small(section)) {
|
||||
var content_min_height = 0,
|
||||
content_min_width = Number.MAX_VALUE,
|
||||
title_width = null;
|
||||
|
||||
regions.each(function () {
|
||||
var region = $(this),
|
||||
title = region.children(self.settings.title_selector),
|
||||
content = region.children(self.settings.content_selector),
|
||||
content_width = 0;
|
||||
|
||||
title_width = self.outerWidth(title);
|
||||
content_width = self.outerWidth(section) - title_width;
|
||||
if (content_width < content_min_width) {
|
||||
content_min_width = content_width;
|
||||
}
|
||||
|
||||
// Increment the minimum height of the content region
|
||||
// to align with the height of the titles.
|
||||
content_min_height += self.outerHeight(title);
|
||||
|
||||
// Set all of the inactive tabs to 'display: none'
|
||||
// The CSS sets all of the tabs as 'display: block'
|
||||
// in order to account for scrollbars when measuring the width
|
||||
// of the content regions.
|
||||
if (!$(this).hasClass('active')) {
|
||||
content.css('display', 'none');
|
||||
}
|
||||
});
|
||||
|
||||
regions.each(function () {
|
||||
var content = $(this).children(self.settings.content_selector);
|
||||
content.css('minHeight', content_min_height);
|
||||
|
||||
// Remove 2 pixels to account for the right-shift in the CSS
|
||||
content.css('maxWidth', content_min_width - 2);
|
||||
});
|
||||
|
||||
// Adjust the outer section container width to match
|
||||
// the width of the title and content
|
||||
section.css('maxWidth', title_width + content_min_width);
|
||||
} else {
|
||||
regions.each(function () {
|
||||
var region = $(this),
|
||||
title = region.children(self.settings.title_selector),
|
||||
content = region.children(self.settings.content_selector);
|
||||
if (!self.rtl) {
|
||||
content
|
||||
.css({left: title.position().left - 1,
|
||||
top: self.outerHeight(title) - 2});
|
||||
} else {
|
||||
content
|
||||
.css({right: self.position_right(title) + 1,
|
||||
top: self.outerHeight(title) - 2});
|
||||
}
|
||||
});
|
||||
|
||||
// temporary work around for Zepto outerheight calculation issues.
|
||||
if (typeof Zepto === 'function') {
|
||||
section.height(this.outerHeight(titles.first()));
|
||||
} else {
|
||||
section.height(this.outerHeight(titles.first()) - 2);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
position_right : function (el) {
|
||||
var self = this,
|
||||
section = el.closest(this.settings.section_selector),
|
||||
regions = section.children(this.settings.region_selector),
|
||||
section_width = el.closest(this.settings.section_selector).width(),
|
||||
offset = regions
|
||||
.map(function () {
|
||||
return $(this).children(self.settings.title_selector);
|
||||
}).length;
|
||||
return (section_width - el.position().left - el.width() * (el.index() + 1) - offset);
|
||||
},
|
||||
|
||||
reflow : function (scope) {
|
||||
var scope = scope || document;
|
||||
$(this.settings.section_selector, scope).trigger('resize');
|
||||
},
|
||||
|
||||
small : function (el) {
|
||||
var settings = $.extend({}, this.settings, this.data_options(el));
|
||||
if (this.is_horizontal_tabs(el)) {
|
||||
return false;
|
||||
}
|
||||
if (el && this.is_accordion(el)) {
|
||||
return true;
|
||||
}
|
||||
if ($('html').hasClass('lt-ie9')) {
|
||||
return true;
|
||||
}
|
||||
if ($('html').hasClass('ie8compat')) {
|
||||
return true;
|
||||
}
|
||||
return $(this.scope).width() < 768;
|
||||
},
|
||||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.section');
|
||||
$(window).off('.fndtn.section');
|
||||
$(document).off('.fndtn.section')
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue