").addClass("boarding-pass-spacer"));
}
}
}
}
})(nca, jQuery, Globalize);;
(function (nca, $, globalize) {
"use strict";
nca.Class.f9FormValidation = function () {
var self = this;
var itinHasAdult = false;
self.paxData = {};
self.formId = "";
self.formContainer = {};
// template properties
self.errorContainerTemplateId = "";
self.errorContainerTemplate = {};
self.errorContainerListId = "";
self.errorContainerList = {};
self.errorContainerItemsId = "";
self.errorContainerItems = {};
self.errorHeaderId = "";
self.errorHeaderContainer = {};
self.errorSection = {};
self.submitButtonId = "";
self.submitButtonContainer = {};
self.onReady = function () {
self.formContainer = $('#' + self.formId);
self.submitButtonContainer = $('#' + self.submitButtonId);
// error container template
self.errorContainerTemplate = $('#' + self.errorContainerTemplateId);
self.errorContainerList = $('#' + self.errorContainerListId);
self.errorContainerItems = $('#' + self.errorContainerItemsId);
self.errorHeaderContainer = $('#' + self.errorHeaderId);
self.submitButtonContainer.click(function (event) {
event.preventDefault();
var valid = self.fieldValidation(this);
nca.EventBus.publish("f9form/Validated", { form: self.formContainer[0], isValid: valid });//event for other modules to prepare data or clean up form prior to submit
if (valid) self.formContainer.submit();
});
};
self.fieldValidation = function () {
// clear/reset the error container
self.errorContainerTemplate.empty();
// get the visible inputs and selects for continue click
var validationInput = $(self.formContainer).find('input:visible, select:visible, .js-validate');
//Remove error class on elements before validation check which will add the error class if necessary.
$(self.formContainer).find('.ibe-field-box-error, .ibe-field-text-error, .ibe-field-select-error').removeClass('ibe-field-box-error ibe-field-text-error ibe-field-select-error');
$.each(validationInput, function (i, e) {
// check for the data-nameNoNumber attribute
if (e.hasAttribute('data-nameNoNumber')) {
self.nameNoNumber(e, this);
}
// check for the data-notEmpty attribute
if (e.hasAttribute('data-notEmpty')) {
self.notEmpty(e, this);
}
// check for the data-valExceedRange6 attribute
if (e.hasAttribute('data-valExceedsRange6')) {
self.valExceedsRange(e, this, 6);
}
// check for the data-valExceedRange10 attribute
if (e.hasAttribute('data-valExceedsRange10')) {
self.valExceedsRange(e, this, 10);
}
// check for the data-valExceedsRange9 attribute
if (e.hasAttribute('data-valExceedsRange9')) {
self.valExceedsRange(e, this, 9);
}
// check for the data-valExceedsRange15 attribute
if (e.hasAttribute('data-valExceedsRange15')) {
self.valExceedsRange(e, this, 15);
}
// check for the data-valExceedsRange17 attribute
if (e.hasAttribute('data-valExceedsRange17')) {
self.valExceedsRange(e, this, 17);
}
// check for the data-valExceedsRange30 attribute
if (e.hasAttribute('data-valExceedsRange30')) {
self.valExceedsRange(e, this, 30);
}
// check for the data-noSpecialCharacters attribute
if (e.hasAttribute('data-noSpecialCharacters')) {
self.noSpecialCharacters(e, this);
}
// check for the data-noSpecialCharactersNames attribute
if (e.hasAttribute('data-noSpecialCharactersNames')) {
self.noSpecialCharactersNames(e, this);
}
// check for the data-noSpecialCharactersPhone attribute
if (e.hasAttribute('data-noSpecialCharactersPhone')) {
self.noSpecialCharactersPhone(e, this);
}
// check for the data-noAlpha attribute
if (e.hasAttribute('data-noAlpha')) {
self.noAlpha(e, this);
}
// check for the data-valTooShort7 attribute
if (e.hasAttribute('data-valTooShort7')) {
self.valTooShort7(e, this);
}
// check for the data-validEmail attribute
if (e.hasAttribute('data-validEmail')) {
self.validEmail(e, this);
}
// check for the data-olderThan15Years attribute
if (e.hasAttribute('data-olderThan15Years')) {
self.olderThan15Years(e, this);
}
// check if the date of birth is a valid date
if (e.hasAttribute('data-invalidDate') && itinHasAdult) {
self.isValidDate(e, this);
}
// check for the data-under2Years attribute
if (e.hasAttribute('data-under2Years')) {
self.under2Years(e, this);
}
// check for the data-umnrBetween5and17 attribute
if (e.hasAttribute('data-umnrBetween5and17')) {
self.umnrBetween5and17(e, this);
}
// check for date field in the future
if (e.hasAttribute('data-isInFuture')) {
self.isInFuture(e, this);
}
// check that the current value changes are allowed
if (e.hasAttribute('data-compareOriginal')) {
self.appleVacationsFunjetvalidate(e, this);
}
});
// remove the place holder from the clone
$('#errorContainerItems').remove();
if (self.errorContainerTemplate.children('div').length > 0) {
// show the error container if it's not empty
self.errorContainerTemplate.show();
// fix margin for error icons to top align
self.errorContainerTemplate.find(".js-errorMessage").each(function () {
var marginTop = Math.max(22 - $(this).height(), -30);
$(this).siblings(".ibe-field-error-img").css("margin-top", marginTop);
});
// scroll to the top
$("html, body").animate({ scrollTop: -5 }, "slow");
return false;
} else {
return true;
}
};
// check that the field does not contain a number
self.nameNoNumber = function (e, element) {
var e = element;
var fieldValue = e.value;
var containerErrorId = e.id + "_Error_nameNoNumber";
// get the label for styling
var elementParent = e.previousElementSibling;
var label = $(elementParent).children('label');
var matches = fieldValue.match(/\d+/g);
if (matches !== null) {
// prevent duplicates
if (!self.errorContainerTemplate.find($('#' + containerErrorId)).length) {
// parse the index from the id
var fieldId = e.id;
// drive all the way up to the container
var elementPaxContainer = e.parentElement.parentElement.parentElement.parentElement.parentElement;
var paxContainerPaxNumberSpanVal = $(elementPaxContainer).find('span.passenger-number').text();
if (paxContainerPaxNumberSpanVal === '') {
paxContainerPaxNumberSpanVal = Number($(elementPaxContainer).find('div.ibe-text-large').text().split(' ')[1]);
}
// if it's still empty go up one more level
if (paxContainerPaxNumberSpanVal.toString() === 'NaN') {
elementPaxContainer = elementPaxContainer.parentElement;
paxContainerPaxNumberSpanVal = Number($(elementPaxContainer).find('div.ibe-text-large').text().split(' ')[1]);
}
var fieldIdIndex = paxContainerPaxNumberSpanVal;
// using new template
var errorDiv = self.errorContainerItems.clone(true);
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
// split the number out of the id
var fieldIdValArray = e.id.split('_');
if (fieldIdValArray[0] === "infant") {
errorDiv.find('.js-errorMessage').html($(e).attr('data-nameNoNumber').replace('Passenger paxnum', 'Passenger paxnum (Lap Infant)').replace('paxnum', fieldIdIndex));
}
else if (fieldIdValArray[1] === "Infants") {
if (fieldIdIndex !== undefined) {
errorDiv.find('.js-errorMessage').html($(e).attr('data-nameNoNumber').replace('Passenger paxnum', 'Passenger paxnum (Lap Infant)').replace('paxnum', fieldIdIndex));
}
} else {
errorDiv.find('.js-errorMessage').html($(e).attr('data-nameNoNumber').replace('paxnum', fieldIdIndex));
}
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
$(label).addClass('ibe-field-text-error');
// style the input
$(e).addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
}
} else {
$('#' + containerErrorId).remove();
}
};
// check that the field is not empty
self.notEmpty = function (e, element) {
var e = element;
var containerErrorId = element.id + "_Error_notEmpty";
var elementParent = e.previousElementSibling;
//var label = $(elementParent).children('label');
var label = $(elementParent)[0] || $(e).closest(".ibe-form-wrapper").find("label")[0];
if (e.value === '' || e.value === '0' || e.value === '--') {
// null/undefined check
if (label.children.length > 0) {
if (e.value === '' && (label.children[0].innerText === 'Home Phone Number') || (label.children[0].innerText === 'Business Email Address')) {
return;
}
}
// prevent duplicates
if (!self.errorContainerTemplate.find($('#' + containerErrorId)).length) {
// parse the index from the id
var fieldId = e.id;
// drive all the way up to the container
//debugger;
var elementPaxContainer = $(e).closest(".ibe-pax-container")[0];
//var elementPaxContainer = $(e).closest('[id*="Pax-Container"], [id*="Pax-Contact"]');
var paxContainerPaxNumberSpanVal = $(elementPaxContainer).find('span.passenger-number').text();
if (paxContainerPaxNumberSpanVal === '') {
paxContainerPaxNumberSpanVal = Number($(elementPaxContainer).find('div.ibe-text-large').text().split(' ')[1]);
}
// if it's still empty go up one more level
if (paxContainerPaxNumberSpanVal.toString() === 'NaN') {
elementPaxContainer = elementPaxContainer.parentElement;
paxContainerPaxNumberSpanVal = Number($(elementPaxContainer).find('div.ibe-text-large').text().split(' ')[1]);
}
// if it's still empty go up one more level again
if (paxContainerPaxNumberSpanVal.toString() === 'NaN') {
elementPaxContainer = elementPaxContainer.parentElement.parentElement;
paxContainerPaxNumberSpanVal = Number($(elementPaxContainer).find('div.ibe-text-large').text().split(' ')[1]);
}
// if it's still empty go up one more level again (passport expiration)
if (paxContainerPaxNumberSpanVal.toString() === 'NaN') {
elementPaxContainer = elementPaxContainer.parentElement;
paxContainerPaxNumberSpanVal = Number($(elementPaxContainer).find('div.ibe-text-large').text().split(' ')[1]);
}
var fieldIdIndex = paxContainerPaxNumberSpanVal;
// using new template
var errorDiv = self.errorContainerItems.clone(true);
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
// split the number out of the id
var fieldIdValArray = e.id.split('_');
if (fieldIdValArray[0] === "infant") {
errorDiv.find('.js-errorMessage').html($(e).attr('data-notEmpty').replace('Passenger paxnum', 'Passenger paxnum (Lap Infant)').replace('paxnum', fieldIdIndex));
}
else if (fieldIdValArray[1] === "Infants") {
if (fieldIdIndex !== undefined) {
errorDiv.find('.js-errorMessage').html($(e).attr('data-notEmpty').replace('Passenger paxnum', 'Passenger paxnum (Lap Infant)').replace('paxnum', fieldIdIndex));
}
} else {
errorDiv.find('.js-errorMessage').html($(e).attr('data-notEmpty').replace('paxnum', fieldIdIndex));
}
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
//$(label).addClass('ibe-field-text-error');
if ($(label.firstElementChild).length > 0) {
$(label.firstElementChild).addClass('ibe-field-text-error');
} else if (label.name !== undefined && (label.name.indexOf('frontierContact') == 0)) {
$(label.parentElement.children[0].children).addClass('ibe-field-text-error')
}
else {
$(label).closest('.ibe-form-row-dob').find('.ibe-form-field-label').addClass('ibe-field-text-error');
}
// style the input
$(e).addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
}
} else {
$('#' + containerErrorId).remove();
}
};
// check that the value does not exceed the maximum length
self.valExceedsRange = function (e, element, maxLength) {
var e = element;
var fieldIdValArray = e.id.split('_');
var containerErrorId = e.id + "_Error_valExceedsRange" + maxLength;
var elementParent = e.previousElementSibling;
var label = $(elementParent).children('label');
//var label = e.labels[0];
if (e.value.length > maxLength) {
// prevent duplicates
if (!self.errorContainerTemplate.find($('#' + containerErrorId)).length) {
// drive all the way up to the container
var elementPaxContainer = e.parentElement.parentElement.parentElement.parentElement.parentElement;
var paxContainerPaxNumberSpanVal = $(elementPaxContainer).find('span.passenger-number').text();
if (paxContainerPaxNumberSpanVal === '') {
paxContainerPaxNumberSpanVal = Number($(elementPaxContainer).find('div.ibe-text-large').text().split(' ')[1]);
}
// if it's still empty go up one more level
if (paxContainerPaxNumberSpanVal.toString() === 'NaN') {
elementPaxContainer = elementPaxContainer.parentElement;
paxContainerPaxNumberSpanVal = Number($(elementPaxContainer).find('div.ibe-text-large').text().split(' ')[1]);
}
var fieldIdIndex = paxContainerPaxNumberSpanVal;
// using new template
var errorDiv = self.errorContainerItems.clone(true);
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
// split the number out of the id
var fieldIdValArray = e.id.split('_');
if (fieldIdIndex.toString() !== 'NaN') {
// set the error text from the data attribute
errorDiv.find('.js-errorMessage').html($(e).attr('data-valExceedsRange' + maxLength).replace('paxnum', fieldIdIndex));
} else if (fieldIdValArray[3] && fieldIdValArray[3] === 'KnownTravelerNumber') {
fieldIdIndex = Number(fieldIdValArray[1]);
fieldIdIndex = fieldIdIndex + 1;
errorDiv.find('.js-errorMessage').html($(e).attr('data-valExceedsRange' + maxLength));
} else {
errorDiv.find('.js-errorMessage').html($(e).attr('data-valExceedsRange' + maxLength).replace(' paxnum', ''));
}
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
$(label).addClass('ibe-field-text-error');
// style the input
$(e).addClass('ibe-field-box-error');
}
} else {
$('#' + containerErrorId).remove();
}
};
// check that the field does not contain any special characters
self.noSpecialCharacters = function (e, element) {
var e = element;
var fieldValue = e.value;
var matches = fieldValue.match(/[\!=*#\$%\^&*\(\)\{\}\[\]<>?/|]/);
var containerErrorId = e.id + "_Error_noSpecialCharacters";
var elementParent = e.previousElementSibling;
var label = $(elementParent).children('label');
//var label = e.labels[0];
if (matches) {
// prevent duplicates
if (!self.errorContainerTemplate.find($('#' + containerErrorId)).length) {
// parse the index from the id
var fieldId = e.id;
// drive all the way up to the container
var elementPaxContainer = e.parentElement.parentElement.parentElement.parentElement.parentElement;
var paxContainerPaxNumberSpanVal = $(elementPaxContainer).find('span.passenger-number').text();
if (paxContainerPaxNumberSpanVal === '') {
paxContainerPaxNumberSpanVal = Number($(elementPaxContainer).find('div.ibe-text-large').text().split(' ')[1]);
}
// if it's still empty go up one more level
while (isNaN(paxContainerPaxNumberSpanVal) && elementPaxContainer.parentElement.length) {
elementPaxContainer = elementPaxContainer.parentElement;
paxContainerPaxNumberSpanVal = Number($(elementPaxContainer).find('div.ibe-text-large').text().split(' ')[1]);
}
var fieldIdIndex = paxContainerPaxNumberSpanVal;
// using new template
var errorDiv = self.errorContainerItems.clone(true);
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
// split the number out of the id
var fieldIdValArray = e.id.split('_');
if (fieldIdValArray[0] === "infant") {
errorDiv.find('.js-errorMessage').html($(e).attr('data-noSpecialCharacters').replace('Passenger paxnum', 'Passenger paxnum (Lap Infant)').replace('paxnum', fieldIdIndex));
}
else if (fieldIdValArray[1] === "Infants") {
if (fieldIdIndex !== undefined) {
errorDiv.find('.js-errorMessage').html($(e).attr('data-noSpecialCharacters').replace('Passenger paxnum', 'Passenger paxnum (Lap Infant)').replace('paxnum', fieldIdIndex));
}
} else if (isNaN(fieldIdIndex))
errorDiv.find('.js-errorMessage').html($(e).attr('data-noSpecialCharacters').replace(' paxnum', ''));
else
errorDiv.find('.js-errorMessage').html($(e).attr('data-noSpecialCharacters').replace('paxnum', fieldIdIndex));
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
$(label).addClass('ibe-field-text-error');
// style the input
$(e).addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
if (!$(e).is(":visible"))
$(e).siblings("input").addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select')
}
} else {
$('#' + containerErrorId).remove();
}
};
// check that the field does not contain any special characters (used for name fields)
self.noSpecialCharactersNames = function (e, element) {
var e = element;
var fieldValue = e.value;
var matches = fieldValue.match(/^([A-Za-z\-~`' \s]*)$/g);
var containerErrorId = e.id + "_Error_noSpecialCharactersNames";
var elementParent = e.previousElementSibling;
var label = $(elementParent).children('label');
//var label = e.labels[0];
if (!matches) {
// prevent duplicates
if (!self.errorContainerTemplate.find($('#' + containerErrorId)).length) {
// parse the index from the id
var fieldId = e.id;
// drive all the way up to the container
var elementPaxContainer = e.parentElement.parentElement.parentElement.parentElement.parentElement;
var paxContainerPaxNumberSpanVal = $(elementPaxContainer).find('span.passenger-number').text();
if (paxContainerPaxNumberSpanVal === '') {
paxContainerPaxNumberSpanVal = Number($(elementPaxContainer).find('div.ibe-text-large').text().split(' ')[1]);
}
// if it's still empty go up one more level
while (isNaN(paxContainerPaxNumberSpanVal) && elementPaxContainer.parentElement.length) {
elementPaxContainer = elementPaxContainer.parentElement;
paxContainerPaxNumberSpanVal = Number($(elementPaxContainer).find('div.ibe-text-large').text().split(' ')[1]);
}
var fieldIdIndex = paxContainerPaxNumberSpanVal;
// using new template
var errorDiv = self.errorContainerItems.clone(true);
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
// split the number out of the id
var fieldIdValArray = e.id.split('_');
if (fieldIdValArray[0] === "infant") {
errorDiv.find('.js-errorMessage').html($(e).attr('data-noSpecialCharactersNames').replace('Passenger paxnum', 'Passenger paxnum (Lap Infant)').replace('paxnum', fieldIdIndex));
}
else if (fieldIdValArray[1] === "Infants") {
if (fieldIdIndex !== undefined) {
errorDiv.find('.js-errorMessage').html($(e).attr('data-noSpecialCharactersNames').replace('Passenger paxnum', 'Passenger paxnum (Lap Infant)').replace('paxnum', fieldIdIndex));
}
} else if (isNaN(fieldIdIndex))
errorDiv.find('.js-errorMessage').html($(e).attr('data-noSpecialCharactersNames').replace(' paxnum', ''));
else
errorDiv.find('.js-errorMessage').html($(e).attr('data-noSpecialCharactersNames').replace('paxnum', fieldIdIndex));
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
$(label).addClass('ibe-field-text-error');
// style the input
$(e).addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
if (!$(e).is(":visible"))
$(e).siblings("input").addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select')
}
} else {
$('#' + containerErrorId).remove();
}
};
// check that the field does not contain any special characters
self.noSpecialCharactersPhone = function (e, element) {
var e = element;
var fieldValue = e.value;
var matches = fieldValue.match(/[^A-z0-9\-]/);//changing to include anything non-alphanumeric or dash
var containerErrorId = e.id + "_Error_noSpecialCharactersPhone";
var elementParent = e.previousElementSibling;
var label = $(elementParent).children('label');
//var label = e.labels[0];
if (matches) {
// prevent duplicates
if (!self.errorContainerTemplate.find($('#' + containerErrorId)).length) {
// parse the index from the id
var fieldId = e.id;
// drive all the way up to the container
var elementPaxContainer = e.parentElement.parentElement.parentElement.parentElement.parentElement;
var paxContainerPaxNumberSpanVal = $(elementPaxContainer).find('span.passenger-number').text();
if (paxContainerPaxNumberSpanVal === '') {
paxContainerPaxNumberSpanVal = Number($(elementPaxContainer).find('div.ibe-text-large').text().split(' ')[1]);
}
// if it's still empty go up one more level
if (paxContainerPaxNumberSpanVal.toString() === 'NaN') {
elementPaxContainer = elementPaxContainer.parentElement;
paxContainerPaxNumberSpanVal = Number($(elementPaxContainer).find('div.ibe-text-large').text().split(' ')[1]);
}
var fieldIdIndex = paxContainerPaxNumberSpanVal;
// using new template
var errorDiv = self.errorContainerItems.clone(true);
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
// split the number out of the id
var fieldIdValArray = e.id.split('_');
if (fieldIdValArray[0] === "infant") {
errorDiv.find('.js-errorMessage').html($(e).attr('data-noSpecialCharactersPhone').replace('Passenger paxnum', 'Passenger paxnum (Lap Infant)').replace('paxnum', fieldIdIndex));
}
else if (fieldIdValArray[1] === "Infants") {
if (fieldIdIndex !== undefined) {
errorDiv.find('.js-errorMessage').html($(e).attr('data-noSpecialCharactersPhone').replace('Passenger paxnum', 'Passenger paxnum (Lap Infant)').replace('paxnum', fieldIdIndex));
}
} else {
errorDiv.find('.js-errorMessage').html($(e).attr('data-noSpecialCharactersPhone').replace('paxnum', fieldIdIndex));
}
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
$(label).addClass('ibe-field-text-error');
// style the input
$(e).addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
}
} else {
$('#' + containerErrorId).remove();
}
};
// check that the field does not contain any alpha characters (numbers only)
self.noAlpha = function (e, element) {
var e = element;
var fieldValue = e.value;
var matches = /[a-zA-Z]/.test(fieldValue);
var containerErrorId = e.id + "_Error_noAlpha";
var elementParent = e.previousElementSibling;
var label = $(elementParent).children('label');
//var label = e.labels[0];
if (matches) {
// prevent duplicates
if (!self.errorContainerTemplate.find($('#' + containerErrorId)).length) {
// parse the index from the id
var fieldId = e.id;
var fieldIndex = fieldId.match(/\d+/g);
// split the number out of the id
var fieldIdValArray = e.id.split('_');
// the id will be the second value in the array
var fieldIdIndex = Number(fieldIdValArray[1]);
// increment by 1 for display
fieldIdIndex = fieldIdIndex + 1;
// using new template
var errorDiv = self.errorContainerItems.clone(true);
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
if (fieldIdIndex.toString() !== 'NaN') {
// set the error text from the data attribute
errorDiv.find('.js-errorMessage').html($(e).attr('data-noAlpha').replace('paxnum', fieldIdIndex));
} else {
errorDiv.find('.js-errorMessage').html($(e).attr('data-noAlpha').replace(' paxnum', ''));
}
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
$(label).addClass('ibe-field-text-error');
// style the input
$(e).addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
}
} else {
$('#' + containerErrorId).remove();
}
};
// check that the field meets the minimum length requirement
self.valTooShort7 = function (e, element) {
var e = element;
var containerErrorId = e.id + "_Error_valTooShort7";
var elementParent = e.previousElementSibling;
var label = $(elementParent).children('label');
//var label = e.labels[0];
if (e.value.length > 0 && e.value.length < 7) {
// prevent duplicates
if (!self.errorContainerTemplate.find($('#' + containerErrorId)).length) {
// parse the index from the id
var fieldId = e.id;
var fieldIndex = fieldId.match(/\d+/g);
// split the number out of the id
var fieldIdValArray = e.id.split('_');
// the id will be the second value in the array
var fieldIdIndex = Number(fieldIdValArray[1]);
// increment by 1 for display
fieldIdIndex = fieldIdIndex + 1;
// using new template
var errorDiv = self.errorContainerItems.clone(true);
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
if (fieldIdIndex.toString() !== 'NaN') {
// set the error text from the data attribute
errorDiv.find('.js-errorMessage').html($(e).attr('data-valTooShort7').replace('paxnum', fieldIdIndex));
} else {
errorDiv.find('.js-errorMessage').html($(e).attr('data-valTooShort7').replace(' paxnum', ''));
}
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
$(label).addClass('ibe-field-text-error');
// style the input
$(e).addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
}
} else {
$('#' + containerErrorId).remove();
}
};
// check that the birth date is older than 15 years old
self.olderThan15Years = function (e, element) {
var e = element;
var fieldValue = e.value;
var containerErrorId = e.id + "_Error_olderThan15Years";
var elementParent = e.previousElementSibling;
var label = $(elementParent).children('label');
// check for a value
if (fieldValue !== '' && isValidDate(fieldValue, 'm/d/yy')) {
if (!self.paxData.passengers[0].isUmnr) {
// if there is a value, check for an infant
var elementIdText = $(e).attr('id');
var olderthan15 = $(e).val();
var maxDate = $(e).attr('data-maxDate');
var currentDateMinus15Years = new Date(maxDate);
if (self.errorContainerTemplate.find('[id*="olderThan15Years"]').length) {
// the error container already contains a value for this error so skip further processing
return;
}
if (currentDateMinus15Years < Date.parse(olderthan15)) {
// parse the index from the id
var fieldId = e.id;
var fieldIndex = fieldId.match(/\d+/g);
// split the number out of the id
var fieldIdValArray = e.id.split('_');
// the id will be the second value in the array
var fieldIdIndex = Number(fieldIdValArray[1]);
// increment by 1 for display
fieldIdIndex = fieldIdIndex + 1;
// using new template
var errorDiv = self.errorContainerItems.clone(true);
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
if (fieldIdIndex.toString() !== 'NaN') {
// set the error text from the data attribute
errorDiv.find('.js-errorMessage').html($(e).attr('data-olderThan15Years').replace('paxnum', fieldIdIndex));
} else {
fieldIdIndex = Number(fieldIdValArray[4]);
fieldIdIndex = fieldIdIndex + 1;
errorDiv.find('.js-errorMessage').html($(e).attr('data-olderThan15Years').replace('paxnum', fieldIdIndex));
}
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
$(label).addClass('ibe-field-text-error');
// style the input
$(e).addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
itinHasAdult = false;
} else {
// pass
itinHasAdult = true;
}
}
}
};
// check that email is valid (contains an @ symbol)
self.validEmail = function (e, element) {
var e = element;
var fieldValue = e.value;
var matches = fieldValue.match(/^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/);
var containerErrorId = e.id + "_Error_validEmail";
var elementParent = e.previousElementSibling;
var label = $(elementParent).children('label');
//var label = e.labels[0];
// if the email doesn't match the regex it's invalid and throw error
if (!matches) {
if (e.value === '' && label.text() === 'Business Email Address') {
return;
}
// prevent duplicates
if (!self.errorContainerTemplate.find($('#' + containerErrorId)).length) {
// parse the index from the id
var fieldId = e.id;
var fieldIndex = fieldId.match(/\d+/g);
// split the number out of the id
var fieldIdValArray = e.id.split('_');
// the id will be the second value in the array
var fieldIdIndex = Number(fieldIdValArray[1]);
// increment by 1 for display
fieldIdIndex = fieldIdIndex + 1;
// using new template
var errorDiv = self.errorContainerItems.clone(true);
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
if (fieldIdIndex.toString() !== 'NaN') {
// set the error text from the data attribute
errorDiv.find('.js-errorMessage').html($(e).attr('data-validEmail').replace('paxnum', fieldIdIndex));
} else {
errorDiv.find('.js-errorMessage').html($(e).attr('data-validEmail').replace(' paxnum', ''));
}
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
$(label).addClass('ibe-field-text-error');
// style the input
$(e).addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
}
} else {
$('#' + containerErrorId).remove();
}
};
// check that the birth date is under 2 years old
self.under2Years = function (e, element) {
var e = element;
var fieldValue = e.value;
var containerErrorId = e.id + "_Error_under2Years";
var elementParent = e.previousElementSibling;
var label = $(elementParent)[0];
// check for a value
if (fieldValue !== '' && isValidDate(fieldValue, 'm/d/yy')) {
// if there is a value, check for an infant
var element = $(e);
var elementIdText = $(e).attr('id');
if (elementIdText.indexOf('infant') > -1) {
var infantDOB = Date.fromAnyDateString(fieldValue);
var minDate = Date.fromAnyDateString(element.attr('data-minDate'));
var maxDate = Date.fromAnyDateString(element.attr('data-maxDate'))
if (self.errorContainerTemplate.find('[id*="under2Years"]').length) {
// the error container already contains a value for this error so skip further processing
return;
}
if (minDate > infantDOB || infantDOB > maxDate) {
// parse the index from the id
var fieldId = e.id;
var fieldIndex = fieldId.match(/\d+/g);
var elementPaxContainer = e.parentElement.parentElement.parentElement.parentElement.parentElement;
var fieldIdIndex = $(elementPaxContainer).find('span.passenger-number').text();
// using new template
var errorDiv = self.errorContainerItems.clone(true);
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
var errorMessage7dayOld = 'Error: Lap infants must be, at least, 7-days old, at the time of travel.';
if (fieldIdIndex.toString() !== 'NaN') {
// set the error text from the data attribute
if (infantDOB < minDate) {
errorDiv.find('.js-errorMessage').html($(e).attr('data-under2Years').replace('paxnum', fieldIdIndex));
} else {
errorDiv.find('.js-errorMessage').html(errorMessage7dayOld.replace('paxnum', fieldIdIndex))
}
} else {
fieldIdIndex = Number(fieldIdValArray[4]);
fieldIdIndex = fieldIdIndex + 1;
if (infantDOB < minDate) {
errorDiv.find('.js-errorMessage').html($(e).attr('data-under2Years').replace('paxnum', fieldIdIndex));
} else {
errorDiv.find('.js-errorMessage').html(errorMessage7dayOld.replace('paxnum', fieldIdIndex))
}
}
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
$(label).addClass('ibe-field-text-error');
// style the input
$(e).addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
} else {
// pass
}
}
}
};
// check that the umnr age is between 5 and 17 years
self.umnrBetween5and17 = function (e, element) {
var e = element;
var fieldValue = e.value;
var containerErrorId = e.id + "_Error_umnrBetween5and17";
var elementParent = e.previousElementSibling;
var label = $(elementParent)[0];
if (fieldValue !== '' && isValidDate(fieldValue, 'm/d/yy')) {
if (self.paxData.passengers[0].isUmnr) {
// if there is a value, check for umnr
var elementIdText = $(e).attr('id');
var currentDate = Date.fromAnyDateString(fieldValue);
var minDate = Date.parse($(e).attr("data-minDate"));
var maxDate = Date.parse($(e).attr("data-maxDate"));
if (self.errorContainerTemplate.find('[id*="umnrBetween5and17"]').length) {
// the error container already contains a value for this error so skip additional processing
return;
}
// check dates
if (currentDate < minDate || currentDate > maxDate) {
// parse the index from the id
var fieldId = e.id;
var fieldIndex = fieldId.match(/\d+/g);
// split the number out of the id
var fieldIdValArray = e.id.split('_');
// the id will be the second value in the array
var fieldIdIndex = Number(fieldIdValArray[3]);
// increment by 1 for display
fieldIdIndex = fieldIdIndex + 1;
// using new template
var errorDiv = self.errorContainerItems.clone(true);
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
if (fieldIdIndex.toString() !== 'NaN') {
// set the error text from the data attribute
errorDiv.find('.js-errorMessage').html($(e).attr('data-umnrBetween5and17').replace('paxnum', fieldIdIndex));
} else {
fieldIdIndex = Number(fieldIdValArray[4]);
fieldIdIndex = fieldIdIndex + 1;
errorDiv.find('.js-errorMessage').html($(e).attr('data-umnrBetween5and17').replace('paxnum', fieldIdIndex));
}
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
$(label).addClass('ibe-field-text-error');
// style the input
$(e).addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
} else {
// pass
}
}
}
}
self.isInFuture = function (e, element) {
e = element;
var dateStr = $(e).val();
if (dateStr === "") return;
var containerErrorId = e.id + "_Error_dateNotInFuture",
dateValue = Date.fromAnyDateString(dateStr),
dateParentContainer = $(e).parent();
//fail
if (dateValue.getTime() < new Date().getTime()) {
var fieldId = e.id;
var fieldIndex = fieldId.match(/\d+/g);
// split the number out of the id
var fieldIdValArray = e.id.split('_');
// the id will be the second value in the array
var fieldIdIndex = Number(fieldIdValArray[1]);
// increment by 1 for display
fieldIdIndex = fieldIdIndex + 1;
// using new template
var errorDiv = self.errorContainerItems.clone(true);
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
if (fieldIdIndex.toString() !== 'NaN') {
// set the error text from the data attribute
errorDiv.find('.js-errorMessage').html($(e).attr('data-isInFuture'));
} else {
errorDiv.find('.js-errorMessage').html($(e).attr('data-isInFuture'));
}
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
dateParentContainer.find("label").addClass('ibe-field-text-error');
// style the input
dateParentContainer.find("select").addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
}
}
self.isValidDate = function (e, element) {
var lapInfantErrorMessage = "Error: Please review Passenger paxnum's date of birth.";
var dateControl = $(element);
var currentDate = dateControl.val();
var minDate = Date.parse(dateControl.attr("data-minDate"));
var maxDate = Date.parse(dateControl.attr("data-maxDate"));
var elementPaxContainer = e.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement;
var fieldIdIndex = $(elementPaxContainer).find('span.passenger-number').text();
var dateParentContainer = $(e).parent(),
errorDiv = self.errorContainerItems.clone(true),
isError = false,
containerErrorId = e.id + "_Error_invalidDateOfBirth";
var year = '';
//Does the data have the correct length
if (currentDate.length === 0) {
//Do nothing. this is being handled in another method
} else if (!isValidDate(currentDate, 'm/d/yy')) {
isError = true;
} else {
var cDate = Date.parse(currentDate);
year = '';
//Check for year length == 4
var dateParts = currentDate.split('/');
if (dateParts.length === 3) {
year = dateParts[2];
}
if (cDate < minDate || cDate > maxDate || year.length !== 4) {
isError = true;
}
}
if (isError) {
var fieldIdValArray = e.id.split('_');
if (year === undefined || year === '' || year.length === 4) {
if (fieldIdValArray[0] === "infant") {
errorDiv.find('.js-errorMessage').html($(e).attr('data-invalidDate').replace('Passenger paxnum', 'Passenger paxnum (Lap Infant)').replace('paxnum', fieldIdIndex));
} else {
errorDiv.find('.js-errorMessage').html($(e).attr('data-invalidDate').replace('paxnum', fieldIdIndex));
}
} else {
var message = "Error: Passenger paxnum - Please enter a 4 digit year.";
if (fieldIdValArray[0] === "infant") {
errorDiv.find('.js-errorMessage').html(message.replace('Passenger paxnum', 'Passenger paxnum (Lap Infant)').replace('paxnum', fieldIdIndex));
} else {
errorDiv.find('.js-errorMessage').html(message.replace('paxnum', fieldIdIndex));
}
}
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
dateParentContainer.find("label").addClass('ibe-field-text-error');
// style the input
dateControl.addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
} else {
// Pass
$('#' + containerErrorId).remove();
// style the label
dateParentContainer.find("label").removeClass('ibe-field-text-error');
// style the input
dateControl.removeClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
}
}
// does the value changes meet the AV and Funjet change requirements
// The only change allowed is adding/removing spaces to the names
self.appleVacationsFunjetvalidate = function (e, element) {
element = $(element);
var originalValue = e.attributes['data-original'].value;
var currentValue = element.val();
var containerErrorId = e.id + "_Error_compareoriginal";
var elementParent = e.previousElementSibling;
var label = $(elementParent)[0];
if (originalValue) {
originalValue = originalValue.replace(' ', '');
}
if (currentValue) {
currentValue = currentValue.replace(' ', '');
}
if (originalValue !== currentValue) {
// parse the index from the id
var fieldId = e.id;
var fieldIndex = fieldId.match(/\d+/g);
// split the number out of the id
var fieldIdValArray = fieldId.split('_');
// the id will be the second value in the array
var fieldIdIndex = Number(fieldIdValArray[3]);
// increment by 1 for display
fieldIdIndex = fieldIdIndex + 1;
// using new template
var errorDiv = self.errorContainerItems.clone(true);
// update the id so it can be removed later
errorDiv.attr('id', containerErrorId);
if (fieldIdIndex.toString() !== 'NaN') {
// set the error text from the data attribute
errorDiv.find('.js-errorMessage').html($(e).attr('data-compareoriginal').replace('paxnum', fieldIdIndex));
} else {
fieldIdIndex = Number(fieldIdValArray[4]);
fieldIdIndex = fieldIdIndex + 1;
errorDiv.find('.js-errorMessage').html($(e).attr('data-compareoriginal').replace('paxnum', fieldIdIndex));
}
// add the clone to the template
self.errorContainerTemplate.append(errorDiv);
// style the label
$(label).addClass('ibe-field-text-error');
// style the input
$(e).addClass('ibe-field-box-error ibe-select-field ibe-field-select-error w-select');
}
};
};
function isValidDate(value, format) {
var isValid = true;
try {
jQuery.datepicker.parseDate(format, value, null);
}
catch (error) {
isValid = false;
}
return isValid;
}
})(nca, jQuery, Globalize);;
/*
Version: 2.1.1
Author: Gopal Raju
Website: http://www.productivedreams.com
Docs: https://gopalraju.github.io/gridtab
Repo: https://gopalraju.github.io/gridtab
Issues: https://gopalraju.github.io/gridtab/issues
*/
;
(function($, window, document, undefined) {
// Check instance count
var instanceCount = 0,
gridtab = 'gridtab',
defaults = {
grid: 4,
borderWidth: 2,
tabBorderColor: "#ddd",
tabPadding: 25,
contentBorderColor: "#ddd",
contentPadding: 35,
contentBackground: "#fff",
activeTabBackground: "#fff",
responsive: null,
selectors: {
tab: '>dt',
closeButton: '.gridtab__close',
nextArrow: '.gridtab__next.gridtab__arrow',
prevArrow: '.gridtab__prev.gridtab__arrow',
disabledArrow: '.is-disabled'
},
config: {
layout: 'grid',
keepOpen: false,
speed: 500,
activeTab: 0,
showClose: false,
showArrows: false,
scrollToTab:false,
rtl:false
},
callbacks: {
open: false,
close: false
}
};
// The Gridtab constructor
function Gridtab(element, options) {
var _ = this;
_.element = element;
_.options = $.extend(true, {}, defaults, options);
_.defaults = defaults;
_.name = gridtab;
_.cssRules = '';
_.breakpoints = [];
_.grids = [];
_.activeTab = _.options.config.activeTab - 1;
_.tabs = $(_.element).find('> dt');
_.contents = $(_.element).find('> dd');
_.init();
_.generateStylesheet(_.cssRules);
instanceCount++;
}
/**
* Initializes Gridtab plugin
*/
Gridtab.prototype.init = function() {
var _ = this;
$(_.element).addClass('gridtab gridtab--' + instanceCount);
(_.options.config.rtl) && ($(_.element).attr('dir','rtl'));
_.setTabOrder();
_.showControls();
_.addCssRules(_.options.grid, _.options.borderWidth, _.options.tabPadding, _.options.tabBorderColor, _.options.contentPadding, _.options.contentBorderColor, _.options.contentBackground, _.options.activeTabBackground, null);
(_.options.responsive !== null) ? _.responsiveBreakpoints() : _.setContentOrder(_.options.grid);
//If activeTab value exists and is less than total number of tabs
if (_.activeTab > -1 && _.activeTab < _.tabs.length) {
_.slideContent(_.tabs[_.activeTab], false, false);
}
$(_.element).on('clickOrSpace', _.options.selectors.tab, function(e) {//F9 -- Changed this to clickOrSpace event for accessibility/consistency
//if selector has href, prevent jump
($(this).attr('href')) && (e.preventDefault());
e.stopPropagation();
e.stopImmediatePropagation();
_.slideContent($(this).closest('dt'), false, _.options.config.scrollToTab);
});
};
/**
* Show Controls (prev,next and close)
*/
Gridtab.prototype.showControls = function() {
var _ = this;
if (_.options.config.showClose || _.options.config.showArrows) {
var controlsGroup = $('
').appendTo(_.contents);
//If showClose is set to true
if (_.options.config.showClose) {
$('
Close').appendTo(controlsGroup);
}
//If showArrows is set to true
if (_.options.config.showArrows) {
//If items exist and the count is greater than or equal to 2
if (_.contents.length && _.contents.length >= 2) {
var nextArrow = _.options.selectors.nextArrow.replace(/\./g, ' '),
prevArrow = _.options.selectors.prevArrow.replace(/\./g, ' '),
disabledArrow = _.options.selectors.disabledArrow.replace(/\./g, ' '),
prevElem = '
Prev',
nextElem = '
Next',
prevDisabled = '
Prev',
nextDisabled = '
Next';
//If there are more than 2 items add both (prev and next) arrows to all items from second to second last
if (_.contents.length > 2) {
$(prevElem + nextElem).appendTo(_.contents.slice(1, -1).find(controlsGroup));
}
//For the last item add prev and next arrows, but keep next disabled
$(prevElem + nextDisabled).appendTo($(_.contents[_.contents.length - 1]).find(controlsGroup));
//For the first item add prev and next arrows, but keep prev disabled
$(prevDisabled + nextElem).appendTo($(_.contents[0]).find(controlsGroup));
}
}
$(controlsGroup).on('click', 'a', function(e) {
e.preventDefault();
var currIndex = _.contents.index($(this).parent().parent());
//If clicked item is prev arrow, slide the prev content
if ($(this).hasClass(prevArrow)) {
_.slideContent(_.tabs[currIndex - 1], false, _.options.config.scrollToTab);
}
//else if next arrow, slide the next
else if ($(this).hasClass(nextArrow)) {
_.slideContent(_.tabs[currIndex + 1], false, _.options.config.scrollToTab);
}
//else it's a close button
else {
_.slideContent(_.tabs[currIndex], true, false);
}
});
}
};
/**
* Sets the order of the content based on grid count
*/
Gridtab.prototype.setContentOrder = function(grid) {
var _ = this,
//Container width divided by first element width
rowCount = Math.ceil(_.contents.length / grid);
for (var i = 0; i < rowCount; i++) {
//Select first n elements, second n elements etc and set order
var j = i + 1;
_.contents.slice(i * grid, grid * j).css({'order': '' + (j * grid), 'flex-order': '' + (j * grid)});
}
};
/**
* Sets the order of each tab
*/
Gridtab.prototype.setTabOrder = function() {
var _ = this;
//Iterate through each tab and set flex order for each tab
_.tabs.each(function(i) {
$(this).css({'order': '' + i, 'flex-order':'' + i});
});
};
/**
* Generate CSS rules
*/
Gridtab.prototype.addCssRules = function(grid, borderWidth, tabPadding, tabBorderColor, contentPadding, contentBorderColor, contentBackground, activeTabBackground, breakpoint) {
var _ = this;
if (grid !== null || borderWidth !== null || tabPadding !== null || tabBorderColor !== null || contentBorderColor !== null || contentPadding !== null || contentBackground !== null || activeTabBackground !== null) {
var cssRules = '';
var tabWidth = '';
(grid !== null) && (tabWidth = Math.floor((100 / grid) * 100) / 100);
if (grid !== null || borderWidth !== null || tabBorderColor !== null || tabPadding !== null) {
//Container Styles
(borderWidth !== null) && (cssRules += '.gridtab--' + instanceCount + '{padding:' + borderWidth + 'px 0 0 ' + borderWidth + 'px;}');
//Tab Styles
cssRules += '.gridtab--' + instanceCount + ' > dt{';
(borderWidth !== null) && (cssRules += 'margin:-' + borderWidth + 'px 0 0 -' + borderWidth + 'px;');
//(grid !== null) && (cssRules += 'min-width:calc(' + tabWidth + '% + ' + borderWidth + 'px);width:calc(' + tabWidth + '% + ' + borderWidth + 'px);');
(borderWidth !== null) && (cssRules += 'border-width:' + borderWidth + 'px;');
(tabPadding !== null) && (cssRules += 'padding:' + tabPadding + 'px;');
(tabBorderColor !== null) && (cssRules += 'border-color:' + tabBorderColor + ';');
cssRules += '}';
}
//active Tab Styles
(activeTabBackground !== null) && (cssRules += '.gridtab--' + instanceCount + ' >dt.is-active{background:' + activeTabBackground + ';}');
(_.options.config.layout == 'tab' && activeTabBackground !== null && borderWidth !== null) && (cssRules += '.gridtab--' + instanceCount + ' >dt.is-active:after{background:' + activeTabBackground + ';height:' + borderWidth + 'px;bottom:-' + borderWidth + 'px;}');
//Content Styles
if (contentBorderColor !== null || borderWidth !== null || contentBackground !== null || contentPadding !== null) {
cssRules += '.gridtab--' + instanceCount + '>dd{';
cssRules += 'min-width:calc(' + (tabWidth * grid) + '% + ' + borderWidth + 'px);max-width:calc(' + (tabWidth * grid) + '% + ' + borderWidth + 'px);';
(borderWidth !== null) && (cssRules += 'margin:-' + borderWidth + 'px 0 0 -' + borderWidth + 'px !important;border-width:' + borderWidth + 'px;');
(contentBorderColor !== null) && (cssRules += 'border-color:' + contentBorderColor + ';');
(contentPadding !== null) && (cssRules += 'padding:' + contentPadding + 'px;');
(contentBackground !== null) && (cssRules += 'background:' + contentBackground + ';');
cssRules += '}';
}
//If has breakpoints generate mediaquery
_.cssRules += (breakpoint !== null) ? ('@media (max-width:' + breakpoint + 'px){' + cssRules + '}') : cssRules;
}
};
/**
* Generate Stylesheet and append CSS rules
*/
Gridtab.prototype.generateStylesheet = function(cssRules) {
var style = $('head').append('');
};
/**
* For each breakpoint add CSS rules and set content order
*/
Gridtab.prototype.responsiveBreakpoints = function() {
var _ = this;
if (_.options.responsive && _.options.responsive.length) {
//Sort Responsive Options by MediaQuery in descending order
_.options.responsive.sort(function(a, b) {
return parseFloat(b.breakpoint) - parseFloat(a.breakpoint);
});
var mqls = [];
function getBreakpoint() {
var bpArray = [];
mqls.filter(function(el) {
//If breakpoint matches convert it to number and push the breakpoint to bpArray
if (el.matches) {
bpArray.push(parseInt(el.media.replace(/[^\d.]/g, '')));
}
});
//If bpArray exists, find the smallest breakpoint and its index in -.breakpoints
//else use the default grid value from options
var grid = (bpArray.length ? _.grids[_.breakpoints.indexOf(Math.min.apply(null, bpArray))] : _.options.grid);
_.setContentOrder(grid);
}
for (var i in _.options.responsive) {
var responsiveSettings = _.options.responsive[i].settings,
grid = responsiveSettings.grid || _.options.grid,
borderWidth = responsiveSettings.borderWidth || _.options.borderWidth,
tabBorderColor = responsiveSettings.tabBorderColor || null,
tabPadding = responsiveSettings.tabPadding || null,
activeTabBackground = responsiveSettings.activeTabBackground || null,
contentPadding = responsiveSettings.contentPadding || null,
contentBorderColor = responsiveSettings.contentBorderColor || null,
contentBackground = responsiveSettings.contentBackground || null,
breakpoint = _.options.responsive[i].breakpoint || null;
_.addCssRules(grid, borderWidth, tabPadding, tabBorderColor, contentPadding, contentBorderColor, contentBackground, activeTabBackground, breakpoint);
_.breakpoints.push(breakpoint);
_.grids.push(grid);
mqls.push(window.matchMedia("(max-width:" + _.breakpoints[i] + "px)"));
getBreakpoint(window.matchMedia("(max-width:" + _.breakpoints[i] + "px)"));
}
//For each MedaiQuery
for (var i = 0; i < mqls.length; i++) { // loop through queries
mqls[i].addListener(getBreakpoint) // call handler function whenever the media query is triggered;
}
}
};
/**
* Scroll to active tab
*/
Gridtab.prototype.scrollToTab = function() {
var _ = this;
var page = $('html, body');
page.on("scroll mousedown wheel DOMMouseScroll mousewheel keyup touchmove", function() {
page.stop();
});
page.animate({
scrollTop: $(_.element).find('.is-active').offset().top
}, 1000, function() {
page.off("scroll mousedown wheel DOMMouseScroll mousewheel keyup touchmove");
});
};
/**
* Slide up and slide down contents based on tab clicked
*/
Gridtab.prototype.slideContent = function(currTab, closeBtnClick, scrollToTab) {
var _ = this,
$currTab = $(currTab),
$prevTab = $(_.element).find('>dt.is-active').not(currTab);
if (!$currTab.hasClass('is-disabled')) {
//If an active tab already exists
if ($prevTab.length) {
//Keep all tabs disabled while the transition happens
_.tabs.addClass('is-disabled');
$prevTab.next().stop(true).slideUp(_.options.config.speed, function() {
$prevTab.removeClass('is-active');
_.tabs.next().stop(true);
(_.options.callbacks.close) && (_.options.callbacks.close.call(this));
$currTab.addClass('is-active').next().stop(true).slideDown(_.options.config.speed, function() {
(_.options.callbacks.open) && (_.options.callbacks.open.call(this));
(scrollToTab) && (_.scrollToTab());
//Remove disabled after transition is complete
_.tabs.removeClass('is-disabled');
return false;
});
return false;
});
} else {
//If keepOpen is true and close button is not clicked
if (_.options.config.keepOpen && !closeBtnClick) {
if (!$currTab.hasClass('is-active')) {
$currTab.addClass('is-active').next().stop(true).slideDown(_.options.config.speed, function() {
(_.options.callbacks.open) && (_.options.callbacks.open.call(this));
(scrollToTab) && (_.scrollToTab());
});
return false;
}
} else {
//Keep all tabs disabled while the transition happens
_.tabs.addClass('is-disabled');
$currTab.toggleClass('is-active').next().stop(true).slideToggle(_.options.config.speed, function() {
if ($(this).is(':hidden')) {
(_.options.callbacks.close) && (_.options.callbacks.close.call(this));
} else {
(_.options.callbacks.open) && (_.options.callbacks.open.call(this));
(scrollToTab) && (_.scrollToTab());
}
//Remove disabled after transition is complete
_.tabs.removeClass('is-disabled');
return false;
});
}
}
return false;
}
};
$.fn[gridtab] = function(options) {
return this.each(function() {
if (!$.data(this, 'plugin_' + gridtab)) {
$.data(this, 'plugin_' + gridtab,
new Gridtab(this, options));
}
});
};
})(jQuery, window, document);
;
