upgrade foundation, cleanup theme switcher and store choice in cookie
This commit is contained in:
parent
3b8f07cb4b
commit
2be4b40500
|
@ -0,0 +1,4 @@
|
|||
source "http://rubygems.org"
|
||||
|
||||
gem "compass"
|
||||
gem "zurb-foundation"
|
|
@ -0,0 +1,19 @@
|
|||
GEM
|
||||
remote: http://rubygems.org/
|
||||
specs:
|
||||
chunky_png (1.2.8)
|
||||
compass (0.12.2)
|
||||
chunky_png (~> 1.2)
|
||||
fssm (>= 0.2.7)
|
||||
sass (~> 3.1)
|
||||
fssm (0.2.10)
|
||||
sass (3.2.9)
|
||||
zurb-foundation (4.2.1)
|
||||
sass (>= 3.2.0)
|
||||
|
||||
PLATFORMS
|
||||
ruby
|
||||
|
||||
DEPENDENCIES
|
||||
compass
|
||||
zurb-foundation
|
|
@ -184,18 +184,34 @@ $(document).ready(function() {
|
|||
return false;
|
||||
});
|
||||
|
||||
|
||||
/** theme switcher! */
|
||||
$(".theme-switcher").on("click", function(e) {
|
||||
e.preventDefault();
|
||||
$("body").toggleClass("oldschool");
|
||||
|
||||
var toggleTheme = function() {
|
||||
if ( $("body").hasClass("oldschool") ) {
|
||||
$(".theme-switcher span").html("old school!");
|
||||
}
|
||||
else {
|
||||
$(".theme-switcher span").html("modern");
|
||||
}
|
||||
};
|
||||
|
||||
var theme = $.cookie('theme');
|
||||
if(theme) {
|
||||
$('body').addClass(theme);
|
||||
$('html').addClass(theme);
|
||||
toggleTheme();
|
||||
}
|
||||
|
||||
/** theme switcher! */
|
||||
$(".theme-switcher").on("click", function(e) {
|
||||
e.preventDefault();
|
||||
$("body").toggleClass("oldschool");
|
||||
if ( $("body").hasClass("oldschool") ) {
|
||||
$.cookie('theme', "oldschool");
|
||||
}
|
||||
else {
|
||||
$.cookie('theme', "");
|
||||
}
|
||||
|
||||
toggleTheme();
|
||||
});
|
||||
|
||||
/**
|
||||
|
|
|
@ -45,6 +45,8 @@
|
|||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.alerts');
|
||||
}
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
|
@ -6,14 +6,14 @@
|
|||
Foundation.libs.clearing = {
|
||||
name : 'clearing',
|
||||
|
||||
version : '4.0.0',
|
||||
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-left"><span></span></a>' +
|
||||
'<a href="#" class="clearing-main-right"><span></span></a></div>'
|
||||
'<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,
|
||||
|
@ -26,8 +26,8 @@
|
|||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = this.scope || scope;
|
||||
Foundation.inherit(this, 'set_data get_data remove_data throttle');
|
||||
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);
|
||||
|
@ -35,15 +35,15 @@
|
|||
|
||||
if (typeof method != 'string') {
|
||||
$(this.scope).find('ul[data-clearing]').each(function () {
|
||||
var self = Foundation.libs.clearing,
|
||||
$el = $(this),
|
||||
var $el = $(this),
|
||||
options = options || {},
|
||||
lis = $el.find('li'),
|
||||
settings = self.get_data($el);
|
||||
|
||||
if (!settings) {
|
||||
if (!settings && lis.length > 0) {
|
||||
options.$parent = $el.parent();
|
||||
|
||||
self.set_data($el, $.extend(true, self.settings, options));
|
||||
self.set_data($el, $.extend({}, self.settings, options, self.data_options($el)));
|
||||
|
||||
self.assemble($el.find('li'));
|
||||
|
||||
|
@ -70,19 +70,30 @@
|
|||
function (e, current, target) {
|
||||
var current = current || $(this),
|
||||
target = target || current,
|
||||
settings = self.get_data(current.parent());
|
||||
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($(e.target), current, target);
|
||||
self.open(image, current, target);
|
||||
self.update_paddles(target);
|
||||
})
|
||||
|
||||
.on('click.fndtn.clearing', '.clearing-main-right',
|
||||
.on('click.fndtn.clearing', '.clearing-main-next',
|
||||
function (e) { this.nav(e, 'next') }.bind(this))
|
||||
.on('click.fndtn.clearing', '.clearing-main-left',
|
||||
.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) })
|
||||
|
@ -90,7 +101,7 @@
|
|||
function (e) { this.keydown(e) }.bind(this));
|
||||
|
||||
$(window).on('resize.fndtn.clearing',
|
||||
function (e) { this.resize() }.bind(this));
|
||||
function () { this.resize() }.bind(this));
|
||||
|
||||
this.settings.init = true;
|
||||
return this;
|
||||
|
@ -101,6 +112,7 @@
|
|||
|
||||
$(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,
|
||||
|
@ -113,6 +125,7 @@
|
|||
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;
|
||||
|
||||
|
@ -142,7 +155,10 @@
|
|||
},
|
||||
|
||||
assemble : function ($li) {
|
||||
var $el = $li.parent(),
|
||||
var $el = $li.parent();
|
||||
$el.after('<div id="foundationClearingHolder"></div>');
|
||||
|
||||
var holder = $('#foundationClearingHolder'),
|
||||
settings = this.get_data($el),
|
||||
grid = $el.detach(),
|
||||
data = {
|
||||
|
@ -152,7 +168,7 @@
|
|||
wrapper = '<div class="clearing-assembled"><div>' + data.viewing +
|
||||
data.grid + '</div></div>';
|
||||
|
||||
return settings.$parent.append(wrapper);
|
||||
return holder.after(wrapper).remove();
|
||||
},
|
||||
|
||||
// event callbacks
|
||||
|
@ -165,9 +181,12 @@
|
|||
|
||||
if (!this.locked()) {
|
||||
// set the image to the selected thumbnail
|
||||
image.attr('src', this.load($image));
|
||||
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');
|
||||
|
@ -195,7 +214,7 @@
|
|||
}($(el))), container, visible_image;
|
||||
|
||||
if (el === e.target && root) {
|
||||
container = root.find('div').first(),
|
||||
container = root.find('div').first();
|
||||
visible_image = container.find('.visible-img');
|
||||
this.settings.prev_index = 0;
|
||||
root.find('ul[data-clearing]')
|
||||
|
@ -208,6 +227,10 @@
|
|||
return false;
|
||||
},
|
||||
|
||||
is_open : function (current) {
|
||||
return current.parent().attr('style').length > 0;
|
||||
},
|
||||
|
||||
keydown : function (e) {
|
||||
var clearing = $('.clearing-blackout').find('ul[data-clearing]');
|
||||
|
||||
|
@ -255,39 +278,50 @@
|
|||
.closest('.carousel')
|
||||
.siblings('.visible-img');
|
||||
|
||||
if (target.next().length) {
|
||||
if (target.next().length > 0) {
|
||||
visible_image
|
||||
.find('.clearing-main-right')
|
||||
.find('.clearing-main-next')
|
||||
.removeClass('disabled');
|
||||
} else {
|
||||
visible_image
|
||||
.find('.clearing-main-right')
|
||||
.find('.clearing-main-next')
|
||||
.addClass('disabled');
|
||||
}
|
||||
|
||||
if (target.prev().length) {
|
||||
if (target.prev().length > 0) {
|
||||
visible_image
|
||||
.find('.clearing-main-left')
|
||||
.find('.clearing-main-prev')
|
||||
.removeClass('disabled');
|
||||
} else {
|
||||
visible_image
|
||||
.find('.clearing-main-left')
|
||||
.find('.clearing-main-prev')
|
||||
.addClass('disabled');
|
||||
}
|
||||
},
|
||||
|
||||
center : function (target) {
|
||||
target.css({
|
||||
marginLeft : -(this.outerWidth(target) / 2),
|
||||
marginTop : -(this.outerHeight(target) / 2)
|
||||
});
|
||||
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) {
|
||||
var href = $image.parent().attr('href');
|
||||
if ($image[0].nodeName === "A") {
|
||||
var href = $image.attr('href');
|
||||
} else {
|
||||
var href = $image.parent().attr('href');
|
||||
}
|
||||
|
||||
this.preload($image);
|
||||
|
||||
|
@ -326,7 +360,7 @@
|
|||
return;
|
||||
}
|
||||
|
||||
if (this.complete || this.readyState === 4) {
|
||||
if (image[0].complete || image[0].readyState === 4) {
|
||||
loaded();
|
||||
} else {
|
||||
bindLoad.call(image);
|
||||
|
@ -354,7 +388,7 @@
|
|||
|
||||
if (caption) {
|
||||
container
|
||||
.text(caption)
|
||||
.html(caption)
|
||||
.show();
|
||||
} else {
|
||||
container
|
||||
|
@ -472,6 +506,10 @@
|
|||
$(window).off('.fndtn.clearing');
|
||||
this.remove_data(); // empty settings cache
|
||||
this.settings.init = false;
|
||||
},
|
||||
|
||||
reflow : function () {
|
||||
this.init();
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
@ -6,15 +6,18 @@
|
|||
Foundation.libs.dropdown = {
|
||||
name : 'dropdown',
|
||||
|
||||
version : '4.0.0',
|
||||
version : '4.2.0',
|
||||
|
||||
settings : {
|
||||
activeClass: 'open'
|
||||
activeClass: 'open',
|
||||
is_hover: false,
|
||||
opened: function(){},
|
||||
closed: function(){}
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
Foundation.inherit(this, 'throttle');
|
||||
Foundation.inherit(this, 'throttle scrollLeft data_options');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
|
@ -35,22 +38,37 @@
|
|||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope).on('click.fndtn.dropdown', '[data-dropdown]', function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
self.toggle($(this));
|
||||
});
|
||||
$(this.scope)
|
||||
.on('click.fndtn.dropdown', '[data-dropdown]', function (e) {
|
||||
var settings = $.extend({}, self.settings, self.data_options($(this)));
|
||||
e.preventDefault();
|
||||
|
||||
$('*, html, body').on('click.fndtn.dropdown', function (e) {
|
||||
if (!$(e.target).data('dropdown')) {
|
||||
$('[data-dropdown-content]')
|
||||
.css('left', '-99999px')
|
||||
.removeClass(self.settings.activeClass);
|
||||
if (!settings.is_hover) self.toggle($(this));
|
||||
})
|
||||
.on('mouseenter', '[data-dropdown]', function (e) {
|
||||
var settings = $.extend({}, self.settings, self.data_options($(this)));
|
||||
if (settings.is_hover) self.toggle($(this));
|
||||
})
|
||||
.on('mouseleave', '[data-dropdown-content]', function (e) {
|
||||
var target = $('[data-dropdown="' + $(this).attr('id') + '"]'),
|
||||
settings = $.extend({}, self.settings, self.data_options(target));
|
||||
if (settings.is_hover) self.close.call(self, $(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;
|
||||
}
|
||||
});
|
||||
|
||||
$('[data-dropdown-content]').on('click.fndtn.dropdown', function (e) {
|
||||
e.stopPropagation();
|
||||
self.close.call(self, $('[data-dropdown-content]'));
|
||||
});
|
||||
|
||||
$(window).on('resize.fndtn.dropdown', self.throttle(function () {
|
||||
|
@ -60,19 +78,35 @@
|
|||
this.settings.init = true;
|
||||
},
|
||||
|
||||
toggle : function (target, resize) {
|
||||
var dropdown = $('#' + target.data('dropdown'));
|
||||
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');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
$('[data-dropdown-content]').not(dropdown).css('left', '-99999px');
|
||||
|
||||
if (dropdown.hasClass(this.settings.activeClass)) {
|
||||
dropdown
|
||||
.css('left', '-99999px')
|
||||
.removeClass(this.settings.activeClass);
|
||||
} else {
|
||||
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.close.call(this, $('[data-dropdown-content]'))
|
||||
this.open.call(this, dropdown, target);
|
||||
}
|
||||
},
|
||||
|
||||
|
@ -86,7 +120,15 @@
|
|||
},
|
||||
|
||||
css : function (dropdown, target) {
|
||||
var offset = target.offset();
|
||||
var offset_parent = dropdown.offsetParent();
|
||||
// temporary workaround until 4.2
|
||||
if (offset_parent.length > 0 && /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({
|
||||
|
@ -94,13 +136,25 @@
|
|||
width: '95%',
|
||||
left: '2.5%',
|
||||
'max-width': 'none',
|
||||
top: offset.top + this.outerHeight(target)
|
||||
top: position.top + this.outerHeight(target)
|
||||
});
|
||||
} else {
|
||||
if (!Foundation.rtl && $(window).width() > this.outerWidth(dropdown) + target.offset().left) {
|
||||
var left = position.left;
|
||||
if (dropdown.hasClass('right')) {
|
||||
dropdown.removeClass('right');
|
||||
}
|
||||
} 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: offset.top + this.outerHeight(target),
|
||||
left: offset.left
|
||||
top: position.top + this.outerHeight(target),
|
||||
left: left
|
||||
});
|
||||
}
|
||||
|
||||
|
@ -117,6 +171,8 @@
|
|||
$(window).off('.fndtn.dropdown');
|
||||
$('[data-dropdown-content]').off('.fndtn.dropdown');
|
||||
this.settings.init = false;
|
||||
}
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
|
|
|
@ -1,19 +1,19 @@
|
|||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.forms = {
|
||||
name : 'forms',
|
||||
name: 'forms',
|
||||
|
||||
version : '4.0.4',
|
||||
version: '4.2.1',
|
||||
|
||||
settings : {
|
||||
disable_class: 'no-custom'
|
||||
cache: {},
|
||||
|
||||
settings: {
|
||||
disable_class: 'no-custom',
|
||||
last_combo : null
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
this.scope = scope || this.scope;
|
||||
init: function (scope, method, options) {
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
|
@ -32,16 +32,18 @@
|
|||
}
|
||||
},
|
||||
|
||||
assemble : function () {
|
||||
$('form.custom input[type="radio"]').not('[data-customforms="disabled"]')
|
||||
assemble: function () {
|
||||
$('form.custom input[type="radio"]', $(this.scope)).not('[data-customforms="disabled"]')
|
||||
.each(this.append_custom_markup);
|
||||
$('form.custom input[type="checkbox"]').not('[data-customforms="disabled"]')
|
||||
$('form.custom input[type="checkbox"]', $(this.scope)).not('[data-customforms="disabled"]')
|
||||
.each(this.append_custom_markup);
|
||||
$('form.custom select').not('[data-customforms="disabled"]')
|
||||
$('form.custom select', $(this.scope))
|
||||
.not('[data-customforms="disabled"]')
|
||||
.not('[multiple=multiple]')
|
||||
.each(this.append_custom_select);
|
||||
},
|
||||
|
||||
events : function () {
|
||||
events: function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
|
@ -55,49 +57,46 @@
|
|||
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('change.fndtn.forms', 'form.custom select:not([data-customforms="disabled"])', function (e, force_refresh) {
|
||||
self.refresh_custom_select($(this), force_refresh);
|
||||
})
|
||||
.on('click.fndtn.forms', 'form.custom label', function (e) {
|
||||
var $associatedElement = $('#' + self.escape($(this).attr('for')) + ':not([data-customforms="disabled"])'),
|
||||
if ($(e.target).is('label')) {
|
||||
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
|
||||
if ($customCheckbox.length == 0) {
|
||||
$customCheckbox = $(this).next('span.custom.checkbox');
|
||||
|
||||
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);
|
||||
}
|
||||
//the checkbox might be outside before the label
|
||||
if ($customCheckbox.length == 0) {
|
||||
$customCheckbox = $(this).prev('span.custom.checkbox');
|
||||
}
|
||||
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
|
||||
if ($customRadio.length == 0) {
|
||||
$customRadio = $(this).next('span.custom.radio');
|
||||
}
|
||||
//the radio might be outside before the label
|
||||
if ($customRadio.length == 0) {
|
||||
$customRadio = $(this).prev('span.custom.radio');
|
||||
}
|
||||
self.toggle_radio($customRadio);
|
||||
}
|
||||
}
|
||||
})
|
||||
.on('mousedown.fndtn.forms', 'form.custom div.custom.dropdown', function () {
|
||||
return false;
|
||||
})
|
||||
.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();
|
||||
$select = getFirstPrevSibling($dropdown, 'select');
|
||||
|
||||
// make sure other dropdowns close
|
||||
if(!$dropdown.hasClass('open'))
|
||||
$(self.scope).trigger('click');
|
||||
if (!$dropdown.hasClass('open')) $(self.scope).trigger('click');
|
||||
|
||||
e.preventDefault();
|
||||
if (false === $select.is(':disabled')) {
|
||||
|
@ -117,32 +116,29 @@
|
|||
.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(),
|
||||
$select = getFirstPrevSibling($customDropdown, 'select'),
|
||||
selectedIndex = 0;
|
||||
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
|
||||
if ( ! $(this).hasClass('disabled')) {
|
||||
if (!$(this).hasClass('disabled')) {
|
||||
$('div.dropdown').not($customDropdown).removeClass('open');
|
||||
|
||||
var $oldThis= $this
|
||||
.closest('ul')
|
||||
var $oldThis = $this.closest('ul')
|
||||
.find('li.selected');
|
||||
$oldThis.removeClass('selected');
|
||||
|
||||
$this.addClass('selected');
|
||||
|
||||
$customDropdown
|
||||
.removeClass('open')
|
||||
$customDropdown.removeClass('open')
|
||||
.find('a.current')
|
||||
.html($this.html());
|
||||
.text($this.text());
|
||||
|
||||
$this.closest('ul').find('li').each(function (index) {
|
||||
if ($this[0] == this) {
|
||||
selectedIndex = index;
|
||||
}
|
||||
|
||||
});
|
||||
$select[0].selectedIndex = selectedIndex;
|
||||
|
||||
|
@ -150,14 +146,89 @@
|
|||
$select.data('prevalue', $oldThis.html());
|
||||
$select.trigger('change');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(window).on('keydown', function (e) {
|
||||
var focus = document.activeElement,
|
||||
self = Foundation.libs.forms,
|
||||
dropdown = $('.custom.dropdown.open');
|
||||
|
||||
if (dropdown.length > 0) {
|
||||
e.preventDefault();
|
||||
|
||||
if (e.which === 13) {
|
||||
dropdown.find('li.selected').trigger('click');
|
||||
}
|
||||
|
||||
if (e.which === 27) {
|
||||
dropdown.removeClass('open');
|
||||
}
|
||||
|
||||
if (e.which >= 65 && e.which <= 90) {
|
||||
var next = self.go_to(dropdown, e.which),
|
||||
current = dropdown.find('li.selected');
|
||||
|
||||
if (next) {
|
||||
current.removeClass('selected');
|
||||
self.scrollTo(next.addClass('selected'), 300);
|
||||
}
|
||||
}
|
||||
|
||||
if (e.which === 38) {
|
||||
var current = dropdown.find('li.selected'),
|
||||
prev = current.prev(':not(.disabled)');
|
||||
|
||||
if (prev.length > 0) {
|
||||
prev.parent()[0].scrollTop = prev.parent().scrollTop() - self.outerHeight(prev);
|
||||
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) {
|
||||
next.parent()[0].scrollTop = next.parent().scrollTop() + self.outerHeight(next);
|
||||
current.removeClass('selected');
|
||||
next.addClass('selected');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
append_custom_markup : function (idx, sel) {
|
||||
var $this = $(sel).hide(),
|
||||
type = $this.attr('type'),
|
||||
go_to: function (dropdown, character) {
|
||||
var lis = dropdown.find('li'),
|
||||
count = lis.length;
|
||||
|
||||
if (count > 0) {
|
||||
for (var i = 0; i < count; i++) {
|
||||
var first_letter = lis.eq(i).text().charAt(0).toLowerCase();
|
||||
if (first_letter === String.fromCharCode(character).toLowerCase()) return lis.eq(i);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
scrollTo: function (el, duration) {
|
||||
if (duration < 0) return;
|
||||
var parent = el.parent();
|
||||
var li_height = this.outerHeight(el);
|
||||
var difference = (li_height * (el.index())) - parent.scrollTop();
|
||||
var perTick = difference / duration * 10;
|
||||
|
||||
this.scrollToTimerCache = setTimeout(function () {
|
||||
if (!isNaN(parseInt(perTick, 10))) {
|
||||
parent[0].scrollTop = parent.scrollTop() + perTick;
|
||||
this.scrollTo(el, duration - 10);
|
||||
}
|
||||
}.bind(this), 10);
|
||||
},
|
||||
|
||||
append_custom_markup: function (idx, sel) {
|
||||
var $this = $(sel),
|
||||
type = $this.attr('type'),
|
||||
$span = $this.next('span.custom.' + type);
|
||||
|
||||
if ($span.length === 0) {
|
||||
|
@ -168,133 +239,159 @@
|
|||
$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' ),
|
||||
maxWidth = 0,
|
||||
liHtml = '',
|
||||
$listItems,
|
||||
$currentSelect = false;
|
||||
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 ($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' : '';
|
||||
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 ].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 )
|
||||
.hide();
|
||||
$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>');
|
||||
|
||||
} else {
|
||||
liHtml = $options.map(function() {
|
||||
return "<li>" + $( this ).html() + "</li>";
|
||||
})
|
||||
.get().join('');
|
||||
$customList
|
||||
.html('')
|
||||
.append(liHtml);
|
||||
$selector = $customSelect.find(".selector");
|
||||
$customList = $customSelect.find("ul");
|
||||
|
||||
} // endif $customSelect.length === 0
|
||||
$customSelect.toggleClass('disabled', $this.is( ':disabled' ) );
|
||||
$listItems = $customList.find( 'li' );
|
||||
liHtml = $options.map(function () {
|
||||
var copyClasses = $(this).attr('class') ? $(this).attr('class') : '';
|
||||
return "<li class='" + copyClasses + "'>" + $(this).html() + "</li>";
|
||||
}).get().join('');
|
||||
|
||||
$options.each( function ( index ) {
|
||||
if ( this.selected ) {
|
||||
$listItems.eq( index ).addClass( 'selected' );
|
||||
$customList.append(liHtml);
|
||||
|
||||
if ($currentSelect) {
|
||||
$currentSelect.html( $( this ).html() );
|
||||
$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
|
||||
|
||||
self.assign_id($this, $customSelect);
|
||||
$customSelect.toggleClass('disabled', $this.is(':disabled'));
|
||||
$listItems = $customList.find('li');
|
||||
|
||||
// cache list length
|
||||
self.cache[$customSelect.data('id')] = $listItems.length;
|
||||
|
||||
$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 ($(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' );
|
||||
// If we're not specifying a predetermined form size.
|
||||
//
|
||||
// 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 );
|
||||
if (!$customSelect.is('.small, .medium, .large, .expand')) {
|
||||
|
||||
maxWidth = ( self.outerWidth($listItems) > maxWidth ) ? self.outerWidth($listItems) : maxWidth;
|
||||
// ------------------------------------------------------------------------------------
|
||||
// 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.
|
||||
// -------------------------------------------------------------------------------------
|
||||
|
||||
Foundation.libs.forms.hidden_fix.reset();
|
||||
$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);
|
||||
|
||||
$customSelect.removeClass( 'open' );
|
||||
maxWidth = (self.outerWidth($listItems) > maxWidth) ? self.outerWidth($listItems) : maxWidth;
|
||||
|
||||
} // endif
|
||||
Foundation.libs.forms.hidden_fix.reset();
|
||||
|
||||
$customSelect.removeClass('open');
|
||||
|
||||
} // endif
|
||||
|
||||
},
|
||||
|
||||
refresh_custom_select : function ($select) {
|
||||
assign_id: function ($select, $customSelect) {
|
||||
var id = [+new Date(), Foundation.random_str(5)].join('-');
|
||||
$select.attr('data-id', id);
|
||||
$customSelect.attr('data-id', id);
|
||||
},
|
||||
|
||||
refresh_custom_select: function ($select, force_refresh) {
|
||||
var self = this;
|
||||
var maxWidth = 0,
|
||||
$customSelect = $select.next(),
|
||||
$options = $select.find('option');
|
||||
$customSelect = $select.next(),
|
||||
$options = $select.find('option'),
|
||||
$listItems = $customSelect.find('li');
|
||||
|
||||
$customSelect.find('ul').html('');
|
||||
if ($listItems.length != this.cache[$customSelect.data('id')] || force_refresh) {
|
||||
$customSelect.find('ul').html('');
|
||||
|
||||
$options.each(function () {
|
||||
var $li = $('<li>' + $(this).html() + '</li>');
|
||||
$customSelect.find('ul').append($li);
|
||||
});
|
||||
$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');
|
||||
}
|
||||
});
|
||||
// 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');
|
||||
});
|
||||
// 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');
|
||||
});
|
||||
|
||||
$listItems = $customSelect.find('li');
|
||||
// cache list length
|
||||
this.cache[$customSelect.data('id')] = $listItems.length;
|
||||
}
|
||||
},
|
||||
|
||||
toggle_checkbox : function ($element) {
|
||||
toggle_checkbox: function ($element) {
|
||||
var $input = $element.prev(),
|
||||
input = $input[0];
|
||||
|
||||
|
@ -306,98 +403,114 @@
|
|||
}
|
||||
},
|
||||
|
||||
toggle_radio : function ($element) {
|
||||
var $input = $element.prev(),
|
||||
$form = $input.closest('form.custom'),
|
||||
input = $input[0];
|
||||
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');
|
||||
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');
|
||||
}
|
||||
input.checked = $element.hasClass('checked');
|
||||
|
||||
$input.trigger('change');
|
||||
}
|
||||
},
|
||||
|
||||
escape : function (text) {
|
||||
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
|
||||
*/
|
||||
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 temporarily store style properties.
|
||||
tmp: [],
|
||||
|
||||
// We'll use this to set hidden parent elements.
|
||||
hidden : null,
|
||||
// We'll use this to set hidden parent elements.
|
||||
hidden: null,
|
||||
|
||||
adjust : function( $child ) {
|
||||
// Internal reference.
|
||||
var _self = this;
|
||||
adjust: function ($child) {
|
||||
// Internal reference.
|
||||
var _self = this;
|
||||
|
||||
// Set all hidden parent elements, including this element.
|
||||
_self.hidden = $child.parents().andSelf().filter( ":hidden" );
|
||||
// Set all hidden parent elements, including this element.
|
||||
_self.hidden = $child.parents();
|
||||
_self.hidden = _self.hidden.add($child).filter(":hidden");
|
||||
|
||||
// Loop through all hidden elements.
|
||||
_self.hidden.each( function() {
|
||||
// Loop through all hidden elements.
|
||||
_self.hidden.each(function () {
|
||||
|
||||
// Cache the element.
|
||||
var $elem = $( this );
|
||||
// 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' ) );
|
||||
// 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' } );
|
||||
});
|
||||
// Set the element's display property to block,
|
||||
// but ensure it's visibility is hidden.
|
||||
$elem.css({
|
||||
'visibility': 'hidden',
|
||||
'display': 'block'
|
||||
});
|
||||
});
|
||||
|
||||
}, // end adjust
|
||||
}, // 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.
|
||||
/**
|
||||
* 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 )
|
||||
// If the stored value is undefined.
|
||||
if (_tmp === undefined)
|
||||
// Remove the style attribute.
|
||||
$elem.removeAttr( 'style' );
|
||||
else
|
||||
$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
|
||||
$elem.attr('style', _tmp);
|
||||
});
|
||||
// Reset the tmp array.
|
||||
_self.tmp = [];
|
||||
// Reset the hidden elements variable.
|
||||
_self.hidden = null;
|
||||
|
||||
} // end reset
|
||||
},
|
||||
|
||||
off : function () {
|
||||
off: function () {
|
||||
$(this.scope).off('.fndtn.forms');
|
||||
}
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
|
||||
var getFirstPrevSibling = function($el, selector) {
|
||||
var $el = $el.prev();
|
||||
while ($el.length) {
|
||||
if ($el.is(selector)) return $el;
|
||||
$el = $el.prev();
|
||||
}
|
||||
return $();
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
|
|
|
@ -0,0 +1,271 @@
|
|||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.interchange = {
|
||||
name : 'interchange',
|
||||
|
||||
version : '4.2.1',
|
||||
|
||||
cache : {},
|
||||
|
||||
settings : {
|
||||
load_attr : 'interchange',
|
||||
|
||||
named_queries : {
|
||||
'default' : 'only screen and (min-width: 1px)',
|
||||
small : 'only screen and (min-width: 768px)',
|
||||
medium : 'only screen and (min-width: 1280px)',
|
||||
large : 'only screen and (min-width: 1440px)',
|
||||
landscape : 'only screen and (orientation: landscape)',
|
||||
portrait : 'only screen and (orientation: portrait)',
|
||||
retina : 'only screen and (-webkit-min-device-pixel-ratio: 2),'
|
||||
+ 'only screen and (min--moz-device-pixel-ratio: 2),'
|
||||
+ 'only screen and (-o-min-device-pixel-ratio: 2/1),'
|
||||
+ 'only screen and (min-device-pixel-ratio: 2),'
|
||||
+ 'only screen and (min-resolution: 192dpi),'
|
||||
+ 'only screen and (min-resolution: 2dppx)'
|
||||
},
|
||||
|
||||
directives : {
|
||||
replace : function (el, path) {
|
||||
if (/IMG/.test(el[0].nodeName)) {
|
||||
var path_parts = path.split('/'),
|
||||
path_file = path_parts[path_parts.length - 1],
|
||||
orig_path = el[0].src;
|
||||
|
||||
if (new RegExp(path_file, 'i').test(el[0].src)) return;
|
||||
|
||||
el[0].src = path;
|
||||
|
||||
return el.trigger('replace', [el[0].src, orig_path]);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
Foundation.inherit(this, 'throttle');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
this.events();
|
||||
this.images();
|
||||
|
||||
if (typeof method != 'string') {
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
$(window).on('resize.fndtn.interchange', self.throttle(function () {
|
||||
self.resize.call(self);
|
||||
}, 50));
|
||||
},
|
||||
|
||||
resize : function () {
|
||||
var cache = this.cache;
|
||||
|
||||
for (var uuid in cache) {
|
||||
if (cache.hasOwnProperty(uuid)) {
|
||||
var passed = this.results(uuid, cache[uuid]);
|
||||
|
||||
if (passed) {
|
||||
this.settings.directives[passed
|
||||
.scenario[1]](passed.el, passed.scenario[0]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
results : function (uuid, scenarios) {
|
||||
var count = scenarios.length,
|
||||
results_arr = [];
|
||||
|
||||
if (count > 0) {
|
||||
var el = $('[data-uuid="' + uuid + '"]');
|
||||
|
||||
for (var i = count - 1; i >= 0; i--) {
|
||||
var rule = scenarios[i][2];
|
||||
if (this.settings.named_queries.hasOwnProperty(rule)) {
|
||||
var mq = matchMedia(this.settings.named_queries[rule]);
|
||||
} else {
|
||||
var mq = matchMedia(scenarios[i][2]);
|
||||
}
|
||||
if (mq.matches) {
|
||||
return {el: el, scenario: scenarios[i]};
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
images : function (force_update) {
|
||||
if (typeof this.cached_images === 'undefined' || force_update) {
|
||||
return this.update_images();
|
||||
}
|
||||
|
||||
return this.cached_images;
|
||||
},
|
||||
|
||||
update_images : function () {
|
||||
var images = document.getElementsByTagName('img'),
|
||||
count = images.length,
|
||||
data_attr = 'data-' + this.settings.load_attr;
|
||||
|
||||
this.cached_images = [];
|
||||
|
||||
for (var i = count - 1; i >= 0; i--) {
|
||||
this.loaded($(images[i]), (i === 0), function (image, last) {
|
||||
if (image) {
|
||||
var str = image.getAttribute(data_attr) || '';
|
||||
|
||||
if (str.length > 0) {
|
||||
this.cached_images.push(image);
|
||||
}
|
||||
}
|
||||
|
||||
if (last) this.enhance();
|
||||
|
||||
}.bind(this));
|
||||
}
|
||||
|
||||
return 'deferred';
|
||||
},
|
||||
|
||||
// based on jquery.imageready.js
|
||||
// @weblinc, @jsantell, (c) 2012
|
||||
|
||||
loaded : function (image, last, callback) {
|
||||
function loaded () {
|
||||
callback(image[0], last);
|
||||
}
|
||||
|
||||
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);
|
||||
}
|
||||
},
|
||||
|
||||
enhance : function () {
|
||||
var count = this.images().length;
|
||||
|
||||
for (var i = count - 1; i >= 0; i--) {
|
||||
this._object($(this.images()[i]));
|
||||
}
|
||||
|
||||
return $(window).trigger('resize');
|
||||
},
|
||||
|
||||
parse_params : function (path, directive, mq) {
|
||||
return [this.trim(path), this.convert_directive(directive), this.trim(mq)];
|
||||
},
|
||||
|
||||
convert_directive : function (directive) {
|
||||
var trimmed = this.trim(directive);
|
||||
|
||||
if (trimmed.length > 0) {
|
||||
return trimmed;
|
||||
}
|
||||
|
||||
return 'replace';
|
||||
},
|
||||
|
||||
_object : function(el) {
|
||||
var raw_arr = this.parse_data_attr(el),
|
||||
scenarios = [], count = raw_arr.length;
|
||||
|
||||
if (count > 0) {
|
||||
for (var i = count - 1; i >= 0; i--) {
|
||||
var split = raw_arr[i].split(/\((.*?)(\))$/);
|
||||
|
||||
if (split.length > 1) {
|
||||
var cached_split = split[0].split(','),
|
||||
params = this.parse_params(cached_split[0],
|
||||
cached_split[1], split[1]);
|
||||
|
||||
scenarios.push(params);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return this.store(el, scenarios);
|
||||
},
|
||||
|
||||
uuid : function (separator) {
|
||||
var delim = separator || "-";
|
||||
|
||||
function S4() {
|
||||
return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
|
||||
}
|
||||
|
||||
return (S4() + S4() + delim + S4() + delim + S4()
|
||||
+ delim + S4() + delim + S4() + S4() + S4());
|
||||
},
|
||||
|
||||
store : function (el, scenarios) {
|
||||
var uuid = this.uuid(),
|
||||
current_uuid = el.data('uuid');
|
||||
|
||||
if (current_uuid) return this.cache[current_uuid];
|
||||
|
||||
el.attr('data-uuid', uuid);
|
||||
|
||||
return this.cache[uuid] = scenarios;
|
||||
},
|
||||
|
||||
trim : function(str) {
|
||||
if (typeof str === 'string') {
|
||||
return $.trim(str);
|
||||
}
|
||||
|
||||
return str;
|
||||
},
|
||||
|
||||
parse_data_attr : function (el) {
|
||||
var raw = el.data(this.settings.load_attr).split(/\[(.*?)\]/),
|
||||
count = raw.length, output = [];
|
||||
|
||||
for (var i = count - 1; i >= 0; i--) {
|
||||
if (raw[i].replace(/[\W\d]+/, '').length > 4) {
|
||||
output.push(raw[i]);
|
||||
}
|
||||
}
|
||||
|
||||
return output;
|
||||
},
|
||||
|
||||
reflow : function () {
|
||||
this.images(true);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}(Foundation.zj, this, this.document));
|
|
@ -1,23 +1,26 @@
|
|||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.joyride = {
|
||||
name: 'joyride',
|
||||
|
||||
version : '4.0.0',
|
||||
version : '4.2.0',
|
||||
|
||||
defaults : {
|
||||
expose : false, // turn on or off the expose feature
|
||||
modal : false, // Whether to cover page with modal during the tour
|
||||
tipLocation : 'bottom', // 'top' or 'bottom' in relation to parent
|
||||
nubPosition : 'auto', // override on a per tooltip bases
|
||||
scrollSpeed : 300, // Page scrolling speed in milliseconds
|
||||
scrollSpeed : 300, // Page scrolling speed in milliseconds, 0 = no scroll animation
|
||||
timer : 0, // 0 = no timer , all other numbers = timer in milliseconds
|
||||
startTimerOnClick : true, // true or false - true requires clicking the first button start the timer
|
||||
startOffset : 0, // the index of the tooltip you want to start on (index of the li)
|
||||
nextButton : true, // true or false to control whether a next button is used
|
||||
tipAnimation : 'fade', // 'pop' or 'fade' in each tip
|
||||
pauseAfter : [], // array of indexes where to pause the tour after
|
||||
exposed : [], // array of expose elements
|
||||
tipAnimationFadeSpeed: 300, // when tipAnimation = 'fade' this is speed in milliseconds for the transition
|
||||
cookieMonster : false, // true or false to control whether cookies are used
|
||||
cookieName : 'joyride', // Name the cookie you'll use
|
||||
|
@ -26,13 +29,20 @@
|
|||
tipContainer : 'body', // Where will the tip be attached
|
||||
postRideCallback : function (){}, // A method to call once the tour closes (canceled or complete)
|
||||
postStepCallback : function (){}, // A method to call after each step
|
||||
preStepCallback : function (){}, // A method to call before each step
|
||||
preRideCallback : function (){}, // A method to call before the tour starts (passed index, tip, and cloned exposed element)
|
||||
postExposeCallback : function (){}, // A method to call after an element has been exposed
|
||||
template : { // HTML segments for tip layout
|
||||
link : '<a href="#close" class="joyride-close-tip">×</a>',
|
||||
timer : '<div class="joyride-timer-indicator-wrap"><span class="joyride-timer-indicator"></span></div>',
|
||||
tip : '<div class="joyride-tip-guide"><span class="joyride-nub"></span></div>',
|
||||
wrapper : '<div class="joyride-content-wrapper"></div>',
|
||||
button : '<a href="#" class="small button joyride-next-tip"></a>'
|
||||
}
|
||||
button : '<a href="#" class="small button joyride-next-tip"></a>',
|
||||
modal : '<div class="joyride-modal-bg"></div>',
|
||||
expose : '<div class="joyride-expose-wrapper"></div>',
|
||||
exposeCover: '<div class="joyride-expose-cover"></div>'
|
||||
},
|
||||
exposeAddClass : '' // One or more space-separated class names to be added to exposed element
|
||||
},
|
||||
|
||||
settings : {},
|
||||
|
@ -84,10 +94,20 @@
|
|||
|
||||
$(window).on('resize.fndtn.joyride', self.throttle(function () {
|
||||
if ($('[data-joyride]').length > 0 && self.settings.$next_tip) {
|
||||
if (self.settings.exposed.length > 0) {
|
||||
var $els = $(self.settings.exposed);
|
||||
|
||||
$els.each(function () {
|
||||
var $this = $(this);
|
||||
self.un_expose($this);
|
||||
self.expose($this);
|
||||
});
|
||||
}
|
||||
|
||||
if (self.is_phone()) {
|
||||
self.pos_phone();
|
||||
} else {
|
||||
self.pos_default();
|
||||
self.pos_default(false, true);
|
||||
}
|
||||
}
|
||||
}, 100));
|
||||
|
@ -102,20 +122,15 @@
|
|||
int_settings_count = integer_settings.length;
|
||||
|
||||
if (!this.settings.init) this.init();
|
||||
$.extend(true, this.settings, this.data_options($this));
|
||||
|
||||
// non configureable settings
|
||||
this.settings.$content_el = $this;
|
||||
this.settings.$body = $(this.settings.tipContainer);
|
||||
this.settings.body_offset = $(this.settings.tipContainer).position();
|
||||
this.settings.$tip_content = this.settings.$content_el.find('> li');
|
||||
this.settings.paused = false;
|
||||
this.settings.attempts = 0;
|
||||
|
||||
// Make sure that settings parsed from data_options are integers where necessary
|
||||
for (var i = int_settings_count - 1; i >= 0; i--) {
|
||||
this.settings[integer_settings[i]] = parseInt(this.settings[integer_settings[i]], 10);
|
||||
}
|
||||
|
||||
this.settings.tipLocationPatterns = {
|
||||
top: ['bottom'],
|
||||
bottom: [], // bottom should not need to be repositioned
|
||||
|
@ -130,9 +145,14 @@
|
|||
|
||||
// generate the tips and insert into dom.
|
||||
if (!this.settings.cookieMonster || this.settings.cookieMonster && $.cookie(this.settings.cookieName) === null) {
|
||||
|
||||
this.settings.$tip_content.each(function (index) {
|
||||
self.create({$li : $(this), index : index});
|
||||
var $this = $(this);
|
||||
$.extend(true, self.settings, self.data_options($this));
|
||||
// Make sure that settings parsed from data_options are integers where necessary
|
||||
for (var i = int_settings_count - 1; i >= 0; i--) {
|
||||
self.settings[integer_settings[i]] = parseInt(self.settings[integer_settings[i]], 10);
|
||||
}
|
||||
self.create({$li : $this, index : index});
|
||||
});
|
||||
|
||||
// show first tip
|
||||
|
@ -191,7 +211,6 @@
|
|||
},
|
||||
|
||||
create : function (opts) {
|
||||
// backwards compatability with data-text attribute
|
||||
var buttonText = opts.$li.attr('data-button') || opts.$li.attr('data-text'),
|
||||
tipClass = opts.$li.attr('class'),
|
||||
$tip_content = $(this.tip_template({
|
||||
|
@ -221,9 +240,20 @@
|
|||
this.settings.attempts = 0;
|
||||
|
||||
if (this.settings.$li.length && this.settings.$target.length > 0) {
|
||||
if (init) { //run when we first start
|
||||
this.settings.preRideCallback(this.settings.$li.index(), this.settings.$next_tip);
|
||||
if (this.settings.modal) {
|
||||
this.show_modal();
|
||||
}
|
||||
}
|
||||
|
||||
this.settings.tipSettings = $.extend(true,
|
||||
this.settings, this.data_options(this.settings.$li));
|
||||
this.settings.preStepCallback(this.settings.$li.index(), this.settings.$next_tip);
|
||||
|
||||
if (this.settings.modal && this.settings.expose) {
|
||||
this.expose();
|
||||
}
|
||||
|
||||
this.settings.tipSettings = $.extend(this.settings, this.data_options(this.settings.$li));
|
||||
|
||||
this.settings.timer = parseInt(this.settings.timer, 10);
|
||||
|
||||
|
@ -246,7 +276,7 @@
|
|||
|
||||
$timer.width(0);
|
||||
|
||||
if (thsi.settings.timer > 0) {
|
||||
if (this.settings.timer > 0) {
|
||||
|
||||
this.settings.$next_tip.show();
|
||||
|
||||
|
@ -309,14 +339,20 @@
|
|||
return Modernizr.mq('only screen and (max-width: 767px)') || $('.lt-ie9').length > 0;
|
||||
}
|
||||
|
||||
return (this.settings.$window.width() < 767) ? true : false;
|
||||
return (this.settings.$window.width() < 767);
|
||||
},
|
||||
|
||||
hide : function () {
|
||||
if (this.settings.modal && this.settings.expose) {
|
||||
this.un_expose();
|
||||
}
|
||||
|
||||
if (!this.settings.modal) {
|
||||
$('.joyride-modal-bg').hide();
|
||||
}
|
||||
this.settings.$current_tip.hide();
|
||||
this.settings.postStepCallback(this.settings.$li.index(),
|
||||
this.settings.$current_tip);
|
||||
$('.joyride-modal-bg').hide();
|
||||
this.settings.$current_tip.hide();
|
||||
},
|
||||
|
||||
set_li : function (init) {
|
||||
|
@ -334,6 +370,7 @@
|
|||
|
||||
set_next_tip : function () {
|
||||
this.settings.$next_tip = $(".joyride-tip-guide[data-index='" + this.settings.$li.index() + "']");
|
||||
this.settings.$next_tip.data('closed', '');
|
||||
},
|
||||
|
||||
set_target : function () {
|
||||
|
@ -363,11 +400,7 @@
|
|||
},
|
||||
|
||||
paused : function () {
|
||||
if (($.inArray((this.settings.$li.index() + 1), this.settings.pauseAfter) === -1)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
return ($.inArray((this.settings.$li.index() + 1), this.settings.pauseAfter) === -1);
|
||||
},
|
||||
|
||||
restart : function () {
|
||||
|
@ -376,10 +409,11 @@
|
|||
this.show('init');
|
||||
},
|
||||
|
||||
pos_default : function (init) {
|
||||
pos_default : function (init, resizing) {
|
||||
var half_fold = Math.ceil($(window).height() / 2),
|
||||
tip_position = this.settings.$next_tip.offset(),
|
||||
$nub = this.settings.$next_tip.find('.joyride-nub'),
|
||||
nub_width = Math.ceil(this.outerWidth($nub) / 2),
|
||||
nub_height = Math.ceil(this.outerHeight($nub) / 2),
|
||||
toggle = init || false;
|
||||
|
||||
|
@ -389,20 +423,31 @@
|
|||
this.settings.$next_tip.show();
|
||||
}
|
||||
|
||||
if (typeof resizing === 'undefined') {
|
||||
resizing = false;
|
||||
}
|
||||
|
||||
if (!/body/i.test(this.settings.$target.selector)) {
|
||||
|
||||
if (this.bottom()) {
|
||||
var leftOffset = this.settings.$target.offset().left;
|
||||
if (Foundation.rtl) {
|
||||
leftOffset = this.settings.$target.offset().width - this.settings.$next_tip.width() + leftOffset;
|
||||
}
|
||||
this.settings.$next_tip.css({
|
||||
top: (this.settings.$target.offset().top + nub_height + this.outerHeight(this.settings.$target)),
|
||||
left: this.settings.$target.offset().left});
|
||||
left: leftOffset});
|
||||
|
||||
this.nub_position($nub, this.settings.tipSettings.nubPosition, 'top');
|
||||
|
||||
} else if (this.top()) {
|
||||
|
||||
var leftOffset = this.settings.$target.offset().left;
|
||||
if (Foundation.rtl) {
|
||||
leftOffset = this.settings.$target.offset().width - this.settings.$next_tip.width() + leftOffset;
|
||||
}
|
||||
this.settings.$next_tip.css({
|
||||
top: (this.settings.$target.offset().top - this.outerHeight(this.settings.$next_tip) - nub_height),
|
||||
left: this.settings.$target.offset().left});
|
||||
left: leftOffset});
|
||||
|
||||
this.nub_position($nub, this.settings.tipSettings.nubPosition, 'bottom');
|
||||
|
||||
|
@ -410,7 +455,7 @@
|
|||
|
||||
this.settings.$next_tip.css({
|
||||
top: this.settings.$target.offset().top,
|
||||
left: (this.outerWidth(this.settings.$target) + this.settings.$target.offset().left)});
|
||||
left: (this.outerWidth(this.settings.$target) + this.settings.$target.offset().left + nub_width)});
|
||||
|
||||
this.nub_position($nub, this.settings.tipSettings.nubPosition, 'left');
|
||||
|
||||
|
@ -418,7 +463,7 @@
|
|||
|
||||
this.settings.$next_tip.css({
|
||||
top: this.settings.$target.offset().top,
|
||||
left: (this.settings.$target.offset().left - this.outerWidth(this.settings.$next_tip) - nub_height)});
|
||||
left: (this.settings.$target.offset().left - this.outerWidth(this.settings.$next_tip) - nub_width)});
|
||||
|
||||
this.nub_position($nub, this.settings.tipSettings.nubPosition, 'right');
|
||||
|
||||
|
@ -435,7 +480,7 @@
|
|||
|
||||
this.settings.attempts++;
|
||||
|
||||
this.pos_default(true);
|
||||
this.pos_default();
|
||||
|
||||
}
|
||||
|
||||
|
@ -485,9 +530,7 @@
|
|||
}
|
||||
|
||||
} else if (this.settings.$li.length) {
|
||||
|
||||
this.pos_modal($nub);
|
||||
|
||||
}
|
||||
|
||||
if (toggle) {
|
||||
|
@ -500,14 +543,176 @@
|
|||
this.center();
|
||||
$nub.hide();
|
||||
|
||||
if ($('.joyride-modal-bg').length < 1) {
|
||||
$('body').append('<div class="joyride-modal-bg">').show();
|
||||
this.show_modal();
|
||||
},
|
||||
|
||||
show_modal : function () {
|
||||
if (!this.settings.$next_tip.data('closed')) {
|
||||
var joyridemodalbg = $('.joyride-modal-bg');
|
||||
if (joyridemodalbg.length < 1) {
|
||||
$('body').append(this.settings.template.modal).show();
|
||||
}
|
||||
|
||||
if (/pop/i.test(this.settings.tipAnimation)) {
|
||||
joyridemodalbg.show();
|
||||
} else {
|
||||
joyridemodalbg.fadeIn(this.settings.tipAnimationFadeSpeed);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
expose : function () {
|
||||
var expose,
|
||||
exposeCover,
|
||||
el,
|
||||
origCSS,
|
||||
origClasses,
|
||||
randId = 'expose-'+Math.floor(Math.random()*10000);
|
||||
|
||||
if (arguments.length > 0 && arguments[0] instanceof $) {
|
||||
el = arguments[0];
|
||||
} else if(this.settings.$target && !/body/i.test(this.settings.$target.selector)){
|
||||
el = this.settings.$target;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (/pop/i.test(this.settings.tipAnimation)) {
|
||||
$('.joyride-modal-bg').show();
|
||||
if(el.length < 1){
|
||||
if(window.console){
|
||||
console.error('element not valid', el);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
expose = $(this.settings.template.expose);
|
||||
this.settings.$body.append(expose);
|
||||
expose.css({
|
||||
top: el.offset().top,
|
||||
left: el.offset().left,
|
||||
width: this.outerWidth(el, true),
|
||||
height: this.outerHeight(el, true)
|
||||
});
|
||||
|
||||
exposeCover = $(this.settings.template.exposeCover);
|
||||
|
||||
origCSS = {
|
||||
zIndex: el.css('z-index'),
|
||||
position: el.css('position')
|
||||
};
|
||||
|
||||
origClasses = el.attr('class') == null ? '' : el.attr('class');
|
||||
|
||||
el.css('z-index',parseInt(expose.css('z-index'))+1);
|
||||
|
||||
if (origCSS.position == 'static') {
|
||||
el.css('position','relative');
|
||||
}
|
||||
|
||||
el.data('expose-css',origCSS);
|
||||
el.data('orig-class', origClasses);
|
||||
el.attr('class', origClasses + ' ' + this.settings.exposeAddClass);
|
||||
|
||||
exposeCover.css({
|
||||
top: el.offset().top,
|
||||
left: el.offset().left,
|
||||
width: this.outerWidth(el, true),
|
||||
height: this.outerHeight(el, true)
|
||||
});
|
||||
|
||||
this.settings.$body.append(exposeCover);
|
||||
expose.addClass(randId);
|
||||
exposeCover.addClass(randId);
|
||||
el.data('expose', randId);
|
||||
this.settings.postExposeCallback(this.settings.$li.index(), this.settings.$next_tip, el);
|
||||
this.add_exposed(el);
|
||||
},
|
||||
|
||||
un_expose : function () {
|
||||
var exposeId,
|
||||
el,
|
||||
expose ,
|
||||
origCSS,
|
||||
origClasses,
|
||||
clearAll = false;
|
||||
|
||||
if (arguments.length > 0 && arguments[0] instanceof $) {
|
||||
el = arguments[0];
|
||||
} else if(this.settings.$target && !/body/i.test(this.settings.$target.selector)){
|
||||
el = this.settings.$target;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
|
||||
if(el.length < 1){
|
||||
if (window.console) {
|
||||
console.error('element not valid', el);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
exposeId = el.data('expose');
|
||||
expose = $('.' + exposeId);
|
||||
|
||||
if (arguments.length > 1) {
|
||||
clearAll = arguments[1];
|
||||
}
|
||||
|
||||
if (clearAll === true) {
|
||||
$('.joyride-expose-wrapper,.joyride-expose-cover').remove();
|
||||
} else {
|
||||
$('.joyride-modal-bg').fadeIn(this.settings.tipAnimationFadeSpeed);
|
||||
expose.remove();
|
||||
}
|
||||
|
||||
origCSS = el.data('expose-css');
|
||||
|
||||
if (origCSS.zIndex == 'auto') {
|
||||
el.css('z-index', '');
|
||||
} else {
|
||||
el.css('z-index', origCSS.zIndex);
|
||||
}
|
||||
|
||||
if (origCSS.position != el.css('position')) {
|
||||
if(origCSS.position == 'static') {// this is default, no need to set it.
|
||||
el.css('position', '');
|
||||
} else {
|
||||
el.css('position', origCSS.position);
|
||||
}
|
||||
}
|
||||
|
||||
origClasses = el.data('orig-class');
|
||||
el.attr('class', origClasses);
|
||||
el.removeData('orig-classes');
|
||||
|
||||
el.removeData('expose');
|
||||
el.removeData('expose-z-index');
|
||||
this.remove_exposed(el);
|
||||
},
|
||||
|
||||
add_exposed: function(el){
|
||||
this.settings.exposed = this.settings.exposed || [];
|
||||
if (el instanceof $ || typeof el === 'object') {
|
||||
this.settings.exposed.push(el[0]);
|
||||
} else if (typeof el == 'string') {
|
||||
this.settings.exposed.push(el);
|
||||
}
|
||||
},
|
||||
|
||||
remove_exposed: function(el){
|
||||
var search, count;
|
||||
if (el instanceof $) {
|
||||
search = el[0]
|
||||
} else if (typeof el == 'string'){
|
||||
search = el;
|
||||
}
|
||||
|
||||
this.settings.exposed = this.settings.exposed || [];
|
||||
count = this.settings.exposed.length;
|
||||
|
||||
for (var i=0; i < count; i++) {
|
||||
if (this.settings.exposed[i] == search) {
|
||||
this.settings.exposed.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
@ -540,14 +745,31 @@
|
|||
|
||||
corners : function (el) {
|
||||
var w = $(window),
|
||||
window_half = w.height() / 2,
|
||||
//using this to calculate since scroll may not have finished yet.
|
||||
tipOffset = Math.ceil(this.settings.$target.offset().top - window_half + this.settings.$next_tip.outerHeight()),
|
||||
right = w.width() + this.scrollLeft(w),
|
||||
bottom = w.width() + w.scrollTop();
|
||||
offsetBottom = w.height() + tipOffset,
|
||||
bottom = w.height() + w.scrollTop(),
|
||||
top = w.scrollTop();
|
||||
|
||||
if (tipOffset < top) {
|
||||
if (tipOffset < 0) {
|
||||
top = 0;
|
||||
} else {
|
||||
top = tipOffset;
|
||||
}
|
||||
}
|
||||
|
||||
if (offsetBottom > bottom) {
|
||||
bottom = offsetBottom;
|
||||
}
|
||||
|
||||
return [
|
||||
el.offset().top <= w.scrollTop(),
|
||||
right <= el.offset().left + this.outerWidth(el),
|
||||
bottom <= el.offset().top + this.outerHeight(el),
|
||||
this.scrollLeft(w) >= el.offset().left
|
||||
el.offset().top < top,
|
||||
right < el.offset().left + el.outerWidth(),
|
||||
bottom < el.offset().top + el.outerHeight(),
|
||||
this.scrollLeft(w) > el.offset().left
|
||||
];
|
||||
},
|
||||
|
||||
|
@ -590,10 +812,17 @@
|
|||
clearTimeout(this.settings.automate);
|
||||
}
|
||||
|
||||
if (this.settings.modal && this.settings.expose) {
|
||||
this.un_expose();
|
||||
}
|
||||
|
||||
this.settings.$next_tip.data('closed', true);
|
||||
|
||||
$('.joyride-modal-bg').hide();
|
||||
this.settings.$current_tip.hide();
|
||||
this.settings.postStepCallback(this.settings.$li.index(), this.settings.$current_tip);
|
||||
this.settings.postRideCallback(this.settings.$li.index(), this.settings.$current_tip);
|
||||
$('.joyride-tip-guide').remove();
|
||||
},
|
||||
|
||||
outerHTML : function (el) {
|
||||
|
@ -608,6 +837,8 @@
|
|||
$('.joyride-tip-guide, .joyride-modal-bg').remove();
|
||||
clearTimeout(this.settings.automate);
|
||||
this.settings = {};
|
||||
}
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
}(Foundation.zj, this, this.document));
|
||||
|
|
|
@ -8,7 +8,69 @@
|
|||
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
(function () {
|
||||
// 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';
|
||||
|
||||
/*
|
||||
matchMedia() polyfill - Test a CSS media
|
||||
type/query in JS. Authors & copyright (c) 2012:
|
||||
Scott Jehl, Paul Irish, Nicholas Zakas.
|
||||
Dual MIT/BSD license
|
||||
|
||||
https://github.com/paulirish/matchMedia.js
|
||||
*/
|
||||
|
||||
window.matchMedia = window.matchMedia || (function( doc, undefined ) {
|
||||
|
||||
"use strict";
|
||||
|
||||
var bool,
|
||||
docElem = doc.documentElement,
|
||||
refNode = docElem.firstElementChild || docElem.firstChild,
|
||||
// fakeBody required for <FF4 when executed in <head>
|
||||
fakeBody = doc.createElement( "body" ),
|
||||
div = doc.createElement( "div" );
|
||||
|
||||
div.id = "mq-test-1";
|
||||
div.style.cssText = "position:absolute;top:-100em";
|
||||
fakeBody.style.background = "none";
|
||||
fakeBody.appendChild(div);
|
||||
|
||||
return function(q){
|
||||
|
||||
div.innerHTML = "­<style media=\"" + q + "\"> #mq-test-1 { width: 42px; }</style>";
|
||||
|
||||
docElem.insertBefore( fakeBody, refNode );
|
||||
bool = div.offsetWidth === 42;
|
||||
docElem.removeChild( fakeBody );
|
||||
|
||||
return {
|
||||
matches: bool,
|
||||
media: q
|
||||
};
|
||||
|
||||
};
|
||||
|
||||
}( document ));
|
||||
|
||||
// add dusty browser stuff
|
||||
if (!Array.prototype.filter) {
|
||||
Array.prototype.filter = function(fun /*, thisp */) {
|
||||
|
@ -17,17 +79,13 @@
|
|||
if (this == null) {
|
||||
throw new TypeError();
|
||||
}
|
||||
|
||||
|
||||
var t = Object(this),
|
||||
len = t.length >>> 0;
|
||||
if (typeof fun != "function") {
|
||||
try {
|
||||
throw new TypeError();
|
||||
} catch (e) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
var res = [],
|
||||
thisp = arguments[1];
|
||||
for (var i = 0; i < len; i++) {
|
||||
|
@ -38,32 +96,65 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
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");
|
||||
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));
|
||||
}
|
||||
|
||||
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 (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;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -71,17 +162,12 @@
|
|||
$.fn.stop = $.fn.stop || function() {
|
||||
return this;
|
||||
};
|
||||
}());
|
||||
|
||||
;(function (window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
window.Foundation = {
|
||||
name : 'Foundation',
|
||||
|
||||
version : '4.0.0',
|
||||
version : '4.2.0',
|
||||
|
||||
// global Foundation cache object
|
||||
cache : {},
|
||||
|
||||
init : function (scope, libraries, method, options, response, /* internal */ nc) {
|
||||
|
@ -94,10 +180,13 @@
|
|||
// 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 (libraries && typeof libraries === 'string' && !/reflow/i.test(libraries)) {
|
||||
if (/off/i.test(libraries)) return this.off();
|
||||
|
||||
library_arr = libraries.split(' ');
|
||||
|
@ -108,6 +197,8 @@
|
|||
}
|
||||
}
|
||||
} else {
|
||||
if (/reflow/i.test(libraries)) args[1] = 'reflow';
|
||||
|
||||
for (var lib in this.libs) {
|
||||
responses.push(this.init_lib(lib, args));
|
||||
}
|
||||
|
@ -122,9 +213,9 @@
|
|||
},
|
||||
|
||||
response_obj : function (response_arr, args) {
|
||||
for (var callback in args) {
|
||||
if (typeof args[callback] === 'function') {
|
||||
return args[callback]({
|
||||
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;
|
||||
})
|
||||
|
@ -141,6 +232,9 @@
|
|||
this.patch(this.libs[lib]);
|
||||
return this.libs[lib].init.apply(this.libs[lib], args);
|
||||
}
|
||||
else {
|
||||
return function () {};
|
||||
}
|
||||
}.bind(this), lib);
|
||||
},
|
||||
|
||||
|
@ -158,6 +252,8 @@
|
|||
|
||||
patch : function (lib) {
|
||||
this.fix_outer(lib);
|
||||
lib.scope = this.scope;
|
||||
lib.rtl = this.rtl;
|
||||
},
|
||||
|
||||
inherit : function (scope, methods) {
|
||||
|
@ -170,16 +266,31 @@
|
|||
}
|
||||
},
|
||||
|
||||
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());
|
||||
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) {
|
||||
|
@ -209,13 +320,17 @@
|
|||
};
|
||||
},
|
||||
|
||||
// parses dat-options attribute on page nodes and turns
|
||||
// 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;
|
||||
|
@ -227,8 +342,9 @@
|
|||
|
||||
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) {
|
||||
if (p.length === 2 && p[0].length > 0) {
|
||||
opts[trim(p[0])] = trim(p[1]);
|
||||
}
|
||||
}
|
||||
|
@ -311,13 +427,13 @@
|
|||
},
|
||||
|
||||
zj : function () {
|
||||
try {
|
||||
if (typeof Zepto !== 'undefined') {
|
||||
return Zepto;
|
||||
} catch (e) {
|
||||
} else {
|
||||
return jQuery;
|
||||
}
|
||||
}()
|
||||
},
|
||||
};
|
||||
|
||||
$.fn.foundation = function () {
|
||||
var args = Array.prototype.slice.call(arguments, 0);
|
||||
|
@ -328,4 +444,4 @@
|
|||
});
|
||||
};
|
||||
|
||||
}(this, this.document));
|
||||
}(libFuncName, this, this.document));
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
Foundation.libs.magellan = {
|
||||
name : 'magellan',
|
||||
|
||||
version : '4.0.0',
|
||||
version : '4.2.0',
|
||||
|
||||
settings : {
|
||||
activeClass: 'active'
|
||||
|
@ -54,7 +54,7 @@
|
|||
.on('update-position.fndtn.magellan', function(){
|
||||
var $el = $(this);
|
||||
// $el.data("magellan-fixed-position","");
|
||||
//$el.data("magellan-top-offset", "");
|
||||
// $el.data("magellan-top-offset", "");
|
||||
})
|
||||
.trigger('update-position');
|
||||
|
||||
|
@ -125,6 +125,8 @@
|
|||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.magellan');
|
||||
}
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
|
@ -4,13 +4,19 @@
|
|||
Foundation.libs = Foundation.libs || {};
|
||||
|
||||
Foundation.libs.orbit = {
|
||||
version: '4.0.0',
|
||||
name: 'orbit',
|
||||
|
||||
version: '4.2.0',
|
||||
|
||||
settings: {
|
||||
timer_speed: 10000,
|
||||
pause_on_hover: true,
|
||||
resume_on_mouseout: false,
|
||||
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',
|
||||
|
@ -29,12 +35,21 @@
|
|||
|
||||
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($.proxy(self._init, self));
|
||||
if ($(scope).is('[data-orbit]')) {
|
||||
var scoped_self = $.extend(true, {}, self);
|
||||
scoped_self._init(idx, el);
|
||||
}
|
||||
|
||||
$('[data-orbit]', scope).each(function(idx, el) {
|
||||
var scoped_self = $.extend(true, {}, self);
|
||||
scoped_self._init(idx, el);
|
||||
});
|
||||
},
|
||||
|
||||
_container_html: function() {
|
||||
|
@ -88,14 +103,20 @@
|
|||
$slides_container = $(slider),
|
||||
$container = $slides_container.wrap(self._container_html()).parent(),
|
||||
$slides = $slides_container.children();
|
||||
|
||||
$.extend(true, self.settings, self.data_options($slides_container));
|
||||
|
||||
$container.append(self._prev_html());
|
||||
$container.append(self._next_html());
|
||||
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);
|
||||
}
|
||||
$container.append(self._slide_number_html(1, $slides.length));
|
||||
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));
|
||||
|
@ -105,7 +126,7 @@
|
|||
$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_container.css(Foundation.rtl ? 'marginRight' : 'marginLeft', '-100%');
|
||||
$slides.first().addClass(self.settings.active_slide_class);
|
||||
|
||||
self._init_events($slides_container);
|
||||
|
@ -135,7 +156,7 @@
|
|||
|
||||
if ($slide.length === 1) {
|
||||
self._reset_timer($slides_container, true);
|
||||
self.goto($slides_container, $slide.index(), function() {});
|
||||
self._goto($slides_container, $slide.index(), function() {});
|
||||
}
|
||||
});
|
||||
|
||||
|
@ -143,10 +164,20 @@
|
|||
.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() {});
|
||||
self._goto($slides_container, $(e.currentTarget).data('orbit-slide-number'),function() {});
|
||||
});
|
||||
|
||||
$container
|
||||
.on('mouseenter.fndtn.orbit', function(e) {
|
||||
if (self.settings.pause_on_hover) {
|
||||
self._stop_timer($slides_container);
|
||||
}
|
||||
})
|
||||
.on('mouseleave.fndtn.orbit', function(e) {
|
||||
if (self.settings.resume_on_mouseout) {
|
||||
self._start_timer($slides_container);
|
||||
}
|
||||
})
|
||||
.on('orbit:after-slide-change.fndtn.orbit', function(e, orbit) {
|
||||
var $slide_number = $container.find('.' + self.settings.slide_number_class);
|
||||
|
||||
|
@ -157,12 +188,12 @@
|
|||
.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() {});
|
||||
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() {});
|
||||
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();
|
||||
|
@ -177,6 +208,7 @@
|
|||
}
|
||||
})
|
||||
.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,
|
||||
|
@ -188,6 +220,7 @@
|
|||
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;
|
||||
|
||||
|
@ -207,7 +240,7 @@
|
|||
self._stop_timer($slides_container);
|
||||
var direction = (data.delta_x < 0) ? 'next' : 'prev';
|
||||
data.active = true;
|
||||
self.goto($slides_container, direction, function() {});
|
||||
self._goto($slides_container, direction, function() {});
|
||||
}
|
||||
})
|
||||
.on('touchend.fndtn.orbit', function(e) {
|
||||
|
@ -232,7 +265,7 @@
|
|||
|
||||
var callback = function() {
|
||||
self._reset_timer($slides_container, false);
|
||||
self.goto($slides_container, 'next', function() {
|
||||
self._goto($slides_container, 'next', function() {
|
||||
self._start_timer($slides_container);
|
||||
});
|
||||
};
|
||||
|
@ -242,7 +275,7 @@
|
|||
progress_pct = ($progress.width() / $timer.width()),
|
||||
delay = self.settings.timer_speed - (progress_pct * self.settings.timer_speed);
|
||||
|
||||
$progress.animate({'width': '100%'}, delay, 'linear', callback).data('is-original', 'beans?');
|
||||
$progress.animate({'width': '100%'}, delay, 'linear', callback);
|
||||
$slides_container.trigger('orbit:timer-started');
|
||||
},
|
||||
|
||||
|
@ -251,7 +284,7 @@
|
|||
$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()
|
||||
progress_pct = $progress.width() / $timer.width();
|
||||
self._rebuild_timer($container, progress_pct * 100 + '%');
|
||||
// $progress.stop();
|
||||
$slides_container.trigger('orbit:timer-stopped');
|
||||
|
@ -290,12 +323,13 @@
|
|||
}
|
||||
},
|
||||
|
||||
goto: function($slides_container, index_or_direction, callback) {
|
||||
_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();
|
||||
active_index = $active_slide.index(),
|
||||
margin_position = Foundation.rtl ? 'marginRight' : 'marginLeft';
|
||||
|
||||
if ($container.hasClass(self.settings.orbit_transition_class)) {
|
||||
return false;
|
||||
|
@ -316,11 +350,11 @@
|
|||
active_index = (index_or_direction % $slides.length);
|
||||
}
|
||||
if (active_index === ($slides.length - 1) && index_or_direction === 'next') {
|
||||
$slides_container.css('marginLeft', '0%');
|
||||
$slides_container.css(margin_position, '0%');
|
||||
active_index = 1;
|
||||
}
|
||||
else if (active_index === 0 && index_or_direction === 'prev') {
|
||||
$slides_container.css('marginLeft', '-' + ($slides.length - 1) * 100 + '%');
|
||||
$slides_container.css(margin_position, '-' + ($slides.length - 1) * 100 + '%');
|
||||
active_index = $slides.length - 2;
|
||||
}
|
||||
// Start transition, make next slide active
|
||||
|
@ -337,14 +371,15 @@
|
|||
// Check to see if animation will occur, otherwise perform
|
||||
// callbacks manually
|
||||
$slides_container.trigger('orbit:before-slide-change');
|
||||
if ($slides_container.css('marginLeft') === new_margin_left) {
|
||||
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 {
|
||||
$slides_container.animate({
|
||||
'marginLeft' : new_margin_left
|
||||
}, self.settings.animation_speed, 'linear', function() {
|
||||
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();
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
Foundation.libs.reveal = {
|
||||
name: 'reveal',
|
||||
|
||||
version : '4.0.4',
|
||||
version : '4.2.0',
|
||||
|
||||
locked : false,
|
||||
|
||||
|
@ -14,6 +14,7 @@
|
|||
animation: 'fadeAndPop',
|
||||
animationSpeed: 250,
|
||||
closeOnBackgroundClick: true,
|
||||
closeOnEsc: true,
|
||||
dismissModalClass: 'close-reveal-modal',
|
||||
bgClass: 'reveal-modal-bg',
|
||||
open: function(){},
|
||||
|
@ -36,15 +37,16 @@
|
|||
},
|
||||
|
||||
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') {
|
||||
if (!this.settings.init) this.events();
|
||||
this.events();
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
|
@ -56,15 +58,33 @@
|
|||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.off('.fndtn.reveal')
|
||||
.on('click.fndtn.reveal', '[data-reveal-id]', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
if (!self.locked) {
|
||||
var element = $(this),
|
||||
ajax = element.data('reveal-ajax');
|
||||
|
||||
self.locked = true;
|
||||
self.open.call(self, $(this));
|
||||
|
||||
if (typeof ajax === 'undefined') {
|
||||
self.open.call(self, element);
|
||||
} else {
|
||||
var url = ajax === true ? element.attr('href') : ajax;
|
||||
|
||||
self.open.call(self, element, {url: url});
|
||||
}
|
||||
}
|
||||
})
|
||||
.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'));
|
||||
}
|
||||
|
@ -75,38 +95,82 @@
|
|||
.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);
|
||||
|
||||
$( 'body' ).bind( 'keyup.reveal', function ( event ) {
|
||||
var open_modal = $('.reveal-modal.open'),
|
||||
settings = $.extend({}, self.settings, self.data_options(open_modal));
|
||||
if ( event.which === 27 && settings.closeOnEsc) { // 27 is the keycode for the Escape key
|
||||
open_modal.foundation('reveal', 'close');
|
||||
}
|
||||
});
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
open : function (target) {
|
||||
open : function (target, ajax_settings) {
|
||||
if (target) {
|
||||
var modal = $('#' + target.data('reveal-id'));
|
||||
if (typeof target.selector !== 'undefined') {
|
||||
var modal = $('#' + target.data('reveal-id'));
|
||||
} else {
|
||||
var modal = $(this.scope);
|
||||
|
||||
ajax_settings = target;
|
||||
}
|
||||
} else {
|
||||
var modal = $(this.scope);
|
||||
}
|
||||
|
||||
var open_modal = $('.reveal-modal.open');
|
||||
if (!modal.hasClass('open')) {
|
||||
var open_modal = $('.reveal-modal.open');
|
||||
|
||||
if (!modal.data('css-top')) {
|
||||
modal.data('css-top', parseInt(modal.css('top'), 10))
|
||||
.data('offset', this.cache_offset(modal));
|
||||
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);
|
||||
}
|
||||
|
||||
if (typeof ajax_settings === 'undefined' || !ajax_settings.url) {
|
||||
this.hide(open_modal, this.settings.css.close);
|
||||
this.show(modal, this.settings.css.open);
|
||||
} else {
|
||||
var self = this,
|
||||
old_success = typeof ajax_settings.success !== 'undefined' ? ajax_settings.success : null;
|
||||
|
||||
$.extend(ajax_settings, {
|
||||
success: function (data, textStatus, jqXHR) {
|
||||
if ( $.isFunction(old_success) ) {
|
||||
old_success(data, textStatus, jqXHR);
|
||||
}
|
||||
|
||||
modal.html(data);
|
||||
$(modal).foundation('section', 'reflow');
|
||||
|
||||
self.hide(open_modal, self.settings.css.close);
|
||||
self.show(modal, self.settings.css.open);
|
||||
}
|
||||
});
|
||||
|
||||
$.ajax(ajax_settings);
|
||||
}
|
||||
}
|
||||
|
||||
modal.trigger('open');
|
||||
|
||||
if (open_modal.length < 1) {
|
||||
this.toggle_bg(modal);
|
||||
}
|
||||
|
||||
this.toggle_modals(open_modal, modal);
|
||||
},
|
||||
|
||||
close : function (modal) {
|
||||
var modal = modal || $(this.scope);
|
||||
this.locked = true;
|
||||
var open_modal = $('.reveal-modal.open').not(modal);
|
||||
modal.trigger('close');
|
||||
this.toggle_bg(modal);
|
||||
this.toggle_modals(open_modal, modal);
|
||||
|
||||
var modal = modal && modal.length ? 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 () {
|
||||
|
@ -119,22 +183,10 @@
|
|||
return base;
|
||||
},
|
||||
|
||||
toggle_modals : function (open_modal, modal) {
|
||||
if (open_modal.length > 0) {
|
||||
this.hide(open_modal, this.settings.css.close);
|
||||
}
|
||||
|
||||
if (modal.filter(':visible').length > 0) {
|
||||
this.hide(modal, this.settings.css.close);
|
||||
} else {
|
||||
this.show(modal, this.settings.css.open);
|
||||
}
|
||||
},
|
||||
|
||||
toggle_bg : function (modal) {
|
||||
if (this.settings.bg.length === 0) {
|
||||
if ($('.reveal-modal-bg').length === 0) {
|
||||
this.settings.bg = $('<div />', {'class': this.settings.bgClass})
|
||||
.insertAfter(modal);
|
||||
.appendTo('body');
|
||||
}
|
||||
|
||||
if (this.settings.bg.filter(':visible').length > 0) {
|
||||
|
@ -152,7 +204,7 @@
|
|||
var end_css = {
|
||||
top: $(window).scrollTop() + el.data('css-top') + 'px',
|
||||
opacity: 1
|
||||
}
|
||||
};
|
||||
|
||||
return this.delay(function () {
|
||||
return el
|
||||
|
@ -240,7 +292,7 @@
|
|||
if (iframe.length > 0) {
|
||||
iframe.attr('data-src', iframe[0].src);
|
||||
iframe.attr('src', 'about:blank');
|
||||
video.fadeOut(100).hide();
|
||||
video.hide();
|
||||
}
|
||||
},
|
||||
|
||||
|
@ -252,8 +304,12 @@
|
|||
var data_src = iframe.attr('data-src');
|
||||
if (typeof data_src === 'string') {
|
||||
iframe[0].src = iframe.attr('data-src');
|
||||
} else {
|
||||
var src = iframe[0].src;
|
||||
iframe[0].src = undefined;
|
||||
iframe[0].src = src;
|
||||
}
|
||||
video.show().fadeIn(100);
|
||||
video.show();
|
||||
}
|
||||
},
|
||||
|
||||
|
@ -267,6 +323,8 @@
|
|||
|
||||
off : function () {
|
||||
$(this.scope).off('.fndtn.reveal');
|
||||
}
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
|
@ -6,27 +6,33 @@
|
|||
Foundation.libs.section = {
|
||||
name: 'section',
|
||||
|
||||
version : '4.0.3',
|
||||
version : '4.2.0',
|
||||
|
||||
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) {
|
||||
this.scope = scope || this.scope;
|
||||
Foundation.inherit(this, 'throttle data_options');
|
||||
var self = this;
|
||||
Foundation.inherit(this, 'throttle data_options position_right offset_right');
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
$.extend(true, self.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
this.set_active_from_hash();
|
||||
if (!this.settings.init) this.events();
|
||||
this.events();
|
||||
|
||||
return this.settings.init;
|
||||
return true;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
|
@ -34,134 +40,361 @@
|
|||
|
||||
events : function () {
|
||||
var self = this;
|
||||
$(this.scope).on('click.fndtn.section', '[data-section] .title', function (e) {
|
||||
$.extend(true, self.settings, self.data_options($(this).closest('[data-section]')));
|
||||
self.toggle_active.call(this, e, self);
|
||||
});
|
||||
|
||||
$(window).on('resize.fndtn.section', self.throttle(function () {
|
||||
self.resize.call(this);
|
||||
}, 30)).trigger('resize');
|
||||
$(this.scope)
|
||||
.on('click.fndtn.section', '[data-section] .title, [data-section] [data-section-title]', function (e) {
|
||||
var $this = $(this),
|
||||
section = $this.closest(self.settings.region_selector);
|
||||
|
||||
if (section.children(self.settings.content_selector).length > 0) {
|
||||
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', '');
|
||||
}
|
||||
});
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
toggle_active : function (e, self) {
|
||||
var $this = $(this),
|
||||
section = $this.closest('section, .section'),
|
||||
content = section.find('.content'),
|
||||
parent = section.closest('[data-section]'),
|
||||
self = Foundation.libs.section;
|
||||
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);
|
||||
|
||||
if (!self.settings.deep_linking && content.length > 0) {
|
||||
self.settings.toggled = true;
|
||||
|
||||
if (!settings.deep_linking && content.length > 0) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
if (section.hasClass('active')) {
|
||||
if (region.hasClass('active')) {
|
||||
// this is causing the style flash.
|
||||
if (self.small(parent)
|
||||
|| self.is_vertical(parent)
|
||||
|| self.is_vertical_nav(parent)
|
||||
|| self.is_horizontal_nav(parent)
|
||||
|| self.is_accordion(parent)) {
|
||||
section
|
||||
.removeClass('active')
|
||||
.attr('style', '');
|
||||
if (prev_active_section[0] !== region[0]
|
||||
|| (prev_active_section[0] === region[0] && !settings.one_up)) {
|
||||
region
|
||||
.removeClass('active')
|
||||
.attr('style', '');
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (self.small(parent) || self.settings.one_up) {
|
||||
$this
|
||||
.closest('[data-section]')
|
||||
.find('section, .section')
|
||||
.removeClass('active')
|
||||
.attr('style', '');
|
||||
var prev_active_section = parent
|
||||
.children(self.settings.active_region_selector),
|
||||
title_height = self.outerHeight(region
|
||||
.children(self.settings.title_selector));
|
||||
|
||||
section.css('padding-top', self.outerHeight(section.find('.title')) - 1);
|
||||
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)) {
|
||||
section.attr('style', '');
|
||||
region.attr('style', '');
|
||||
} else {
|
||||
region.css('padding-top', title_height);
|
||||
}
|
||||
|
||||
section.addClass('active');
|
||||
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');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
self.settings.callback();
|
||||
setTimeout(function () {
|
||||
self.settings.toggled = false;
|
||||
}, 300);
|
||||
|
||||
settings.callback();
|
||||
},
|
||||
|
||||
resize : function () {
|
||||
var sections = $('[data-section]'),
|
||||
self = Foundation.libs.section;
|
||||
var self = Foundation.libs.section,
|
||||
sections = $(self.settings.section_selector);
|
||||
|
||||
sections.each(function() {
|
||||
var $this = $(this),
|
||||
active_section = $this.find('section.active, .section.active');
|
||||
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($this)
|
||||
&& !self.is_vertical_nav($this)
|
||||
&& !self.is_horizontal_nav($this)
|
||||
&& !self.is_accordion($this)) {
|
||||
var first = $this.find('section, .section').first();
|
||||
first.addClass('active');
|
||||
|
||||
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.find('.title')) - 1);
|
||||
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.find('.title')) - 1);
|
||||
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.small($this)) {
|
||||
self.position_content($this);
|
||||
} else {
|
||||
self.position_content($this, false);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
is_vertical : function (el) {
|
||||
return el.hasClass('vertical-nav');
|
||||
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 el.hasClass('accordion');
|
||||
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);
|
||||
$.extend(true, self.settings, self.data_options(section));
|
||||
var section = $(this),
|
||||
settings = $.extend({}, self.settings, self.data_options(section));
|
||||
|
||||
if (hash.length > 0 && self.settings.deep_linking) {
|
||||
section
|
||||
.find('.content[data-slug="' + hash + '"]')
|
||||
.closest('section, .section')
|
||||
.addClass('active');
|
||||
if (hash.length > 0 && settings.deep_linking) {
|
||||
var regions = section
|
||||
.children(self.settings.region_selector)
|
||||
.attr('style', '')
|
||||
.removeClass('active');
|
||||
|
||||
var hash_regions = regions.map(function () {
|
||||
var content = $(self.settings.content_selector, this),
|
||||
content_slug = content.data('slug');
|
||||
|
||||
if (new RegExp(content_slug, 'i').test(hash))
|
||||
return content;
|
||||
});
|
||||
|
||||
|
||||
var count = hash_regions.length;
|
||||
|
||||
for (var i = count - 1; i >= 0; i--) {
|
||||
$(hash_regions[i]).parent().addClass('active');
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
position_titles : function (section, off) {
|
||||
var titles = section.find('.title'),
|
||||
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 () {
|
||||
$(this).css('left', previous_width);
|
||||
previous_width += self.outerWidth($(this));
|
||||
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);
|
||||
});
|
||||
|
||||
} 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[0])));
|
||||
} else {
|
||||
section.height(this.outerHeight($(titles[0])) - 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;
|
||||
}
|
||||
|
@ -177,7 +410,7 @@
|
|||
off : function () {
|
||||
$(this.scope).off('.fndtn.section');
|
||||
$(window).off('.fndtn.section');
|
||||
this.settings.init = false;
|
||||
$(document).off('.fndtn.section')
|
||||
}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
|
|
|
@ -6,12 +6,14 @@
|
|||
Foundation.libs.tooltips = {
|
||||
name: 'tooltips',
|
||||
|
||||
version : '4.0.2',
|
||||
version : '4.2.0',
|
||||
|
||||
settings : {
|
||||
selector : '.has-tip',
|
||||
additionalInheritableClasses : [],
|
||||
tooltipClass : '.tooltip',
|
||||
appendTo: 'body',
|
||||
'disable-for-touch': false,
|
||||
tipTemplate : function (selector, content) {
|
||||
return '<span data-selector="' + selector + '" class="'
|
||||
+ Foundation.libs.tooltips.settings.tooltipClass.substring(1)
|
||||
|
@ -22,11 +24,13 @@
|
|||
cache : {},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
Foundation.inherit(this, 'data_options');
|
||||
var self = this;
|
||||
this.scope = scope || this.scope;
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
} else if (typeof options !== 'undefined') {
|
||||
$.extend(true, this.settings, options);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
|
@ -34,9 +38,12 @@
|
|||
$(this.scope)
|
||||
.on('click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip',
|
||||
'[data-tooltip]', function (e) {
|
||||
e.preventDefault();
|
||||
$(self.settings.tooltipClass).hide();
|
||||
self.showOrCreateTip($(this));
|
||||
var settings = $.extend({}, self.settings, self.data_options($(this)));
|
||||
if (!settings['disable-for-touch']) {
|
||||
e.preventDefault();
|
||||
$(settings.tooltipClass).hide();
|
||||
self.showOrCreateTip($(this));
|
||||
}
|
||||
})
|
||||
.on('click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip',
|
||||
this.settings.tooltipClass, function (e) {
|
||||
|
@ -49,7 +56,7 @@
|
|||
'[data-tooltip]', function (e) {
|
||||
var $this = $(this);
|
||||
|
||||
if (e.type === 'mouseover' || e.type === 'mouseenter') {
|
||||
if (/enter|over/i.test(e.type)) {
|
||||
self.showOrCreateTip($this);
|
||||
} else if (e.type === 'mouseout' || e.type === 'mouseleave') {
|
||||
self.hide($this);
|
||||
|
@ -79,7 +86,7 @@
|
|||
tip = null;
|
||||
|
||||
if (selector) {
|
||||
tip = $('span[data-selector=' + selector + ']' + this.settings.tooltipClass);
|
||||
tip = $('span[data-selector="' + selector + '"]' + this.settings.tooltipClass);
|
||||
}
|
||||
|
||||
return (typeof tip === 'object') ? tip : false;
|
||||
|
@ -98,10 +105,10 @@
|
|||
},
|
||||
|
||||
create : function ($target) {
|
||||
var $tip = $(this.settings.tipTemplate(this.selector($target), $('<div>').html($target.attr('title')).html())),
|
||||
var $tip = $(this.settings.tipTemplate(this.selector($target), $('<div></div>').html($target.attr('title')).html())),
|
||||
classes = this.inheritable_classes($target);
|
||||
|
||||
$tip.addClass(classes).appendTo('body');
|
||||
$tip.addClass(classes).appendTo(this.settings.appendTo);
|
||||
if (Modernizr.touch) {
|
||||
$tip.append('<span class="tap-to-close">tap to close </span>');
|
||||
}
|
||||
|
@ -136,10 +143,14 @@
|
|||
tip.addClass('tip-override');
|
||||
objPos(nub, -nubHeight, 'auto', 'auto', target.offset().left);
|
||||
} else {
|
||||
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', target.offset().left, width);
|
||||
var left = target.offset().left;
|
||||
if (Foundation.rtl) {
|
||||
left = target.offset().left + target.offset().width - this.outerWidth(tip);
|
||||
}
|
||||
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', left, width);
|
||||
tip.removeClass('tip-override');
|
||||
if (classes && classes.indexOf('tip-top') > -1) {
|
||||
objPos(tip, (target.offset().top - this.outerHeight(tip)), 'auto', 'auto', target.offset().left, width)
|
||||
objPos(tip, (target.offset().top - this.outerHeight(tip)), 'auto', 'auto', left, width)
|
||||
.removeClass('tip-override');
|
||||
} else if (classes && classes.indexOf('tip-left') > -1) {
|
||||
objPos(tip, (target.offset().top + (this.outerHeight(target) / 2) - nubHeight*2.5), 'auto', 'auto', (target.offset().left - this.outerWidth(tip) - nubHeight), width)
|
||||
|
@ -190,6 +201,8 @@
|
|||
$(this.settings.tooltipClass).each(function (i) {
|
||||
$('[data-tooltip]').get(i).attr('title', $(this).text());
|
||||
}).remove();
|
||||
}
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
|
|
|
@ -6,32 +6,36 @@
|
|||
Foundation.libs.topbar = {
|
||||
name : 'topbar',
|
||||
|
||||
version : '4.0.0',
|
||||
version : '4.2.0',
|
||||
|
||||
settings : {
|
||||
index : 0,
|
||||
stickyClass : 'sticky',
|
||||
back_text: '« Back',
|
||||
custom_back_text: true,
|
||||
back_text: 'Back',
|
||||
is_hover: true,
|
||||
scrolltop : true, // jump to top when sticky nav menu toggle is clicked
|
||||
init : false
|
||||
},
|
||||
|
||||
init : function (scope, method, options) {
|
||||
init : function (section, method, options) {
|
||||
Foundation.inherit(this, 'data_options');
|
||||
var self = this;
|
||||
this.scope = scope || this.scope;
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
} else if (typeof options !== 'undefined') {
|
||||
$.extend(true, this.settings, options);
|
||||
}
|
||||
|
||||
if (typeof method != 'string') {
|
||||
|
||||
$('nav.top-bar').each(function () {
|
||||
$('.top-bar, [data-topbar]').each(function () {
|
||||
$.extend(true, self.settings, self.data_options($(this)));
|
||||
self.settings.$w = $(window);
|
||||
self.settings.$topbar = $(this);
|
||||
self.settings.$section = self.settings.$topbar.find('section');
|
||||
self.settings.$titlebar = self.settings.$topbar.children('ul').first();
|
||||
|
||||
|
||||
self.settings.$topbar.data('index', 0);
|
||||
|
||||
var breakpoint = $("<div class='top-bar-js-breakpoint'/>").insertAfter(self.settings.$topbar);
|
||||
|
@ -58,78 +62,157 @@
|
|||
|
||||
events : function () {
|
||||
var self = this;
|
||||
|
||||
var offst = this.outerHeight($('.top-bar, [data-topbar]'));
|
||||
$(this.scope)
|
||||
.on('click.fndtn.topbar', '.top-bar .toggle-topbar', function (e) {
|
||||
var topbar = $(this).closest('.top-bar'),
|
||||
.off('.fndtn.topbar')
|
||||
.on('click.fndtn.topbar', '.top-bar .toggle-topbar, [data-topbar] .toggle-topbar', function (e) {
|
||||
var topbar = $(this).closest('.top-bar, [data-topbar]'),
|
||||
section = topbar.find('section, .section'),
|
||||
titlebar = topbar.children('ul').first();
|
||||
|
||||
if (!self.settings.$topbar.data('height')) self.largestUL();
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
if (self.breakpoint()) {
|
||||
if (!self.rtl) {
|
||||
section.css({left: '0%'});
|
||||
section.find('>.name').css({left: '100%'});
|
||||
} else {
|
||||
section.css({right: '0%'});
|
||||
section.find('>.name').css({right: '100%'});
|
||||
}
|
||||
|
||||
section.find('li.moved').removeClass('moved');
|
||||
topbar.data('index', 0);
|
||||
|
||||
topbar
|
||||
.toggleClass('expanded')
|
||||
.css('min-height', '');
|
||||
}
|
||||
|
||||
if (!topbar.hasClass('expanded')) {
|
||||
section.css({left: '0%'});
|
||||
section.find('>.name').css({left: '100%'});
|
||||
section.find('li.moved').removeClass('moved');
|
||||
topbar.data('index', 0);
|
||||
if (topbar.hasClass('fixed')) {
|
||||
topbar.parent().addClass('fixed');
|
||||
topbar.removeClass('fixed');
|
||||
$('body').css('padding-top',offst);
|
||||
}
|
||||
} else if (topbar.parent().hasClass('fixed')) {
|
||||
topbar.parent().removeClass('fixed');
|
||||
topbar.addClass('fixed');
|
||||
$('body').css('padding-top','0');
|
||||
|
||||
if (self.settings.scrolltop) {
|
||||
window.scrollTo(0,0);
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
.on('click.fndtn.topbar', '.top-bar .has-dropdown>a', function (e) {
|
||||
var topbar = $(this).closest('.top-bar'),
|
||||
section = topbar.find('section, .section'),
|
||||
titlebar = topbar.children('ul').first();
|
||||
.on('mouseenter mouseleave', '.top-bar li', function (e) {
|
||||
if (!self.settings.is_hover) return;
|
||||
|
||||
if (Modernizr.touch || self.breakpoint()) {
|
||||
if (/enter|over/i.test(e.type)) {
|
||||
$(this).addClass('hover');
|
||||
} else {
|
||||
$(this).removeClass('hover');
|
||||
}
|
||||
})
|
||||
|
||||
.on('click.fndtn.topbar', '.top-bar li.has-dropdown', function (e) {
|
||||
if (self.breakpoint()) return;
|
||||
|
||||
var li = $(this),
|
||||
target = $(e.target),
|
||||
topbar = li.closest('[data-topbar], .top-bar'),
|
||||
is_hover = topbar.data('topbar');
|
||||
|
||||
if (self.settings.is_hover && !Modernizr.touch) return;
|
||||
|
||||
e.stopImmediatePropagation();
|
||||
|
||||
if (target[0].nodeName === 'A' && target.parent().hasClass('has-dropdown')) {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
if (li.hasClass('hover')) {
|
||||
li
|
||||
.removeClass('hover')
|
||||
.find('li')
|
||||
.removeClass('hover');
|
||||
} else {
|
||||
li.addClass('hover');
|
||||
}
|
||||
})
|
||||
|
||||
.on('click.fndtn.topbar', '.top-bar .has-dropdown>a, [data-topbar] .has-dropdown>a', function (e) {
|
||||
if (self.breakpoint()) {
|
||||
e.preventDefault();
|
||||
|
||||
var $this = $(this),
|
||||
topbar = $this.closest('.top-bar, [data-topbar]'),
|
||||
section = topbar.find('section, .section'),
|
||||
titlebar = topbar.children('ul').first(),
|
||||
dropdownHeight = $this.next('.dropdown').outerHeight(),
|
||||
$selectedLi = $this.closest('li');
|
||||
|
||||
topbar.data('index', topbar.data('index') + 1);
|
||||
$selectedLi.addClass('moved');
|
||||
section.css({left: -(100 * topbar.data('index')) + '%'});
|
||||
section.find('>.name').css({left: 100 * topbar.data('index') + '%'});
|
||||
|
||||
$this.siblings('ul')
|
||||
.height(topbar.data('height') + self.outerHeight(titlebar, true));
|
||||
topbar
|
||||
.css('min-height', topbar.data('height') + self.outerHeight(titlebar, true) * 2)
|
||||
if (!self.rtl) {
|
||||
section.css({left: -(100 * topbar.data('index')) + '%'});
|
||||
section.find('>.name').css({left: 100 * topbar.data('index') + '%'});
|
||||
} else {
|
||||
section.css({right: -(100 * topbar.data('index')) + '%'});
|
||||
section.find('>.name').css({right: 100 * topbar.data('index') + '%'});
|
||||
}
|
||||
|
||||
topbar.css('min-height', self.height($this.siblings('ul')) + self.outerHeight(titlebar, true));
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(window).on('resize.fndtn.topbar', function () {
|
||||
if (!this.breakpoint()) {
|
||||
$('.top-bar').css('min-height', '');
|
||||
if (!self.breakpoint()) {
|
||||
$('.top-bar, [data-topbar]')
|
||||
.css('min-height', '')
|
||||
.removeClass('expanded')
|
||||
.find('li')
|
||||
.removeClass('hover');
|
||||
}
|
||||
}.bind(this));
|
||||
|
||||
$('body').on('click.fndtn.topbar', function (e) {
|
||||
var parent = $(e.target).closest('[data-topbar], .top-bar');
|
||||
|
||||
if (parent.length > 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
$('.top-bar li, [data-topbar] li').removeClass('hover');
|
||||
});
|
||||
|
||||
// Go up a level on Click
|
||||
$(this.scope).on('click.fndtn', '.top-bar .has-dropdown .back', function (e) {
|
||||
$(this.scope).on('click.fndtn', '.top-bar .has-dropdown .back, [data-topbar] .has-dropdown .back', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var $this = $(this),
|
||||
topbar = $this.closest('.top-bar'),
|
||||
topbar = $this.closest('.top-bar, [data-topbar]'),
|
||||
titlebar = topbar.children('ul').first(),
|
||||
section = topbar.find('section, .section'),
|
||||
$movedLi = $this.closest('li.moved'),
|
||||
$previousLevelUl = $movedLi.parent();
|
||||
|
||||
topbar.data('index', topbar.data('index') - 1);
|
||||
section.css({left: -(100 * topbar.data('index')) + '%'});
|
||||
section.find('>.name').css({'left': 100 * topbar.data('index') + '%'});
|
||||
|
||||
if (!self.rtl) {
|
||||
section.css({left: -(100 * topbar.data('index')) + '%'});
|
||||
section.find('>.name').css({left: 100 * topbar.data('index') + '%'});
|
||||
} else {
|
||||
section.css({right: -(100 * topbar.data('index')) + '%'});
|
||||
section.find('>.name').css({right: 100 * topbar.data('index') + '%'});
|
||||
}
|
||||
|
||||
if (topbar.data('index') === 0) {
|
||||
topbar.css('min-height', 0);
|
||||
} else {
|
||||
topbar.css('min-height', self.height($previousLevelUl) + self.outerHeight(titlebar, true));
|
||||
}
|
||||
|
||||
setTimeout(function () {
|
||||
|
@ -150,8 +233,20 @@
|
|||
this.settings.$section.find('.has-dropdown>a').each(function () {
|
||||
var $link = $(this),
|
||||
$dropdown = $link.siblings('.dropdown'),
|
||||
$titleLi = $('<li class="title back js-generated"><h5><a href="#">' + self.settings.back_text + '</a></h5></li>');
|
||||
url = $link.attr('href');
|
||||
|
||||
if (url && url.length > 1) {
|
||||
var $titleLi = $('<li class="title back js-generated"><h5><a href="#"></a></h5></li><li><a class="parent-link js-generated" href="' + url + '">' + $link.text() +'</a></li>');
|
||||
} else {
|
||||
var $titleLi = $('<li class="title back js-generated"><h5><a href="#"></a></h5></li>');
|
||||
}
|
||||
|
||||
// Copy link to subnav
|
||||
if (self.settings.custom_back_text == true) {
|
||||
$titleLi.find('h5>a').html('« ' + self.settings.back_text);
|
||||
} else {
|
||||
$titleLi.find('h5>a').html('« ' + $link.html());
|
||||
}
|
||||
$dropdown.prepend($titleLi);
|
||||
});
|
||||
|
||||
|
@ -162,21 +257,13 @@
|
|||
this.sticky();
|
||||
},
|
||||
|
||||
largestUL : function () {
|
||||
var uls = this.settings.$topbar.find('section ul ul'),
|
||||
largest = uls.first(),
|
||||
total = 0,
|
||||
height : function (ul) {
|
||||
var total = 0,
|
||||
self = this;
|
||||
|
||||
uls.each(function () {
|
||||
if ($(this).children('li').length > largest.children('li').length) {
|
||||
largest = $(this);
|
||||
}
|
||||
});
|
||||
ul.find('> li').each(function () { total += self.outerHeight($(this), true); });
|
||||
|
||||
largest.children('li').each(function () { total += self.outerHeight($(this), true); });
|
||||
|
||||
this.settings.$topbar.data('height', total);
|
||||
return total;
|
||||
},
|
||||
|
||||
sticky : function () {
|
||||
|
@ -184,18 +271,18 @@
|
|||
if ($(klass).length > 0) {
|
||||
var distance = $(klass).length ? $(klass).offset().top: 0,
|
||||
$window = $(window);
|
||||
var offst = this.outerHeight($('nav.top-bar'))+20;
|
||||
var offst = this.outerHeight($('.top-bar'));
|
||||
|
||||
$window.scroll(function() {
|
||||
if ($window.scrollTop() >= (distance)) {
|
||||
$(klass).addClass("fixed");
|
||||
$('body').css('padding-top',offst);
|
||||
$(klass).addClass("fixed");
|
||||
$('body').css('padding-top',offst);
|
||||
}
|
||||
|
||||
else if ($window.scrollTop() < distance) {
|
||||
else if ($window.scrollTop() < distance) {
|
||||
$(klass).removeClass("fixed");
|
||||
$('body').css('padding-top','0');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
@ -203,6 +290,8 @@
|
|||
off : function () {
|
||||
$(this.scope).off('.fndtn.topbar');
|
||||
$(window).off('.fndtn.topbar');
|
||||
}
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -46,14 +46,17 @@
|
|||
background: #000000;
|
||||
color: #fff;
|
||||
margin-top: 30px;
|
||||
|
||||
p {
|
||||
margin-top: 9px;
|
||||
margin-bottom: 0px;
|
||||
font-size: 80%;
|
||||
line-height: 1.6;
|
||||
}
|
||||
}
|
||||
|
||||
html.oldschool {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
body.oldschool {
|
||||
background: #000;
|
||||
|
@ -79,9 +82,15 @@ body.oldschool {
|
|||
}
|
||||
}
|
||||
|
||||
#gopher {
|
||||
#gopher, #intro {
|
||||
font-family: Courier;
|
||||
a {
|
||||
h1, h2, h3 {
|
||||
font-family: Courier;
|
||||
color: #0f0;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
a, label {
|
||||
color: #0f0;
|
||||
}
|
||||
a:hover {
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
|
||||
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
|
||||
|
||||
/* ==========================================================================
|
||||
HTML5 display definitions
|
||||
|
@ -56,15 +56,21 @@ audio:not([controls]) {
|
|||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Set default font family to sans-serif.
|
||||
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
||||
* 1. Prevent system color scheme's background color being used in Firefox, IE,
|
||||
* and Opera.
|
||||
* 2. Prevent system color scheme's text color being used in Firefox, IE, and
|
||||
* Opera.
|
||||
* 3. Set default font family to sans-serif.
|
||||
* 4. Prevent iOS text size adjust after orientation change, without disabling
|
||||
* user zoom.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
background: #fff; /* 1 */
|
||||
color: #000; /* 2 */
|
||||
font-family: sans-serif; /* 3 */
|
||||
-ms-text-size-adjust: 100%; /* 4 */
|
||||
-webkit-text-size-adjust: 100%; /* 4 */
|
||||
}
|
||||
|
||||
/**
|
||||
|
@ -393,4 +399,4 @@ textarea {
|
|||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
}
|
File diff suppressed because it is too large
Load Diff
|
@ -1,6 +1,9 @@
|
|||
// Global Foundation Settings
|
||||
@import "settings";
|
||||
|
||||
// Comment out this import if you don't want to use normalize
|
||||
@import "normalize";
|
||||
|
||||
// Comment out this import if you are customizing you imports below
|
||||
@import "foundation";
|
||||
|
||||
|
@ -9,21 +12,20 @@
|
|||
// Import specific parts of Foundation by commenting the import "foundation"
|
||||
// and uncommenting what you want below. You must uncomment the following if customizing
|
||||
|
||||
// @import "foundation/foundation-global";
|
||||
// @import "foundation/components/global";
|
||||
// @import "foundation/components/global"; // *always required
|
||||
// @import "foundation/components/grid";
|
||||
// @import "foundation/components/visibility";
|
||||
// @import "foundation/components/block-grid";
|
||||
// @import "foundation/components/type";
|
||||
// @import "foundation/components/buttons";
|
||||
// @import "foundation/components/forms";
|
||||
// @import "foundation/components/custom-forms";
|
||||
// @import "foundation/components/button-groups";
|
||||
// @import "foundation/components/dropdown-buttons";
|
||||
// @import "foundation/components/split-buttons";
|
||||
// @import "foundation/components/forms"; // *requires components/buttons
|
||||
// @import "foundation/components/custom-forms"; // *requires components/buttons, components/forms
|
||||
// @import "foundation/components/button-groups"; // *requires components/buttons
|
||||
// @import "foundation/components/dropdown-buttons"; // *requires components/buttons
|
||||
// @import "foundation/components/split-buttons"; // *requires components/buttons
|
||||
// @import "foundation/components/flex-video";
|
||||
// @import "foundation/components/section";
|
||||
// @import "foundation/components/top-bar";
|
||||
// @import "foundation/components/top-bar"; // *requires components/grid
|
||||
// @import "foundation/components/orbit";
|
||||
// @import "foundation/components/reveal";
|
||||
// @import "foundation/components/joyride";
|
||||
|
|
3777
stylesheets/app.css
3777
stylesheets/app.css
File diff suppressed because it is too large
Load Diff
|
@ -34,6 +34,6 @@
|
|||
rather than returning junk and crashing your browser like
|
||||
most gopher proxies.</li>
|
||||
<li>Report traffic to GA, and also track stats locally to present
|
||||
reports to users</li>
|
||||
reports to users.</li>
|
||||
</ul>
|
||||
</p>
|
||||
|
|
|
@ -16,9 +16,7 @@ if ( ! array_key_exists('result', $this->data) && ! array_key_exists('file', $th
|
|||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<link href="/stylesheets/normalize.css" media="screen, projector, print" rel="stylesheet" type="text/css" />
|
||||
<link href="/stylesheets/app.css" media="screen, projector, print" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link href="/assets/css/colorbox.css" rel="stylesheet">
|
||||
<script src="/javascripts/vendor/custom.modernizr.js"></script>
|
||||
|
||||
|
@ -90,20 +88,21 @@ if ( ! array_key_exists('result', $this->data) && ! array_key_exists('file', $th
|
|||
<div id="root_footer"></div>
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
<footer id="footer">
|
||||
<div class="row fill-width">
|
||||
<div class="small-10">
|
||||
<p>Gophper-PHP © 2013 <a href="http://muffinlabs.com/">Colin
|
||||
<p>Gophper © 2013 <a href="http://muffinlabs.com/">Colin
|
||||
Mitchell</a>. Content delivered via Gophper belongs to its
|
||||
original authors. Enjoy!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
||||
|
||||
<script src="/javascripts/foundation/foundation.js"></script>
|
||||
|
||||
<!---
|
||||
<script src="/javascripts/foundation/foundation.alerts.js"></script>
|
||||
|
||||
<script src="/javascripts/foundation/foundation.placeholder.js"></script>
|
||||
|
@ -111,15 +110,13 @@ if ( ! array_key_exists('result', $this->data) && ! array_key_exists('file', $th
|
|||
<script src="/javascripts/foundation/foundation.tooltips.js"></script>
|
||||
|
||||
<script src="/javascripts/foundation/foundation.section.js"></script>
|
||||
|
||||
<script src="/javascripts/foundation/foundation.magellan.js"></script>
|
||||
--->
|
||||
|
||||
<script src="/javascripts/foundation/foundation.forms.js"></script>
|
||||
|
||||
<script src="/javascripts/foundation/foundation.cookie.js"></script>
|
||||
|
||||
<script src="/javascripts/foundation/foundation.topbar.js"></script>
|
||||
|
||||
<!---
|
||||
<script src="/javascripts/foundation/foundation.orbit.js"></script>
|
||||
|
||||
<script src="/javascripts/foundation/foundation.joyride.js"></script>
|
||||
|
@ -129,14 +126,13 @@ if ( ! array_key_exists('result', $this->data) && ! array_key_exists('file', $th
|
|||
<script src="/javascripts/foundation/foundation.reveal.js"></script>
|
||||
|
||||
<script src="/javascripts/foundation/foundation.dropdown.js"></script>
|
||||
|
||||
--->
|
||||
|
||||
<script>
|
||||
$(document).foundation();
|
||||
</script>
|
||||
|
||||
<script src="/assets/js/jquery.history.js"></script>
|
||||
<!-- <script src="/assets/js/compressed.js"></script>-->
|
||||
<script src="/assets/js/jquery.colorbox.js"></script>
|
||||
<script src="/assets/js/gopher.js"></script>
|
||||
<script src="/assets/js/site.js"></script>
|
||||
|
|
|
@ -24,6 +24,7 @@
|
|||
|
||||
<h2>Or, you can try one of these popular Gopher servers</h2>
|
||||
<ul>
|
||||
<li><a href="/gopherpedia.com">gopherpedia.com</a></li>
|
||||
<li><a href="/gopher.meulie.net">gopher.meulie.net</a></li>
|
||||
<li><a href="/sdf.org">sdf.org</a></li>
|
||||
<li><a href="/moo.ca">moo.ca</a></li>
|
||||
|
|
Loading…
Reference in New Issue