You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@isis.apache.org by ke...@apache.org on 2015/08/16 12:29:55 UTC
[12/36] isis-site git commit: ISIS-1191: Fixing some broken links in
the Contributors Guide
http://git-wip-us.apache.org/repos/asf/isis-site/blob/c751f07d/content/js/foundation/5.5.1/foundation/foundation.abide.js
----------------------------------------------------------------------
diff --git a/content/js/foundation/5.5.1/foundation/foundation.abide.js b/content/js/foundation/5.5.1/foundation/foundation.abide.js
index 5027e56..9eefe32 100644
--- a/content/js/foundation/5.5.1/foundation/foundation.abide.js
+++ b/content/js/foundation/5.5.1/foundation/foundation.abide.js
@@ -1,340 +1,340 @@
-;(function ($, window, document, undefined) {
- 'use strict';
-
- Foundation.libs.abide = {
- name : 'abide',
-
- version : '5.5.1',
-
- settings : {
- live_validate : true,
- validate_on_blur : true,
- focus_on_invalid : true,
- error_labels : true, // labels with a for="inputId" will recieve an `error` class
- error_class : 'error',
- timeout : 1000,
- patterns : {
- alpha : /^[a-zA-Z]+$/,
- alpha_numeric : /^[a-zA-Z0-9]+$/,
- integer : /^[-+]?\d+$/,
- number : /^[-+]?\d*(?:[\.\,]\d+)?$/,
-
- // amex, visa, diners
- card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,
- cvv : /^([0-9]){3,4}$/,
-
- // http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address
- email : /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/,
-
- url : /^(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)
?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/,
- // abc.de
- domain : /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/,
-
- datetime : /^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/,
- // YYYY-MM-DD
- date : /(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/,
- // HH:MM:SS
- time : /^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/,
- dateISO : /^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/,
- // MM/DD/YYYY
- month_day_year : /^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/,
- // DD/MM/YYYY
- day_month_year : /^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/,
-
- // #FFF or #FFFFFF
- color : /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/
- },
- validators : {
- equalTo : function (el, required, parent) {
- var from = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value,
- to = el.value,
- valid = (from === to);
-
- return valid;
- }
- }
- },
-
- timer : null,
-
- init : function (scope, method, options) {
- this.bindings(method, options);
- },
-
- events : function (scope) {
- var self = this,
- form = self.S(scope).attr('novalidate', 'novalidate'),
- settings = form.data(this.attr_name(true) + '-init') || {};
-
- this.invalid_attr = this.add_namespace('data-invalid');
-
- form
- .off('.abide')
- .on('submit.fndtn.abide validate.fndtn.abide', function (e) {
- var is_ajax = /ajax/i.test(self.S(this).attr(self.attr_name()));
- return self.validate(self.S(this).find('input, textarea, select').get(), e, is_ajax);
- })
- .on('reset', function () {
- return self.reset($(this));
- })
- .find('input, textarea, select')
- .off('.abide')
- .on('blur.fndtn.abide change.fndtn.abide', function (e) {
- if (settings.validate_on_blur === true) {
- self.validate([this], e);
- }
- })
- .on('keydown.fndtn.abide', function (e) {
- if (settings.live_validate === true && e.which != 9) {
- clearTimeout(self.timer);
- self.timer = setTimeout(function () {
- self.validate([this], e);
- }.bind(this), settings.timeout);
- }
- });
- },
-
- reset : function (form) {
- form.removeAttr(this.invalid_attr);
- $(this.invalid_attr, form).removeAttr(this.invalid_attr);
- $('.' + this.settings.error_class, form).not('small').removeClass(this.settings.error_class);
- },
-
- validate : function (els, e, is_ajax) {
- var validations = this.parse_patterns(els),
- validation_count = validations.length,
- form = this.S(els[0]).closest('form'),
- submit_event = /submit/.test(e.type);
-
- // Has to count up to make sure the focus gets applied to the top error
- for (var i = 0; i < validation_count; i++) {
- if (!validations[i] && (submit_event || is_ajax)) {
- if (this.settings.focus_on_invalid) {
- els[i].focus();
- }
- form.trigger('invalid').trigger('invalid.fndtn.abide');
- this.S(els[i]).closest('form').attr(this.invalid_attr, '');
- return false;
- }
- }
-
- if (submit_event || is_ajax) {
- form.trigger('valid').trigger('valid.fndtn.abide');
- }
-
- form.removeAttr(this.invalid_attr);
-
- if (is_ajax) {
- return false;
- }
-
- return true;
- },
-
- parse_patterns : function (els) {
- var i = els.length,
- el_patterns = [];
-
- while (i--) {
- el_patterns.push(this.pattern(els[i]));
- }
-
- return this.check_validation_and_apply_styles(el_patterns);
- },
-
- pattern : function (el) {
- var type = el.getAttribute('type'),
- required = typeof el.getAttribute('required') === 'string';
-
- var pattern = el.getAttribute('pattern') || '';
-
- if (this.settings.patterns.hasOwnProperty(pattern) && pattern.length > 0) {
- return [el, this.settings.patterns[pattern], required];
- } else if (pattern.length > 0) {
- return [el, new RegExp(pattern), required];
- }
-
- if (this.settings.patterns.hasOwnProperty(type)) {
- return [el, this.settings.patterns[type], required];
- }
-
- pattern = /.*/;
-
- return [el, pattern, required];
- },
-
- // TODO: Break this up into smaller methods, getting hard to read.
- check_validation_and_apply_styles : function (el_patterns) {
- var i = el_patterns.length,
- validations = [],
- form = this.S(el_patterns[0][0]).closest('[data-' + this.attr_name(true) + ']'),
- settings = form.data(this.attr_name(true) + '-init') || {};
- while (i--) {
- var el = el_patterns[i][0],
- required = el_patterns[i][2],
- value = el.value.trim(),
- direct_parent = this.S(el).parent(),
- validator = el.getAttribute(this.add_namespace('data-abide-validator')),
- is_radio = el.type === 'radio',
- is_checkbox = el.type === 'checkbox',
- label = this.S('label[for="' + el.getAttribute('id') + '"]'),
- valid_length = (required) ? (el.value.length > 0) : true,
- el_validations = [];
-
- var parent, valid;
-
- // support old way to do equalTo validations
- if (el.getAttribute(this.add_namespace('data-equalto'))) { validator = 'equalTo' }
-
- if (!direct_parent.is('label')) {
- parent = direct_parent;
- } else {
- parent = direct_parent.parent();
- }
-
- if (validator) {
- valid = this.settings.validators[validator].apply(this, [el, required, parent]);
- el_validations.push(valid);
- }
-
- if (is_radio && required) {
- el_validations.push(this.valid_radio(el, required));
- } else if (is_checkbox && required) {
- el_validations.push(this.valid_checkbox(el, required));
- } else {
-
- if (el_patterns[i][1].test(value) && valid_length ||
- !required && el.value.length < 1 || $(el).attr('disabled')) {
- el_validations.push(true);
- } else {
- el_validations.push(false);
- }
-
- el_validations = [el_validations.every(function (valid) {return valid;})];
-
- if (el_validations[0]) {
- this.S(el).removeAttr(this.invalid_attr);
- el.setAttribute('aria-invalid', 'false');
- el.removeAttribute('aria-describedby');
- parent.removeClass(this.settings.error_class);
- if (label.length > 0 && this.settings.error_labels) {
- label.removeClass(this.settings.error_class).removeAttr('role');
- }
- $(el).triggerHandler('valid');
- } else {
- this.S(el).attr(this.invalid_attr, '');
- el.setAttribute('aria-invalid', 'true');
-
- // Try to find the error associated with the input
- var errorElem = parent.find('small.' + this.settings.error_class, 'span.' + this.settings.error_class);
- var errorID = errorElem.length > 0 ? errorElem[0].id : '';
- if (errorID.length > 0) {
- el.setAttribute('aria-describedby', errorID);
- }
-
- // el.setAttribute('aria-describedby', $(el).find('.error')[0].id);
- parent.addClass(this.settings.error_class);
- if (label.length > 0 && this.settings.error_labels) {
- label.addClass(this.settings.error_class).attr('role', 'alert');
- }
- $(el).triggerHandler('invalid');
- }
- }
- validations.push(el_validations[0]);
- }
- validations = [validations.every(function (valid) {return valid;})];
- return validations;
- },
-
- valid_checkbox : function (el, required) {
- var el = this.S(el),
- valid = (el.is(':checked') || !required || el.get(0).getAttribute('disabled'));
-
- if (valid) {
- el.removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class);
- } else {
- el.attr(this.invalid_attr, '').parent().addClass(this.settings.error_class);
- }
-
- return valid;
- },
-
- valid_radio : function (el, required) {
- var name = el.getAttribute('name'),
- group = this.S(el).closest('[data-' + this.attr_name(true) + ']').find("[name='" + name + "']"),
- count = group.length,
- valid = false,
- disabled = false;
-
- // Has to count up to make sure the focus gets applied to the top error
- for (var i=0; i < count; i++) {
- if( group[i].getAttribute('disabled') ){
- disabled=true;
- valid=true;
- } else {
- if (group[i].checked){
- valid = true;
- } else {
- if( disabled ){
- valid = false;
- }
- }
- }
- }
-
- // Has to count up to make sure the focus gets applied to the top error
- for (var i = 0; i < count; i++) {
- if (valid) {
- this.S(group[i]).removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class);
- } else {
- this.S(group[i]).attr(this.invalid_attr, '').parent().addClass(this.settings.error_class);
- }
- }
-
- return valid;
- },
-
- valid_equal : function (el, required, parent) {
- var from = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value,
- to = el.value,
- valid = (from === to);
-
- if (valid) {
- this.S(el).removeAttr(this.invalid_attr);
- parent.removeClass(this.settings.error_class);
- if (label.length > 0 && settings.error_labels) {
- label.removeClass(this.settings.error_class);
- }
- } else {
- this.S(el).attr(this.invalid_attr, '');
- parent.addClass(this.settings.error_class);
- if (label.length > 0 && settings.error_labels) {
- label.addClass(this.settings.error_class);
- }
- }
-
- return valid;
- },
-
- valid_oneof : function (el, required, parent, doNotValidateOthers) {
- var el = this.S(el),
- others = this.S('[' + this.add_namespace('data-oneof') + ']'),
- valid = others.filter(':checked').length > 0;
-
- if (valid) {
- el.removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class);
- } else {
- el.attr(this.invalid_attr, '').parent().addClass(this.settings.error_class);
- }
-
- if (!doNotValidateOthers) {
- var _this = this;
- others.each(function () {
- _this.valid_oneof.call(_this, this, null, null, true);
- });
- }
-
- return valid;
- }
- };
-}(jQuery, window, window.document));
+;(function ($, window, document, undefined) {
+ 'use strict';
+
+ Foundation.libs.abide = {
+ name : 'abide',
+
+ version : '5.5.1',
+
+ settings : {
+ live_validate : true,
+ validate_on_blur : true,
+ focus_on_invalid : true,
+ error_labels : true, // labels with a for="inputId" will recieve an `error` class
+ error_class : 'error',
+ timeout : 1000,
+ patterns : {
+ alpha : /^[a-zA-Z]+$/,
+ alpha_numeric : /^[a-zA-Z0-9]+$/,
+ integer : /^[-+]?\d+$/,
+ number : /^[-+]?\d*(?:[\.\,]\d+)?$/,
+
+ // amex, visa, diners
+ card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,
+ cvv : /^([0-9]){3,4}$/,
+
+ // http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address
+ email : /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/,
+
+ url : /^(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)
?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/,
+ // abc.de
+ domain : /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/,
+
+ datetime : /^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/,
+ // YYYY-MM-DD
+ date : /(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/,
+ // HH:MM:SS
+ time : /^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/,
+ dateISO : /^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/,
+ // MM/DD/YYYY
+ month_day_year : /^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/,
+ // DD/MM/YYYY
+ day_month_year : /^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/,
+
+ // #FFF or #FFFFFF
+ color : /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/
+ },
+ validators : {
+ equalTo : function (el, required, parent) {
+ var from = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value,
+ to = el.value,
+ valid = (from === to);
+
+ return valid;
+ }
+ }
+ },
+
+ timer : null,
+
+ init : function (scope, method, options) {
+ this.bindings(method, options);
+ },
+
+ events : function (scope) {
+ var self = this,
+ form = self.S(scope).attr('novalidate', 'novalidate'),
+ settings = form.data(this.attr_name(true) + '-init') || {};
+
+ this.invalid_attr = this.add_namespace('data-invalid');
+
+ form
+ .off('.abide')
+ .on('submit.fndtn.abide validate.fndtn.abide', function (e) {
+ var is_ajax = /ajax/i.test(self.S(this).attr(self.attr_name()));
+ return self.validate(self.S(this).find('input, textarea, select').get(), e, is_ajax);
+ })
+ .on('reset', function () {
+ return self.reset($(this));
+ })
+ .find('input, textarea, select')
+ .off('.abide')
+ .on('blur.fndtn.abide change.fndtn.abide', function (e) {
+ if (settings.validate_on_blur === true) {
+ self.validate([this], e);
+ }
+ })
+ .on('keydown.fndtn.abide', function (e) {
+ if (settings.live_validate === true && e.which != 9) {
+ clearTimeout(self.timer);
+ self.timer = setTimeout(function () {
+ self.validate([this], e);
+ }.bind(this), settings.timeout);
+ }
+ });
+ },
+
+ reset : function (form) {
+ form.removeAttr(this.invalid_attr);
+ $(this.invalid_attr, form).removeAttr(this.invalid_attr);
+ $('.' + this.settings.error_class, form).not('small').removeClass(this.settings.error_class);
+ },
+
+ validate : function (els, e, is_ajax) {
+ var validations = this.parse_patterns(els),
+ validation_count = validations.length,
+ form = this.S(els[0]).closest('form'),
+ submit_event = /submit/.test(e.type);
+
+ // Has to count up to make sure the focus gets applied to the top error
+ for (var i = 0; i < validation_count; i++) {
+ if (!validations[i] && (submit_event || is_ajax)) {
+ if (this.settings.focus_on_invalid) {
+ els[i].focus();
+ }
+ form.trigger('invalid').trigger('invalid.fndtn.abide');
+ this.S(els[i]).closest('form').attr(this.invalid_attr, '');
+ return false;
+ }
+ }
+
+ if (submit_event || is_ajax) {
+ form.trigger('valid').trigger('valid.fndtn.abide');
+ }
+
+ form.removeAttr(this.invalid_attr);
+
+ if (is_ajax) {
+ return false;
+ }
+
+ return true;
+ },
+
+ parse_patterns : function (els) {
+ var i = els.length,
+ el_patterns = [];
+
+ while (i--) {
+ el_patterns.push(this.pattern(els[i]));
+ }
+
+ return this.check_validation_and_apply_styles(el_patterns);
+ },
+
+ pattern : function (el) {
+ var type = el.getAttribute('type'),
+ required = typeof el.getAttribute('required') === 'string';
+
+ var pattern = el.getAttribute('pattern') || '';
+
+ if (this.settings.patterns.hasOwnProperty(pattern) && pattern.length > 0) {
+ return [el, this.settings.patterns[pattern], required];
+ } else if (pattern.length > 0) {
+ return [el, new RegExp(pattern), required];
+ }
+
+ if (this.settings.patterns.hasOwnProperty(type)) {
+ return [el, this.settings.patterns[type], required];
+ }
+
+ pattern = /.*/;
+
+ return [el, pattern, required];
+ },
+
+ // TODO: Break this up into smaller methods, getting hard to read.
+ check_validation_and_apply_styles : function (el_patterns) {
+ var i = el_patterns.length,
+ validations = [],
+ form = this.S(el_patterns[0][0]).closest('[data-' + this.attr_name(true) + ']'),
+ settings = form.data(this.attr_name(true) + '-init') || {};
+ while (i--) {
+ var el = el_patterns[i][0],
+ required = el_patterns[i][2],
+ value = el.value.trim(),
+ direct_parent = this.S(el).parent(),
+ validator = el.getAttribute(this.add_namespace('data-abide-validator')),
+ is_radio = el.type === 'radio',
+ is_checkbox = el.type === 'checkbox',
+ label = this.S('label[for="' + el.getAttribute('id') + '"]'),
+ valid_length = (required) ? (el.value.length > 0) : true,
+ el_validations = [];
+
+ var parent, valid;
+
+ // support old way to do equalTo validations
+ if (el.getAttribute(this.add_namespace('data-equalto'))) { validator = 'equalTo' }
+
+ if (!direct_parent.is('label')) {
+ parent = direct_parent;
+ } else {
+ parent = direct_parent.parent();
+ }
+
+ if (validator) {
+ valid = this.settings.validators[validator].apply(this, [el, required, parent]);
+ el_validations.push(valid);
+ }
+
+ if (is_radio && required) {
+ el_validations.push(this.valid_radio(el, required));
+ } else if (is_checkbox && required) {
+ el_validations.push(this.valid_checkbox(el, required));
+ } else {
+
+ if (el_patterns[i][1].test(value) && valid_length ||
+ !required && el.value.length < 1 || $(el).attr('disabled')) {
+ el_validations.push(true);
+ } else {
+ el_validations.push(false);
+ }
+
+ el_validations = [el_validations.every(function (valid) {return valid;})];
+
+ if (el_validations[0]) {
+ this.S(el).removeAttr(this.invalid_attr);
+ el.setAttribute('aria-invalid', 'false');
+ el.removeAttribute('aria-describedby');
+ parent.removeClass(this.settings.error_class);
+ if (label.length > 0 && this.settings.error_labels) {
+ label.removeClass(this.settings.error_class).removeAttr('role');
+ }
+ $(el).triggerHandler('valid');
+ } else {
+ this.S(el).attr(this.invalid_attr, '');
+ el.setAttribute('aria-invalid', 'true');
+
+ // Try to find the error associated with the input
+ var errorElem = parent.find('small.' + this.settings.error_class, 'span.' + this.settings.error_class);
+ var errorID = errorElem.length > 0 ? errorElem[0].id : '';
+ if (errorID.length > 0) {
+ el.setAttribute('aria-describedby', errorID);
+ }
+
+ // el.setAttribute('aria-describedby', $(el).find('.error')[0].id);
+ parent.addClass(this.settings.error_class);
+ if (label.length > 0 && this.settings.error_labels) {
+ label.addClass(this.settings.error_class).attr('role', 'alert');
+ }
+ $(el).triggerHandler('invalid');
+ }
+ }
+ validations.push(el_validations[0]);
+ }
+ validations = [validations.every(function (valid) {return valid;})];
+ return validations;
+ },
+
+ valid_checkbox : function (el, required) {
+ var el = this.S(el),
+ valid = (el.is(':checked') || !required || el.get(0).getAttribute('disabled'));
+
+ if (valid) {
+ el.removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class);
+ } else {
+ el.attr(this.invalid_attr, '').parent().addClass(this.settings.error_class);
+ }
+
+ return valid;
+ },
+
+ valid_radio : function (el, required) {
+ var name = el.getAttribute('name'),
+ group = this.S(el).closest('[data-' + this.attr_name(true) + ']').find("[name='" + name + "']"),
+ count = group.length,
+ valid = false,
+ disabled = false;
+
+ // Has to count up to make sure the focus gets applied to the top error
+ for (var i=0; i < count; i++) {
+ if( group[i].getAttribute('disabled') ){
+ disabled=true;
+ valid=true;
+ } else {
+ if (group[i].checked){
+ valid = true;
+ } else {
+ if( disabled ){
+ valid = false;
+ }
+ }
+ }
+ }
+
+ // Has to count up to make sure the focus gets applied to the top error
+ for (var i = 0; i < count; i++) {
+ if (valid) {
+ this.S(group[i]).removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class);
+ } else {
+ this.S(group[i]).attr(this.invalid_attr, '').parent().addClass(this.settings.error_class);
+ }
+ }
+
+ return valid;
+ },
+
+ valid_equal : function (el, required, parent) {
+ var from = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value,
+ to = el.value,
+ valid = (from === to);
+
+ if (valid) {
+ this.S(el).removeAttr(this.invalid_attr);
+ parent.removeClass(this.settings.error_class);
+ if (label.length > 0 && settings.error_labels) {
+ label.removeClass(this.settings.error_class);
+ }
+ } else {
+ this.S(el).attr(this.invalid_attr, '');
+ parent.addClass(this.settings.error_class);
+ if (label.length > 0 && settings.error_labels) {
+ label.addClass(this.settings.error_class);
+ }
+ }
+
+ return valid;
+ },
+
+ valid_oneof : function (el, required, parent, doNotValidateOthers) {
+ var el = this.S(el),
+ others = this.S('[' + this.add_namespace('data-oneof') + ']'),
+ valid = others.filter(':checked').length > 0;
+
+ if (valid) {
+ el.removeAttr(this.invalid_attr).parent().removeClass(this.settings.error_class);
+ } else {
+ el.attr(this.invalid_attr, '').parent().addClass(this.settings.error_class);
+ }
+
+ if (!doNotValidateOthers) {
+ var _this = this;
+ others.each(function () {
+ _this.valid_oneof.call(_this, this, null, null, true);
+ });
+ }
+
+ return valid;
+ }
+ };
+}(jQuery, window, window.document));
http://git-wip-us.apache.org/repos/asf/isis-site/blob/c751f07d/content/js/foundation/5.5.1/foundation/foundation.accordion.js
----------------------------------------------------------------------
diff --git a/content/js/foundation/5.5.1/foundation/foundation.accordion.js b/content/js/foundation/5.5.1/foundation/foundation.accordion.js
index e267e23..483d819 100644
--- a/content/js/foundation/5.5.1/foundation/foundation.accordion.js
+++ b/content/js/foundation/5.5.1/foundation/foundation.accordion.js
@@ -1,67 +1,67 @@
-;(function ($, window, document, undefined) {
- 'use strict';
-
- Foundation.libs.accordion = {
- name : 'accordion',
-
- version : '5.5.1',
-
- settings : {
- content_class : 'content',
- active_class : 'active',
- multi_expand : false,
- toggleable : true,
- callback : function () {}
- },
-
- init : function (scope, method, options) {
- this.bindings(method, options);
- },
-
- events : function () {
- var self = this;
- var S = this.S;
- S(this.scope)
- .off('.fndtn.accordion')
- .on('click.fndtn.accordion', '[' + this.attr_name() + '] > .accordion-navigation > a', function (e) {
- var accordion = S(this).closest('[' + self.attr_name() + ']'),
- groupSelector = self.attr_name() + '=' + accordion.attr(self.attr_name()),
- settings = accordion.data(self.attr_name(true) + '-init') || self.settings,
- target = S('#' + this.href.split('#')[1]),
- aunts = $('> .accordion-navigation', accordion),
- siblings = aunts.children('.' + settings.content_class),
- active_content = siblings.filter('.' + settings.active_class);
-
- e.preventDefault();
-
- if (accordion.attr(self.attr_name())) {
- siblings = siblings.add('[' + groupSelector + '] dd > ' + '.' + settings.content_class);
- aunts = aunts.add('[' + groupSelector + '] .accordion-navigation');
- }
-
- if (settings.toggleable && target.is(active_content)) {
- target.parent('.accordion-navigation').toggleClass(settings.active_class, false);
- target.toggleClass(settings.active_class, false);
- settings.callback(target);
- target.triggerHandler('toggled', [accordion]);
- accordion.triggerHandler('toggled', [target]);
- return;
- }
-
- if (!settings.multi_expand) {
- siblings.removeClass(settings.active_class);
- aunts.removeClass(settings.active_class);
- }
-
- target.addClass(settings.active_class).parent().addClass(settings.active_class);
- settings.callback(target);
- target.triggerHandler('toggled', [accordion]);
- accordion.triggerHandler('toggled', [target]);
- });
- },
-
- off : function () {},
-
- reflow : function () {}
- };
-}(jQuery, window, window.document));
+;(function ($, window, document, undefined) {
+ 'use strict';
+
+ Foundation.libs.accordion = {
+ name : 'accordion',
+
+ version : '5.5.1',
+
+ settings : {
+ content_class : 'content',
+ active_class : 'active',
+ multi_expand : false,
+ toggleable : true,
+ callback : function () {}
+ },
+
+ init : function (scope, method, options) {
+ this.bindings(method, options);
+ },
+
+ events : function () {
+ var self = this;
+ var S = this.S;
+ S(this.scope)
+ .off('.fndtn.accordion')
+ .on('click.fndtn.accordion', '[' + this.attr_name() + '] > .accordion-navigation > a', function (e) {
+ var accordion = S(this).closest('[' + self.attr_name() + ']'),
+ groupSelector = self.attr_name() + '=' + accordion.attr(self.attr_name()),
+ settings = accordion.data(self.attr_name(true) + '-init') || self.settings,
+ target = S('#' + this.href.split('#')[1]),
+ aunts = $('> .accordion-navigation', accordion),
+ siblings = aunts.children('.' + settings.content_class),
+ active_content = siblings.filter('.' + settings.active_class);
+
+ e.preventDefault();
+
+ if (accordion.attr(self.attr_name())) {
+ siblings = siblings.add('[' + groupSelector + '] dd > ' + '.' + settings.content_class);
+ aunts = aunts.add('[' + groupSelector + '] .accordion-navigation');
+ }
+
+ if (settings.toggleable && target.is(active_content)) {
+ target.parent('.accordion-navigation').toggleClass(settings.active_class, false);
+ target.toggleClass(settings.active_class, false);
+ settings.callback(target);
+ target.triggerHandler('toggled', [accordion]);
+ accordion.triggerHandler('toggled', [target]);
+ return;
+ }
+
+ if (!settings.multi_expand) {
+ siblings.removeClass(settings.active_class);
+ aunts.removeClass(settings.active_class);
+ }
+
+ target.addClass(settings.active_class).parent().addClass(settings.active_class);
+ settings.callback(target);
+ target.triggerHandler('toggled', [accordion]);
+ accordion.triggerHandler('toggled', [target]);
+ });
+ },
+
+ off : function () {},
+
+ reflow : function () {}
+ };
+}(jQuery, window, window.document));
http://git-wip-us.apache.org/repos/asf/isis-site/blob/c751f07d/content/js/foundation/5.5.1/foundation/foundation.alert.js
----------------------------------------------------------------------
diff --git a/content/js/foundation/5.5.1/foundation/foundation.alert.js b/content/js/foundation/5.5.1/foundation/foundation.alert.js
index 1868a65..763a22f 100644
--- a/content/js/foundation/5.5.1/foundation/foundation.alert.js
+++ b/content/js/foundation/5.5.1/foundation/foundation.alert.js
@@ -1,43 +1,43 @@
-;(function ($, window, document, undefined) {
- 'use strict';
-
- Foundation.libs.alert = {
- name : 'alert',
-
- version : '5.5.1',
-
- settings : {
- callback : function () {}
- },
-
- init : function (scope, method, options) {
- this.bindings(method, options);
- },
-
- events : function () {
- var self = this,
- S = this.S;
-
- $(this.scope).off('.alert').on('click.fndtn.alert', '[' + this.attr_name() + '] .close', function (e) {
- var alertBox = S(this).closest('[' + self.attr_name() + ']'),
- settings = alertBox.data(self.attr_name(true) + '-init') || self.settings;
-
- e.preventDefault();
- if (Modernizr.csstransitions) {
- alertBox.addClass('alert-close');
- alertBox.on('transitionend webkitTransitionEnd oTransitionEnd', function (e) {
- S(this).trigger('close').trigger('close.fndtn.alert').remove();
- settings.callback();
- });
- } else {
- alertBox.fadeOut(300, function () {
- S(this).trigger('close').trigger('close.fndtn.alert').remove();
- settings.callback();
- });
- }
- });
- },
-
- reflow : function () {}
- };
-}(jQuery, window, window.document));
+;(function ($, window, document, undefined) {
+ 'use strict';
+
+ Foundation.libs.alert = {
+ name : 'alert',
+
+ version : '5.5.1',
+
+ settings : {
+ callback : function () {}
+ },
+
+ init : function (scope, method, options) {
+ this.bindings(method, options);
+ },
+
+ events : function () {
+ var self = this,
+ S = this.S;
+
+ $(this.scope).off('.alert').on('click.fndtn.alert', '[' + this.attr_name() + '] .close', function (e) {
+ var alertBox = S(this).closest('[' + self.attr_name() + ']'),
+ settings = alertBox.data(self.attr_name(true) + '-init') || self.settings;
+
+ e.preventDefault();
+ if (Modernizr.csstransitions) {
+ alertBox.addClass('alert-close');
+ alertBox.on('transitionend webkitTransitionEnd oTransitionEnd', function (e) {
+ S(this).trigger('close').trigger('close.fndtn.alert').remove();
+ settings.callback();
+ });
+ } else {
+ alertBox.fadeOut(300, function () {
+ S(this).trigger('close').trigger('close.fndtn.alert').remove();
+ settings.callback();
+ });
+ }
+ });
+ },
+
+ reflow : function () {}
+ };
+}(jQuery, window, window.document));
http://git-wip-us.apache.org/repos/asf/isis-site/blob/c751f07d/content/js/foundation/5.5.1/foundation/foundation.clearing.js
----------------------------------------------------------------------
diff --git a/content/js/foundation/5.5.1/foundation/foundation.clearing.js b/content/js/foundation/5.5.1/foundation/foundation.clearing.js
index 02b84ca..e7bd458 100644
--- a/content/js/foundation/5.5.1/foundation/foundation.clearing.js
+++ b/content/js/foundation/5.5.1/foundation/foundation.clearing.js
@@ -1,556 +1,556 @@
-;(function ($, window, document, undefined) {
- 'use strict';
-
- Foundation.libs.clearing = {
- name : 'clearing',
-
- version : '5.5.1',
-
- settings : {
- templates : {
- viewing : '<a href="#" class="clearing-close">×</a>' +
- '<div class="visible-img" style="display: none"><div class="clearing-touch-label"></div><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D" alt="" />' +
- '<p class="clearing-caption"></p><a href="#" class="clearing-main-prev"><span></span></a>' +
- '<a href="#" class="clearing-main-next"><span></span></a></div>'
- },
-
- // comma delimited list of selectors that, on click, will close clearing,
- // add 'div.clearing-blackout, div.visible-img' to close on background click
- close_selectors : '.clearing-close, div.clearing-blackout',
-
- // Default to the entire li element.
- open_selectors : '',
-
- // Image will be skipped in carousel.
- skip_selector : '',
-
- touch_label : '',
-
- // event initializers and locks
- init : false,
- locked : false
- },
-
- init : function (scope, method, options) {
- var self = this;
- Foundation.inherit(this, 'throttle image_loaded');
-
- this.bindings(method, options);
-
- if (self.S(this.scope).is('[' + this.attr_name() + ']')) {
- this.assemble(self.S('li', this.scope));
- } else {
- self.S('[' + this.attr_name() + ']', this.scope).each(function () {
- self.assemble(self.S('li', this));
- });
- }
- },
-
- events : function (scope) {
- var self = this,
- S = self.S,
- $scroll_container = $('.scroll-container');
-
- if ($scroll_container.length > 0) {
- this.scope = $scroll_container;
- }
-
- S(this.scope)
- .off('.clearing')
- .on('click.fndtn.clearing', 'ul[' + this.attr_name() + '] li ' + this.settings.open_selectors,
- function (e, current, target) {
- var current = current || S(this),
- target = target || current,
- next = current.next('li'),
- settings = current.closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init'),
- image = S(e.target);
-
- e.preventDefault();
-
- if (!settings) {
- self.init();
- settings = current.closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-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 = S('img', target);
- }
-
- // set current and target to the clicked li if not otherwise defined.
- self.open(image, current, target);
- self.update_paddles(target);
- })
-
- .on('click.fndtn.clearing', '.clearing-main-next',
- function (e) { self.nav(e, 'next') })
- .on('click.fndtn.clearing', '.clearing-main-prev',
- function (e) { self.nav(e, 'prev') })
- .on('click.fndtn.clearing', this.settings.close_selectors,
- function (e) { Foundation.libs.clearing.close(e, this) });
-
- $(document).on('keydown.fndtn.clearing',
- function (e) { self.keydown(e) });
-
- S(window).off('.clearing').on('resize.fndtn.clearing',
- function () { self.resize() });
-
- this.swipe_events(scope);
- },
-
- swipe_events : function (scope) {
- var self = this,
- S = self.S;
-
- S(this.scope)
- .on('touchstart.fndtn.clearing', '.visible-img', function (e) {
- if (!e.touches) { e = e.originalEvent; }
- var data = {
- start_page_x : e.touches[0].pageX,
- start_page_y : e.touches[0].pageY,
- start_time : (new Date()).getTime(),
- delta_x : 0,
- is_scrolling : undefined
- };
-
- S(this).data('swipe-transition', data);
- e.stopPropagation();
- })
- .on('touchmove.fndtn.clearing', '.visible-img', function (e) {
- if (!e.touches) {
- e = e.originalEvent;
- }
- // Ignore pinch/zoom events
- if (e.touches.length > 1 || e.scale && e.scale !== 1) {
- return;
- }
-
- var data = S(this).data('swipe-transition');
-
- if (typeof data === 'undefined') {
- data = {};
- }
-
- data.delta_x = e.touches[0].pageX - data.start_page_x;
-
- if (Foundation.rtl) {
- data.delta_x = -data.delta_x;
- }
-
- if (typeof data.is_scrolling === 'undefined') {
- data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) );
- }
-
- if (!data.is_scrolling && !data.active) {
- e.preventDefault();
- var direction = (data.delta_x < 0) ? 'next' : 'prev';
- data.active = true;
- self.nav(e, direction);
- }
- })
- .on('touchend.fndtn.clearing', '.visible-img', function (e) {
- S(this).data('swipe-transition', {});
- e.stopPropagation();
- });
- },
-
- assemble : function ($li) {
- var $el = $li.parent();
-
- if ($el.parent().hasClass('carousel')) {
- return;
- }
-
- $el.after('<div id="foundationClearingHolder"></div>');
-
- var grid = $el.detach(),
- grid_outerHTML = '';
-
- if (grid[0] == null) {
- return;
- } else {
- grid_outerHTML = grid[0].outerHTML;
- }
-
- var holder = this.S('#foundationClearingHolder'),
- settings = $el.data(this.attr_name(true) + '-init'),
- data = {
- grid : '<div class="carousel">' + grid_outerHTML + '</div>',
- viewing : settings.templates.viewing
- },
- wrapper = '<div class="clearing-assembled"><div>' + data.viewing +
- data.grid + '</div></div>',
- touch_label = this.settings.touch_label;
-
- if (Modernizr.touch) {
- wrapper = $(wrapper).find('.clearing-touch-label').html(touch_label).end();
- }
-
- holder.after(wrapper).remove();
- },
-
- open : function ($image, current, target) {
- var self = this,
- body = $(document.body),
- root = target.closest('.clearing-assembled'),
- container = self.S('div', root).first(),
- visible_image = self.S('.visible-img', container),
- image = self.S('img', visible_image).not($image),
- label = self.S('.clearing-touch-label', container),
- error = false;
-
- // Event to disable scrolling on touch devices when Clearing is activated
- $('body').on('touchmove', function (e) {
- e.preventDefault();
- });
-
- image.error(function () {
- error = true;
- });
-
- function startLoad() {
- setTimeout(function () {
- this.image_loaded(image, function () {
- if (image.outerWidth() === 1 && !error) {
- startLoad.call(this);
- } else {
- cb.call(this, image);
- }
- }.bind(this));
- }.bind(this), 100);
- }
-
- function cb (image) {
- var $image = $(image);
- $image.css('visibility', 'visible');
- // toggle the gallery
- body.css('overflow', 'hidden');
- root.addClass('clearing-blackout');
- container.addClass('clearing-container');
- visible_image.show();
- this.fix_height(target)
- .caption(self.S('.clearing-caption', visible_image), self.S('img', target))
- .center_and_label(image, label)
- .shift(current, target, function () {
- target.closest('li').siblings().removeClass('visible');
- target.closest('li').addClass('visible');
- });
- visible_image.trigger('opened.fndtn.clearing')
- }
-
- if (!this.locked()) {
- visible_image.trigger('open.fndtn.clearing');
- // set the image to the selected thumbnail
- image
- .attr('src', this.load($image))
- .css('visibility', 'hidden');
-
- startLoad.call(this);
- }
- },
-
- close : function (e, el) {
- e.preventDefault();
-
- var root = (function (target) {
- if (/blackout/.test(target.selector)) {
- return target;
- } else {
- return target.closest('.clearing-blackout');
- }
- }($(el))),
- body = $(document.body), container, visible_image;
-
- if (el === e.target && root) {
- body.css('overflow', '');
- container = $('div', root).first();
- visible_image = $('.visible-img', container);
- visible_image.trigger('close.fndtn.clearing');
- this.settings.prev_index = 0;
- $('ul[' + this.attr_name() + ']', root)
- .attr('style', '').closest('.clearing-blackout')
- .removeClass('clearing-blackout');
- container.removeClass('clearing-container');
- visible_image.hide();
- visible_image.trigger('closed.fndtn.clearing');
- }
-
- // Event to re-enable scrolling on touch devices
- $('body').off('touchmove');
-
- return false;
- },
-
- is_open : function (current) {
- return current.parent().prop('style').length > 0;
- },
-
- keydown : function (e) {
- var clearing = $('.clearing-blackout ul[' + this.attr_name() + ']'),
- NEXT_KEY = this.rtl ? 37 : 39,
- PREV_KEY = this.rtl ? 39 : 37,
- ESC_KEY = 27;
-
- if (e.which === NEXT_KEY) {
- this.go(clearing, 'next');
- }
- if (e.which === PREV_KEY) {
- this.go(clearing, 'prev');
- }
- if (e.which === ESC_KEY) {
- this.S('a.clearing-close').trigger('click').trigger('click.fndtn.clearing');
- }
- },
-
- nav : function (e, direction) {
- var clearing = $('ul[' + this.attr_name() + ']', '.clearing-blackout');
-
- e.preventDefault();
- this.go(clearing, direction);
- },
-
- resize : function () {
- var image = $('img', '.clearing-blackout .visible-img'),
- label = $('.clearing-touch-label', '.clearing-blackout');
-
- if (image.length) {
- this.center_and_label(image, label);
- image.trigger('resized.fndtn.clearing')
- }
- },
-
- // visual adjustments
- fix_height : function (target) {
- var lis = target.parent().children(),
- self = this;
-
- lis.each(function () {
- var li = self.S(this),
- image = li.find('img');
-
- if (li.height() > image.outerHeight()) {
- li.addClass('fix-height');
- }
- })
- .closest('ul')
- .width(lis.length * 100 + '%');
-
- return this;
- },
-
- update_paddles : function (target) {
- target = target.closest('li');
- var visible_image = target
- .closest('.carousel')
- .siblings('.visible-img');
-
- if (target.next().length > 0) {
- this.S('.clearing-main-next', visible_image).removeClass('disabled');
- } else {
- this.S('.clearing-main-next', visible_image).addClass('disabled');
- }
-
- if (target.prev().length > 0) {
- this.S('.clearing-main-prev', visible_image).removeClass('disabled');
- } else {
- this.S('.clearing-main-prev', visible_image).addClass('disabled');
- }
- },
-
- center_and_label : function (target, label) {
- if (!this.rtl && label.length > 0) {
- label.css({
- marginLeft : -(label.outerWidth() / 2),
- marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10
- });
- } else {
- label.css({
- marginRight : -(label.outerWidth() / 2),
- marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10,
- left: 'auto',
- right: '50%'
- });
- }
- return this;
- },
-
- // image loading and preloading
-
- load : function ($image) {
- var href;
-
- if ($image[0].nodeName === 'A') {
- href = $image.attr('href');
- } else {
- href = $image.closest('a').attr('href');
- }
-
- this.preload($image);
-
- if (href) {
- return href;
- }
- return $image.attr('src');
- },
-
- preload : function ($image) {
- this
- .img($image.closest('li').next())
- .img($image.closest('li').prev());
- },
-
- img : function (img) {
- if (img.length) {
- var new_img = new Image(),
- new_a = this.S('a', img);
-
- if (new_a.length) {
- new_img.src = new_a.attr('href');
- } else {
- new_img.src = this.S('img', img).attr('src');
- }
- }
- return this;
- },
-
- // image caption
-
- caption : function (container, $image) {
- var caption = $image.attr('data-caption');
-
- if (caption) {
- container
- .html(caption)
- .show();
- } else {
- container
- .text('')
- .hide();
- }
- return this;
- },
-
- // directional methods
-
- go : function ($ul, direction) {
- var current = this.S('.visible', $ul),
- target = current[direction]();
-
- // Check for skip selector.
- if (this.settings.skip_selector && target.find(this.settings.skip_selector).length != 0) {
- target = target[direction]();
- }
-
- if (target.length) {
- this.S('img', target)
- .trigger('click', [current, target]).trigger('click.fndtn.clearing', [current, target])
- .trigger('change.fndtn.clearing');
- }
- },
-
- shift : function (current, target, callback) {
- var clearing = target.parent(),
- old_index = this.settings.prev_index || target.index(),
- direction = this.direction(clearing, current, target),
- dir = this.rtl ? 'right' : 'left',
- left = parseInt(clearing.css('left'), 10),
- width = target.outerWidth(),
- skip_shift;
-
- var dir_obj = {};
-
- // we use jQuery animate instead of CSS transitions because we
- // need a callback to unlock the next animation
- // needs support for RTL **
- if (target.index() !== old_index && !/skip/.test(direction)) {
- if (/left/.test(direction)) {
- this.lock();
- dir_obj[dir] = left + width;
- clearing.animate(dir_obj, 300, this.unlock());
- } else if (/right/.test(direction)) {
- this.lock();
- dir_obj[dir] = left - width;
- clearing.animate(dir_obj, 300, this.unlock());
- }
- } else if (/skip/.test(direction)) {
- // the target image is not adjacent to the current image, so
- // do we scroll right or not
- skip_shift = target.index() - this.settings.up_count;
- this.lock();
-
- if (skip_shift > 0) {
- dir_obj[dir] = -(skip_shift * width);
- clearing.animate(dir_obj, 300, this.unlock());
- } else {
- dir_obj[dir] = 0;
- clearing.animate(dir_obj, 300, this.unlock());
- }
- }
-
- callback();
- },
-
- direction : function ($el, current, target) {
- var lis = this.S('li', $el),
- li_width = lis.outerWidth() + (lis.outerWidth() / 4),
- up_count = Math.floor(this.S('.clearing-container').outerWidth() / li_width) - 1,
- target_index = lis.index(target),
- response;
-
- this.settings.up_count = up_count;
-
- if (this.adjacent(this.settings.prev_index, target_index)) {
- if ((target_index > up_count) && target_index > this.settings.prev_index) {
- response = 'right';
- } else if ((target_index > up_count - 1) && target_index <= this.settings.prev_index) {
- response = 'left';
- } else {
- response = false;
- }
- } else {
- response = 'skip';
- }
-
- this.settings.prev_index = target_index;
-
- return response;
- },
-
- adjacent : function (current_index, target_index) {
- for (var i = target_index + 1; i >= target_index - 1; i--) {
- if (i === current_index) {
- return true;
- }
- }
- return false;
- },
-
- // lock management
-
- lock : function () {
- this.settings.locked = true;
- },
-
- unlock : function () {
- this.settings.locked = false;
- },
-
- locked : function () {
- return this.settings.locked;
- },
-
- off : function () {
- this.S(this.scope).off('.fndtn.clearing');
- this.S(window).off('.fndtn.clearing');
- },
-
- reflow : function () {
- this.init();
- }
- };
-
-}(jQuery, window, window.document));
+;(function ($, window, document, undefined) {
+ 'use strict';
+
+ Foundation.libs.clearing = {
+ name : 'clearing',
+
+ version : '5.5.1',
+
+ settings : {
+ templates : {
+ viewing : '<a href="#" class="clearing-close">×</a>' +
+ '<div class="visible-img" style="display: none"><div class="clearing-touch-label"></div><img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D" alt="" />' +
+ '<p class="clearing-caption"></p><a href="#" class="clearing-main-prev"><span></span></a>' +
+ '<a href="#" class="clearing-main-next"><span></span></a></div>'
+ },
+
+ // comma delimited list of selectors that, on click, will close clearing,
+ // add 'div.clearing-blackout, div.visible-img' to close on background click
+ close_selectors : '.clearing-close, div.clearing-blackout',
+
+ // Default to the entire li element.
+ open_selectors : '',
+
+ // Image will be skipped in carousel.
+ skip_selector : '',
+
+ touch_label : '',
+
+ // event initializers and locks
+ init : false,
+ locked : false
+ },
+
+ init : function (scope, method, options) {
+ var self = this;
+ Foundation.inherit(this, 'throttle image_loaded');
+
+ this.bindings(method, options);
+
+ if (self.S(this.scope).is('[' + this.attr_name() + ']')) {
+ this.assemble(self.S('li', this.scope));
+ } else {
+ self.S('[' + this.attr_name() + ']', this.scope).each(function () {
+ self.assemble(self.S('li', this));
+ });
+ }
+ },
+
+ events : function (scope) {
+ var self = this,
+ S = self.S,
+ $scroll_container = $('.scroll-container');
+
+ if ($scroll_container.length > 0) {
+ this.scope = $scroll_container;
+ }
+
+ S(this.scope)
+ .off('.clearing')
+ .on('click.fndtn.clearing', 'ul[' + this.attr_name() + '] li ' + this.settings.open_selectors,
+ function (e, current, target) {
+ var current = current || S(this),
+ target = target || current,
+ next = current.next('li'),
+ settings = current.closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init'),
+ image = S(e.target);
+
+ e.preventDefault();
+
+ if (!settings) {
+ self.init();
+ settings = current.closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-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 = S('img', target);
+ }
+
+ // set current and target to the clicked li if not otherwise defined.
+ self.open(image, current, target);
+ self.update_paddles(target);
+ })
+
+ .on('click.fndtn.clearing', '.clearing-main-next',
+ function (e) { self.nav(e, 'next') })
+ .on('click.fndtn.clearing', '.clearing-main-prev',
+ function (e) { self.nav(e, 'prev') })
+ .on('click.fndtn.clearing', this.settings.close_selectors,
+ function (e) { Foundation.libs.clearing.close(e, this) });
+
+ $(document).on('keydown.fndtn.clearing',
+ function (e) { self.keydown(e) });
+
+ S(window).off('.clearing').on('resize.fndtn.clearing',
+ function () { self.resize() });
+
+ this.swipe_events(scope);
+ },
+
+ swipe_events : function (scope) {
+ var self = this,
+ S = self.S;
+
+ S(this.scope)
+ .on('touchstart.fndtn.clearing', '.visible-img', function (e) {
+ if (!e.touches) { e = e.originalEvent; }
+ var data = {
+ start_page_x : e.touches[0].pageX,
+ start_page_y : e.touches[0].pageY,
+ start_time : (new Date()).getTime(),
+ delta_x : 0,
+ is_scrolling : undefined
+ };
+
+ S(this).data('swipe-transition', data);
+ e.stopPropagation();
+ })
+ .on('touchmove.fndtn.clearing', '.visible-img', function (e) {
+ if (!e.touches) {
+ e = e.originalEvent;
+ }
+ // Ignore pinch/zoom events
+ if (e.touches.length > 1 || e.scale && e.scale !== 1) {
+ return;
+ }
+
+ var data = S(this).data('swipe-transition');
+
+ if (typeof data === 'undefined') {
+ data = {};
+ }
+
+ data.delta_x = e.touches[0].pageX - data.start_page_x;
+
+ if (Foundation.rtl) {
+ data.delta_x = -data.delta_x;
+ }
+
+ if (typeof data.is_scrolling === 'undefined') {
+ data.is_scrolling = !!( data.is_scrolling || Math.abs(data.delta_x) < Math.abs(e.touches[0].pageY - data.start_page_y) );
+ }
+
+ if (!data.is_scrolling && !data.active) {
+ e.preventDefault();
+ var direction = (data.delta_x < 0) ? 'next' : 'prev';
+ data.active = true;
+ self.nav(e, direction);
+ }
+ })
+ .on('touchend.fndtn.clearing', '.visible-img', function (e) {
+ S(this).data('swipe-transition', {});
+ e.stopPropagation();
+ });
+ },
+
+ assemble : function ($li) {
+ var $el = $li.parent();
+
+ if ($el.parent().hasClass('carousel')) {
+ return;
+ }
+
+ $el.after('<div id="foundationClearingHolder"></div>');
+
+ var grid = $el.detach(),
+ grid_outerHTML = '';
+
+ if (grid[0] == null) {
+ return;
+ } else {
+ grid_outerHTML = grid[0].outerHTML;
+ }
+
+ var holder = this.S('#foundationClearingHolder'),
+ settings = $el.data(this.attr_name(true) + '-init'),
+ data = {
+ grid : '<div class="carousel">' + grid_outerHTML + '</div>',
+ viewing : settings.templates.viewing
+ },
+ wrapper = '<div class="clearing-assembled"><div>' + data.viewing +
+ data.grid + '</div></div>',
+ touch_label = this.settings.touch_label;
+
+ if (Modernizr.touch) {
+ wrapper = $(wrapper).find('.clearing-touch-label').html(touch_label).end();
+ }
+
+ holder.after(wrapper).remove();
+ },
+
+ open : function ($image, current, target) {
+ var self = this,
+ body = $(document.body),
+ root = target.closest('.clearing-assembled'),
+ container = self.S('div', root).first(),
+ visible_image = self.S('.visible-img', container),
+ image = self.S('img', visible_image).not($image),
+ label = self.S('.clearing-touch-label', container),
+ error = false;
+
+ // Event to disable scrolling on touch devices when Clearing is activated
+ $('body').on('touchmove', function (e) {
+ e.preventDefault();
+ });
+
+ image.error(function () {
+ error = true;
+ });
+
+ function startLoad() {
+ setTimeout(function () {
+ this.image_loaded(image, function () {
+ if (image.outerWidth() === 1 && !error) {
+ startLoad.call(this);
+ } else {
+ cb.call(this, image);
+ }
+ }.bind(this));
+ }.bind(this), 100);
+ }
+
+ function cb (image) {
+ var $image = $(image);
+ $image.css('visibility', 'visible');
+ // toggle the gallery
+ body.css('overflow', 'hidden');
+ root.addClass('clearing-blackout');
+ container.addClass('clearing-container');
+ visible_image.show();
+ this.fix_height(target)
+ .caption(self.S('.clearing-caption', visible_image), self.S('img', target))
+ .center_and_label(image, label)
+ .shift(current, target, function () {
+ target.closest('li').siblings().removeClass('visible');
+ target.closest('li').addClass('visible');
+ });
+ visible_image.trigger('opened.fndtn.clearing')
+ }
+
+ if (!this.locked()) {
+ visible_image.trigger('open.fndtn.clearing');
+ // set the image to the selected thumbnail
+ image
+ .attr('src', this.load($image))
+ .css('visibility', 'hidden');
+
+ startLoad.call(this);
+ }
+ },
+
+ close : function (e, el) {
+ e.preventDefault();
+
+ var root = (function (target) {
+ if (/blackout/.test(target.selector)) {
+ return target;
+ } else {
+ return target.closest('.clearing-blackout');
+ }
+ }($(el))),
+ body = $(document.body), container, visible_image;
+
+ if (el === e.target && root) {
+ body.css('overflow', '');
+ container = $('div', root).first();
+ visible_image = $('.visible-img', container);
+ visible_image.trigger('close.fndtn.clearing');
+ this.settings.prev_index = 0;
+ $('ul[' + this.attr_name() + ']', root)
+ .attr('style', '').closest('.clearing-blackout')
+ .removeClass('clearing-blackout');
+ container.removeClass('clearing-container');
+ visible_image.hide();
+ visible_image.trigger('closed.fndtn.clearing');
+ }
+
+ // Event to re-enable scrolling on touch devices
+ $('body').off('touchmove');
+
+ return false;
+ },
+
+ is_open : function (current) {
+ return current.parent().prop('style').length > 0;
+ },
+
+ keydown : function (e) {
+ var clearing = $('.clearing-blackout ul[' + this.attr_name() + ']'),
+ NEXT_KEY = this.rtl ? 37 : 39,
+ PREV_KEY = this.rtl ? 39 : 37,
+ ESC_KEY = 27;
+
+ if (e.which === NEXT_KEY) {
+ this.go(clearing, 'next');
+ }
+ if (e.which === PREV_KEY) {
+ this.go(clearing, 'prev');
+ }
+ if (e.which === ESC_KEY) {
+ this.S('a.clearing-close').trigger('click').trigger('click.fndtn.clearing');
+ }
+ },
+
+ nav : function (e, direction) {
+ var clearing = $('ul[' + this.attr_name() + ']', '.clearing-blackout');
+
+ e.preventDefault();
+ this.go(clearing, direction);
+ },
+
+ resize : function () {
+ var image = $('img', '.clearing-blackout .visible-img'),
+ label = $('.clearing-touch-label', '.clearing-blackout');
+
+ if (image.length) {
+ this.center_and_label(image, label);
+ image.trigger('resized.fndtn.clearing')
+ }
+ },
+
+ // visual adjustments
+ fix_height : function (target) {
+ var lis = target.parent().children(),
+ self = this;
+
+ lis.each(function () {
+ var li = self.S(this),
+ image = li.find('img');
+
+ if (li.height() > image.outerHeight()) {
+ li.addClass('fix-height');
+ }
+ })
+ .closest('ul')
+ .width(lis.length * 100 + '%');
+
+ return this;
+ },
+
+ update_paddles : function (target) {
+ target = target.closest('li');
+ var visible_image = target
+ .closest('.carousel')
+ .siblings('.visible-img');
+
+ if (target.next().length > 0) {
+ this.S('.clearing-main-next', visible_image).removeClass('disabled');
+ } else {
+ this.S('.clearing-main-next', visible_image).addClass('disabled');
+ }
+
+ if (target.prev().length > 0) {
+ this.S('.clearing-main-prev', visible_image).removeClass('disabled');
+ } else {
+ this.S('.clearing-main-prev', visible_image).addClass('disabled');
+ }
+ },
+
+ center_and_label : function (target, label) {
+ if (!this.rtl && label.length > 0) {
+ label.css({
+ marginLeft : -(label.outerWidth() / 2),
+ marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10
+ });
+ } else {
+ label.css({
+ marginRight : -(label.outerWidth() / 2),
+ marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10,
+ left: 'auto',
+ right: '50%'
+ });
+ }
+ return this;
+ },
+
+ // image loading and preloading
+
+ load : function ($image) {
+ var href;
+
+ if ($image[0].nodeName === 'A') {
+ href = $image.attr('href');
+ } else {
+ href = $image.closest('a').attr('href');
+ }
+
+ this.preload($image);
+
+ if (href) {
+ return href;
+ }
+ return $image.attr('src');
+ },
+
+ preload : function ($image) {
+ this
+ .img($image.closest('li').next())
+ .img($image.closest('li').prev());
+ },
+
+ img : function (img) {
+ if (img.length) {
+ var new_img = new Image(),
+ new_a = this.S('a', img);
+
+ if (new_a.length) {
+ new_img.src = new_a.attr('href');
+ } else {
+ new_img.src = this.S('img', img).attr('src');
+ }
+ }
+ return this;
+ },
+
+ // image caption
+
+ caption : function (container, $image) {
+ var caption = $image.attr('data-caption');
+
+ if (caption) {
+ container
+ .html(caption)
+ .show();
+ } else {
+ container
+ .text('')
+ .hide();
+ }
+ return this;
+ },
+
+ // directional methods
+
+ go : function ($ul, direction) {
+ var current = this.S('.visible', $ul),
+ target = current[direction]();
+
+ // Check for skip selector.
+ if (this.settings.skip_selector && target.find(this.settings.skip_selector).length != 0) {
+ target = target[direction]();
+ }
+
+ if (target.length) {
+ this.S('img', target)
+ .trigger('click', [current, target]).trigger('click.fndtn.clearing', [current, target])
+ .trigger('change.fndtn.clearing');
+ }
+ },
+
+ shift : function (current, target, callback) {
+ var clearing = target.parent(),
+ old_index = this.settings.prev_index || target.index(),
+ direction = this.direction(clearing, current, target),
+ dir = this.rtl ? 'right' : 'left',
+ left = parseInt(clearing.css('left'), 10),
+ width = target.outerWidth(),
+ skip_shift;
+
+ var dir_obj = {};
+
+ // we use jQuery animate instead of CSS transitions because we
+ // need a callback to unlock the next animation
+ // needs support for RTL **
+ if (target.index() !== old_index && !/skip/.test(direction)) {
+ if (/left/.test(direction)) {
+ this.lock();
+ dir_obj[dir] = left + width;
+ clearing.animate(dir_obj, 300, this.unlock());
+ } else if (/right/.test(direction)) {
+ this.lock();
+ dir_obj[dir] = left - width;
+ clearing.animate(dir_obj, 300, this.unlock());
+ }
+ } else if (/skip/.test(direction)) {
+ // the target image is not adjacent to the current image, so
+ // do we scroll right or not
+ skip_shift = target.index() - this.settings.up_count;
+ this.lock();
+
+ if (skip_shift > 0) {
+ dir_obj[dir] = -(skip_shift * width);
+ clearing.animate(dir_obj, 300, this.unlock());
+ } else {
+ dir_obj[dir] = 0;
+ clearing.animate(dir_obj, 300, this.unlock());
+ }
+ }
+
+ callback();
+ },
+
+ direction : function ($el, current, target) {
+ var lis = this.S('li', $el),
+ li_width = lis.outerWidth() + (lis.outerWidth() / 4),
+ up_count = Math.floor(this.S('.clearing-container').outerWidth() / li_width) - 1,
+ target_index = lis.index(target),
+ response;
+
+ this.settings.up_count = up_count;
+
+ if (this.adjacent(this.settings.prev_index, target_index)) {
+ if ((target_index > up_count) && target_index > this.settings.prev_index) {
+ response = 'right';
+ } else if ((target_index > up_count - 1) && target_index <= this.settings.prev_index) {
+ response = 'left';
+ } else {
+ response = false;
+ }
+ } else {
+ response = 'skip';
+ }
+
+ this.settings.prev_index = target_index;
+
+ return response;
+ },
+
+ adjacent : function (current_index, target_index) {
+ for (var i = target_index + 1; i >= target_index - 1; i--) {
+ if (i === current_index) {
+ return true;
+ }
+ }
+ return false;
+ },
+
+ // lock management
+
+ lock : function () {
+ this.settings.locked = true;
+ },
+
+ unlock : function () {
+ this.settings.locked = false;
+ },
+
+ locked : function () {
+ return this.settings.locked;
+ },
+
+ off : function () {
+ this.S(this.scope).off('.fndtn.clearing');
+ this.S(window).off('.fndtn.clearing');
+ },
+
+ reflow : function () {
+ this.init();
+ }
+ };
+
+}(jQuery, window, window.document));