Team:UI-Indonesia/javascript
From 2014.igem.org
(Created page with "- →! * Bootstrap v3.2.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE): if (type...") |
|||
Line 2,093: | Line 2,093: | ||
return this | return this | ||
} | } | ||
+ | |||
+ | /* jqBootstrapValidation | ||
+ | * A plugin for automating validation on Twitter Bootstrap formatted forms. | ||
+ | * | ||
+ | * v1.3.6 | ||
+ | * | ||
+ | * License: MIT <http://opensource.org/licenses/mit-license.php> - see LICENSE file | ||
+ | * | ||
+ | * http://ReactiveRaven.github.com/jqBootstrapValidation/ | ||
+ | */ | ||
+ | |||
+ | (function( $ ){ | ||
+ | |||
+ | var createdElements = []; | ||
+ | |||
+ | var defaults = { | ||
+ | options: { | ||
+ | prependExistingHelpBlock: false, | ||
+ | sniffHtml: true, // sniff for 'required', 'maxlength', etc | ||
+ | preventSubmit: true, // stop the form submit event from firing if validation fails | ||
+ | submitError: false, // function called if there is an error when trying to submit | ||
+ | submitSuccess: false, // function called just before a successful submit event is sent to the server | ||
+ | semanticallyStrict: false, // set to true to tidy up generated HTML output | ||
+ | autoAdd: { | ||
+ | helpBlocks: true | ||
+ | }, | ||
+ | filter: function () { | ||
+ | // return $(this).is(":visible"); // only validate elements you can see | ||
+ | return true; // validate everything | ||
+ | } | ||
+ | }, | ||
+ | methods: { | ||
+ | init : function( options ) { | ||
+ | |||
+ | var settings = $.extend(true, {}, defaults); | ||
+ | |||
+ | settings.options = $.extend(true, settings.options, options); | ||
+ | |||
+ | var $siblingElements = this; | ||
+ | |||
+ | var uniqueForms = $.unique( | ||
+ | $siblingElements.map( function () { | ||
+ | return $(this).parents("form")[0]; | ||
+ | }).toArray() | ||
+ | ); | ||
+ | |||
+ | $(uniqueForms).bind("submit", function (e) { | ||
+ | var $form = $(this); | ||
+ | var warningsFound = 0; | ||
+ | var $inputs = $form.find("input,textarea,select").not("[type=submit],[type=image]").filter(settings.options.filter); | ||
+ | $inputs.trigger("submit.validation").trigger("validationLostFocus.validation"); | ||
+ | |||
+ | $inputs.each(function (i, el) { | ||
+ | var $this = $(el), | ||
+ | $controlGroup = $this.parents(".control-group").first(); | ||
+ | if ( | ||
+ | $controlGroup.hasClass("has-warning") | ||
+ | ) { | ||
+ | $controlGroup.removeClass("has-warning").addClass("has-error"); | ||
+ | warningsFound++; | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | $inputs.trigger("validationLostFocus.validation"); | ||
+ | |||
+ | if (warningsFound) { | ||
+ | if (settings.options.preventSubmit) { | ||
+ | e.preventDefault(); | ||
+ | } | ||
+ | $form.addClass("has-error"); | ||
+ | if ($.isFunction(settings.options.submitError)) { | ||
+ | settings.options.submitError($form, e, $inputs.jqBootstrapValidation("collectErrors", true)); | ||
+ | } | ||
+ | } else { | ||
+ | $form.removeClass("has-error"); | ||
+ | if ($.isFunction(settings.options.submitSuccess)) { | ||
+ | settings.options.submitSuccess($form, e); | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | return this.each(function(){ | ||
+ | |||
+ | // Get references to everything we're interested in | ||
+ | var $this = $(this), | ||
+ | $controlGroup = $this.parents(".control-group").first(), | ||
+ | $helpBlock = $controlGroup.find(".help-block").first(), | ||
+ | $form = $this.parents("form").first(), | ||
+ | validatorNames = []; | ||
+ | |||
+ | // create message container if not exists | ||
+ | if (!$helpBlock.length && settings.options.autoAdd && settings.options.autoAdd.helpBlocks) { | ||
+ | $helpBlock = $('<div class="help-block" />'); | ||
+ | $controlGroup.find('.controls').append($helpBlock); | ||
+ | createdElements.push($helpBlock[0]); | ||
+ | } | ||
+ | |||
+ | // ============================================================= | ||
+ | // SNIFF HTML FOR VALIDATORS | ||
+ | // ============================================================= | ||
+ | |||
+ | // *snort sniff snuffle* | ||
+ | |||
+ | if (settings.options.sniffHtml) { | ||
+ | var message = ""; | ||
+ | // --------------------------------------------------------- | ||
+ | // PATTERN | ||
+ | // --------------------------------------------------------- | ||
+ | if ($this.attr("pattern") !== undefined) { | ||
+ | message = "Not in the expected format<!-- data-validation-pattern-message to override -->"; | ||
+ | if ($this.data("validationPatternMessage")) { | ||
+ | message = $this.data("validationPatternMessage"); | ||
+ | } | ||
+ | $this.data("validationPatternMessage", message); | ||
+ | $this.data("validationPatternRegex", $this.attr("pattern")); | ||
+ | } | ||
+ | // --------------------------------------------------------- | ||
+ | // MAX | ||
+ | // --------------------------------------------------------- | ||
+ | if ($this.attr("max") !== undefined || $this.attr("aria-valuemax") !== undefined) { | ||
+ | var max = ($this.attr("max") !== undefined ? $this.attr("max") : $this.attr("aria-valuemax")); | ||
+ | message = "Too high: Maximum of '" + max + "'<!-- data-validation-max-message to override -->"; | ||
+ | if ($this.data("validationMaxMessage")) { | ||
+ | message = $this.data("validationMaxMessage"); | ||
+ | } | ||
+ | $this.data("validationMaxMessage", message); | ||
+ | $this.data("validationMaxMax", max); | ||
+ | } | ||
+ | // --------------------------------------------------------- | ||
+ | // MIN | ||
+ | // --------------------------------------------------------- | ||
+ | if ($this.attr("min") !== undefined || $this.attr("aria-valuemin") !== undefined) { | ||
+ | var min = ($this.attr("min") !== undefined ? $this.attr("min") : $this.attr("aria-valuemin")); | ||
+ | message = "Too low: Minimum of '" + min + "'<!-- data-validation-min-message to override -->"; | ||
+ | if ($this.data("validationMinMessage")) { | ||
+ | message = $this.data("validationMinMessage"); | ||
+ | } | ||
+ | $this.data("validationMinMessage", message); | ||
+ | $this.data("validationMinMin", min); | ||
+ | } | ||
+ | // --------------------------------------------------------- | ||
+ | // MAXLENGTH | ||
+ | // --------------------------------------------------------- | ||
+ | if ($this.attr("maxlength") !== undefined) { | ||
+ | message = "Too long: Maximum of '" + $this.attr("maxlength") + "' characters<!-- data-validation-maxlength-message to override -->"; | ||
+ | if ($this.data("validationMaxlengthMessage")) { | ||
+ | message = $this.data("validationMaxlengthMessage"); | ||
+ | } | ||
+ | $this.data("validationMaxlengthMessage", message); | ||
+ | $this.data("validationMaxlengthMaxlength", $this.attr("maxlength")); | ||
+ | } | ||
+ | // --------------------------------------------------------- | ||
+ | // MINLENGTH | ||
+ | // --------------------------------------------------------- | ||
+ | if ($this.attr("minlength") !== undefined) { | ||
+ | message = "Too short: Minimum of '" + $this.attr("minlength") + "' characters<!-- data-validation-minlength-message to override -->"; | ||
+ | if ($this.data("validationMinlengthMessage")) { | ||
+ | message = $this.data("validationMinlengthMessage"); | ||
+ | } | ||
+ | $this.data("validationMinlengthMessage", message); | ||
+ | $this.data("validationMinlengthMinlength", $this.attr("minlength")); | ||
+ | } | ||
+ | // --------------------------------------------------------- | ||
+ | // REQUIRED | ||
+ | // --------------------------------------------------------- | ||
+ | if ($this.attr("required") !== undefined || $this.attr("aria-required") !== undefined) { | ||
+ | message = settings.builtInValidators.required.message; | ||
+ | if ($this.data("validationRequiredMessage")) { | ||
+ | message = $this.data("validationRequiredMessage"); | ||
+ | } | ||
+ | $this.data("validationRequiredMessage", message); | ||
+ | } | ||
+ | // --------------------------------------------------------- | ||
+ | // NUMBER | ||
+ | // --------------------------------------------------------- | ||
+ | if ($this.attr("type") !== undefined && $this.attr("type").toLowerCase() === "number") { | ||
+ | message = settings.builtInValidators.number.message; | ||
+ | if ($this.data("validationNumberMessage")) { | ||
+ | message = $this.data("validationNumberMessage"); | ||
+ | } | ||
+ | $this.data("validationNumberMessage", message); | ||
+ | } | ||
+ | // --------------------------------------------------------- | ||
+ | // EMAIL | ||
+ | // --------------------------------------------------------- | ||
+ | if ($this.attr("type") !== undefined && $this.attr("type").toLowerCase() === "email") { | ||
+ | message = "Not a valid email address<!-- data-validator-validemail-message to override -->"; | ||
+ | if ($this.data("validationValidemailMessage")) { | ||
+ | message = $this.data("validationValidemailMessage"); | ||
+ | } else if ($this.data("validationEmailMessage")) { | ||
+ | message = $this.data("validationEmailMessage"); | ||
+ | } | ||
+ | $this.data("validationValidemailMessage", message); | ||
+ | } | ||
+ | // --------------------------------------------------------- | ||
+ | // MINCHECKED | ||
+ | // --------------------------------------------------------- | ||
+ | if ($this.attr("minchecked") !== undefined) { | ||
+ | message = "Not enough options checked; Minimum of '" + $this.attr("minchecked") + "' required<!-- data-validation-minchecked-message to override -->"; | ||
+ | if ($this.data("validationMincheckedMessage")) { | ||
+ | message = $this.data("validationMincheckedMessage"); | ||
+ | } | ||
+ | $this.data("validationMincheckedMessage", message); | ||
+ | $this.data("validationMincheckedMinchecked", $this.attr("minchecked")); | ||
+ | } | ||
+ | // --------------------------------------------------------- | ||
+ | // MAXCHECKED | ||
+ | // --------------------------------------------------------- | ||
+ | if ($this.attr("maxchecked") !== undefined) { | ||
+ | message = "Too many options checked; Maximum of '" + $this.attr("maxchecked") + "' required<!-- data-validation-maxchecked-message to override -->"; | ||
+ | if ($this.data("validationMaxcheckedMessage")) { | ||
+ | message = $this.data("validationMaxcheckedMessage"); | ||
+ | } | ||
+ | $this.data("validationMaxcheckedMessage", message); | ||
+ | $this.data("validationMaxcheckedMaxchecked", $this.attr("maxchecked")); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | // ============================================================= | ||
+ | // COLLECT VALIDATOR NAMES | ||
+ | // ============================================================= | ||
+ | |||
+ | // Get named validators | ||
+ | if ($this.data("validation") !== undefined) { | ||
+ | validatorNames = $this.data("validation").split(","); | ||
+ | } | ||
+ | |||
+ | // Get extra ones defined on the element's data attributes | ||
+ | $.each($this.data(), function (i, el) { | ||
+ | var parts = i.replace(/([A-Z])/g, ",$1").split(","); | ||
+ | if (parts[0] === "validation" && parts[1]) { | ||
+ | validatorNames.push(parts[1]); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | // ============================================================= | ||
+ | // NORMALISE VALIDATOR NAMES | ||
+ | // ============================================================= | ||
+ | |||
+ | var validatorNamesToInspect = validatorNames; | ||
+ | var newValidatorNamesToInspect = []; | ||
+ | |||
+ | do // repeatedly expand 'shortcut' validators into their real validators | ||
+ | { | ||
+ | // Uppercase only the first letter of each name | ||
+ | $.each(validatorNames, function (i, el) { | ||
+ | validatorNames[i] = formatValidatorName(el); | ||
+ | }); | ||
+ | |||
+ | // Remove duplicate validator names | ||
+ | validatorNames = $.unique(validatorNames); | ||
+ | |||
+ | // Pull out the new validator names from each shortcut | ||
+ | newValidatorNamesToInspect = []; | ||
+ | $.each(validatorNamesToInspect, function(i, el) { | ||
+ | if ($this.data("validation" + el + "Shortcut") !== undefined) { | ||
+ | // Are these custom validators? | ||
+ | // Pull them out! | ||
+ | $.each($this.data("validation" + el + "Shortcut").split(","), function(i2, el2) { | ||
+ | newValidatorNamesToInspect.push(el2); | ||
+ | }); | ||
+ | } else if (settings.builtInValidators[el.toLowerCase()]) { | ||
+ | // Is this a recognised built-in? | ||
+ | // Pull it out! | ||
+ | var validator = settings.builtInValidators[el.toLowerCase()]; | ||
+ | if (validator.type.toLowerCase() === "shortcut") { | ||
+ | $.each(validator.shortcut.split(","), function (i, el) { | ||
+ | el = formatValidatorName(el); | ||
+ | newValidatorNamesToInspect.push(el); | ||
+ | validatorNames.push(el); | ||
+ | }); | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | validatorNamesToInspect = newValidatorNamesToInspect; | ||
+ | |||
+ | } while (validatorNamesToInspect.length > 0) | ||
+ | |||
+ | // ============================================================= | ||
+ | // SET UP VALIDATOR ARRAYS | ||
+ | // ============================================================= | ||
+ | |||
+ | var validators = {}; | ||
+ | |||
+ | $.each(validatorNames, function (i, el) { | ||
+ | // Set up the 'override' message | ||
+ | var message = $this.data("validation" + el + "Message"); | ||
+ | var hasOverrideMessage = (message !== undefined); | ||
+ | var foundValidator = false; | ||
+ | message = | ||
+ | ( | ||
+ | message | ||
+ | ? message | ||
+ | : "'" + el + "' validation failed <!-- Add attribute 'data-validation-" + el.toLowerCase() + "-message' to input to change this message -->" | ||
+ | ) | ||
+ | ; | ||
+ | |||
+ | $.each( | ||
+ | settings.validatorTypes, | ||
+ | function (validatorType, validatorTemplate) { | ||
+ | if (validators[validatorType] === undefined) { | ||
+ | validators[validatorType] = []; | ||
+ | } | ||
+ | if (!foundValidator && $this.data("validation" + el + formatValidatorName(validatorTemplate.name)) !== undefined) { | ||
+ | validators[validatorType].push( | ||
+ | $.extend( | ||
+ | true, | ||
+ | { | ||
+ | name: formatValidatorName(validatorTemplate.name), | ||
+ | message: message | ||
+ | }, | ||
+ | validatorTemplate.init($this, el) | ||
+ | ) | ||
+ | ); | ||
+ | foundValidator = true; | ||
+ | } | ||
+ | } | ||
+ | ); | ||
+ | |||
+ | if (!foundValidator && settings.builtInValidators[el.toLowerCase()]) { | ||
+ | |||
+ | var validator = $.extend(true, {}, settings.builtInValidators[el.toLowerCase()]); | ||
+ | if (hasOverrideMessage) { | ||
+ | validator.message = message; | ||
+ | } | ||
+ | var validatorType = validator.type.toLowerCase(); | ||
+ | |||
+ | if (validatorType === "shortcut") { | ||
+ | foundValidator = true; | ||
+ | } else { | ||
+ | $.each( | ||
+ | settings.validatorTypes, | ||
+ | function (validatorTemplateType, validatorTemplate) { | ||
+ | if (validators[validatorTemplateType] === undefined) { | ||
+ | validators[validatorTemplateType] = []; | ||
+ | } | ||
+ | if (!foundValidator && validatorType === validatorTemplateType.toLowerCase()) { | ||
+ | $this.data("validation" + el + formatValidatorName(validatorTemplate.name), validator[validatorTemplate.name.toLowerCase()]); | ||
+ | validators[validatorType].push( | ||
+ | $.extend( | ||
+ | validator, | ||
+ | validatorTemplate.init($this, el) | ||
+ | ) | ||
+ | ); | ||
+ | foundValidator = true; | ||
+ | } | ||
+ | } | ||
+ | ); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | if (! foundValidator) { | ||
+ | $.error("Cannot find validation info for '" + el + "'"); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | // ============================================================= | ||
+ | // STORE FALLBACK VALUES | ||
+ | // ============================================================= | ||
+ | |||
+ | $helpBlock.data( | ||
+ | "original-contents", | ||
+ | ( | ||
+ | $helpBlock.data("original-contents") | ||
+ | ? $helpBlock.data("original-contents") | ||
+ | : $helpBlock.html() | ||
+ | ) | ||
+ | ); | ||
+ | |||
+ | $helpBlock.data( | ||
+ | "original-role", | ||
+ | ( | ||
+ | $helpBlock.data("original-role") | ||
+ | ? $helpBlock.data("original-role") | ||
+ | : $helpBlock.attr("role") | ||
+ | ) | ||
+ | ); | ||
+ | |||
+ | $controlGroup.data( | ||
+ | "original-classes", | ||
+ | ( | ||
+ | $controlGroup.data("original-clases") | ||
+ | ? $controlGroup.data("original-classes") | ||
+ | : $controlGroup.attr("class") | ||
+ | ) | ||
+ | ); | ||
+ | |||
+ | $this.data( | ||
+ | "original-aria-invalid", | ||
+ | ( | ||
+ | $this.data("original-aria-invalid") | ||
+ | ? $this.data("original-aria-invalid") | ||
+ | : $this.attr("aria-invalid") | ||
+ | ) | ||
+ | ); | ||
+ | |||
+ | // ============================================================= | ||
+ | // VALIDATION | ||
+ | // ============================================================= | ||
+ | |||
+ | $this.bind( | ||
+ | "validation.validation", | ||
+ | function (event, params) { | ||
+ | |||
+ | var value = getValue($this); | ||
+ | |||
+ | // Get a list of the errors to apply | ||
+ | var errorsFound = []; | ||
+ | |||
+ | $.each(validators, function (validatorType, validatorTypeArray) { | ||
+ | if (value || value.length || (params && params.includeEmpty) || (!!settings.validatorTypes[validatorType].blockSubmit && params && !!params.submitting)) { | ||
+ | $.each(validatorTypeArray, function (i, validator) { | ||
+ | if (settings.validatorTypes[validatorType].validate($this, value, validator)) { | ||
+ | errorsFound.push(validator.message); | ||
+ | } | ||
+ | }); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | return errorsFound; | ||
+ | } | ||
+ | ); | ||
+ | |||
+ | $this.bind( | ||
+ | "getValidators.validation", | ||
+ | function () { | ||
+ | return validators; | ||
+ | } | ||
+ | ); | ||
+ | |||
+ | // ============================================================= | ||
+ | // WATCH FOR CHANGES | ||
+ | // ============================================================= | ||
+ | $this.bind( | ||
+ | "submit.validation", | ||
+ | function () { | ||
+ | return $this.triggerHandler("change.validation", {submitting: true}); | ||
+ | } | ||
+ | ); | ||
+ | $this.bind( | ||
+ | [ | ||
+ | "keyup", | ||
+ | "focus", | ||
+ | "blur", | ||
+ | "click", | ||
+ | "keydown", | ||
+ | "keypress", | ||
+ | "change" | ||
+ | ].join(".validation ") + ".validation", | ||
+ | function (e, params) { | ||
+ | |||
+ | var value = getValue($this); | ||
+ | |||
+ | var errorsFound = []; | ||
+ | |||
+ | $controlGroup.find("input,textarea,select").each(function (i, el) { | ||
+ | var oldCount = errorsFound.length; | ||
+ | $.each($(el).triggerHandler("validation.validation", params), function (j, message) { | ||
+ | errorsFound.push(message); | ||
+ | }); | ||
+ | if (errorsFound.length > oldCount) { | ||
+ | $(el).attr("aria-invalid", "true"); | ||
+ | } else { | ||
+ | var original = $this.data("original-aria-invalid"); | ||
+ | $(el).attr("aria-invalid", (original !== undefined ? original : false)); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | $form.find("input,select,textarea").not($this).not("[name=\"" + $this.attr("name") + "\"]").trigger("validationLostFocus.validation"); | ||
+ | |||
+ | errorsFound = $.unique(errorsFound.sort()); | ||
+ | |||
+ | // Were there any errors? | ||
+ | if (errorsFound.length) { | ||
+ | // Better flag it up as a warning. | ||
+ | $controlGroup.removeClass("has-success has-error").addClass("has-warning"); | ||
+ | |||
+ | // How many errors did we find? | ||
+ | if (settings.options.semanticallyStrict && errorsFound.length === 1) { | ||
+ | // Only one? Being strict? Just output it. | ||
+ | $helpBlock.html(errorsFound[0] + | ||
+ | ( settings.options.prependExistingHelpBlock ? $helpBlock.data("original-contents") : "" )); | ||
+ | } else { | ||
+ | // Multiple? Being sloppy? Glue them together into an UL. | ||
+ | $helpBlock.html("<ul role=\"alert\"><li>" + errorsFound.join("</li><li>") + "</li></ul>" + | ||
+ | ( settings.options.prependExistingHelpBlock ? $helpBlock.data("original-contents") : "" )); | ||
+ | } | ||
+ | } else { | ||
+ | $controlGroup.removeClass("has-warning has-error has-success"); | ||
+ | if (value.length > 0) { | ||
+ | $controlGroup.addClass("has-success"); | ||
+ | } | ||
+ | $helpBlock.html($helpBlock.data("original-contents")); | ||
+ | } | ||
+ | |||
+ | if (e.type === "blur") { | ||
+ | $controlGroup.removeClass("has-success"); | ||
+ | } | ||
+ | } | ||
+ | ); | ||
+ | $this.bind("validationLostFocus.validation", function () { | ||
+ | $controlGroup.removeClass("has-success"); | ||
+ | }); | ||
+ | }); | ||
+ | }, | ||
+ | destroy : function( ) { | ||
+ | |||
+ | return this.each( | ||
+ | function() { | ||
+ | |||
+ | var | ||
+ | $this = $(this), | ||
+ | $controlGroup = $this.parents(".control-group").first(), | ||
+ | $helpBlock = $controlGroup.find(".help-block").first(); | ||
+ | |||
+ | // remove our events | ||
+ | $this.unbind('.validation'); // events are namespaced. | ||
+ | // reset help text | ||
+ | $helpBlock.html($helpBlock.data("original-contents")); | ||
+ | // reset classes | ||
+ | $controlGroup.attr("class", $controlGroup.data("original-classes")); | ||
+ | // reset aria | ||
+ | $this.attr("aria-invalid", $this.data("original-aria-invalid")); | ||
+ | // reset role | ||
+ | $helpBlock.attr("role", $this.data("original-role")); | ||
+ | // remove all elements we created | ||
+ | if (createdElements.indexOf($helpBlock[0]) > -1) { | ||
+ | $helpBlock.remove(); | ||
+ | } | ||
+ | |||
+ | } | ||
+ | ); | ||
+ | |||
+ | }, | ||
+ | collectErrors : function(includeEmpty) { | ||
+ | |||
+ | var errorMessages = {}; | ||
+ | this.each(function (i, el) { | ||
+ | var $el = $(el); | ||
+ | var name = $el.attr("name"); | ||
+ | var errors = $el.triggerHandler("validation.validation", {includeEmpty: true}); | ||
+ | errorMessages[name] = $.extend(true, errors, errorMessages[name]); | ||
+ | }); | ||
+ | |||
+ | $.each(errorMessages, function (i, el) { | ||
+ | if (el.length === 0) { | ||
+ | delete errorMessages[i]; | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | return errorMessages; | ||
+ | |||
+ | }, | ||
+ | hasErrors: function() { | ||
+ | |||
+ | var errorMessages = []; | ||
+ | |||
+ | this.each(function (i, el) { | ||
+ | errorMessages = errorMessages.concat( | ||
+ | $(el).triggerHandler("getValidators.validation") ? $(el).triggerHandler("validation.validation", {submitting: true}) : [] | ||
+ | ); | ||
+ | }); | ||
+ | |||
+ | return (errorMessages.length > 0); | ||
+ | }, | ||
+ | override : function (newDefaults) { | ||
+ | defaults = $.extend(true, defaults, newDefaults); | ||
+ | } | ||
+ | }, | ||
+ | validatorTypes: { | ||
+ | callback: { | ||
+ | name: "callback", | ||
+ | init: function ($this, name) { | ||
+ | return { | ||
+ | validatorName: name, | ||
+ | callback: $this.data("validation" + name + "Callback"), | ||
+ | lastValue: $this.val(), | ||
+ | lastValid: true, | ||
+ | lastFinished: true | ||
+ | }; | ||
+ | }, | ||
+ | validate: function ($this, value, validator) { | ||
+ | if (validator.lastValue === value && validator.lastFinished) { | ||
+ | return !validator.lastValid; | ||
+ | } | ||
+ | |||
+ | if (validator.lastFinished === true) | ||
+ | { | ||
+ | validator.lastValue = value; | ||
+ | validator.lastValid = true; | ||
+ | validator.lastFinished = false; | ||
+ | |||
+ | var rrjqbvValidator = validator; | ||
+ | var rrjqbvThis = $this; | ||
+ | executeFunctionByName( | ||
+ | validator.callback, | ||
+ | window, | ||
+ | $this, | ||
+ | value, | ||
+ | function (data) { | ||
+ | if (rrjqbvValidator.lastValue === data.value) { | ||
+ | rrjqbvValidator.lastValid = data.valid; | ||
+ | if (data.message) { | ||
+ | rrjqbvValidator.message = data.message; | ||
+ | } | ||
+ | rrjqbvValidator.lastFinished = true; | ||
+ | rrjqbvThis.data("validation" + rrjqbvValidator.validatorName + "Message", rrjqbvValidator.message); | ||
+ | // Timeout is set to avoid problems with the events being considered 'already fired' | ||
+ | setTimeout(function () { | ||
+ | rrjqbvThis.trigger("change.validation"); | ||
+ | }, 1); // doesn't need a long timeout, just long enough for the event bubble to burst | ||
+ | } | ||
+ | } | ||
+ | ); | ||
+ | } | ||
+ | |||
+ | return false; | ||
+ | |||
+ | } | ||
+ | }, | ||
+ | ajax: { | ||
+ | name: "ajax", | ||
+ | init: function ($this, name) { | ||
+ | return { | ||
+ | validatorName: name, | ||
+ | url: $this.data("validation" + name + "Ajax"), | ||
+ | lastValue: $this.val(), | ||
+ | lastValid: true, | ||
+ | lastFinished: true | ||
+ | }; | ||
+ | }, | ||
+ | validate: function ($this, value, validator) { | ||
+ | if (""+validator.lastValue === ""+value && validator.lastFinished === true) { | ||
+ | return validator.lastValid === false; | ||
+ | } | ||
+ | |||
+ | if (validator.lastFinished === true) | ||
+ | { | ||
+ | validator.lastValue = value; | ||
+ | validator.lastValid = true; | ||
+ | validator.lastFinished = false; | ||
+ | $.ajax({ | ||
+ | url: validator.url, | ||
+ | data: "value=" + value + "&field=" + $this.attr("name"), | ||
+ | dataType: "json", | ||
+ | success: function (data) { | ||
+ | if (""+validator.lastValue === ""+data.value) { | ||
+ | validator.lastValid = !!(data.valid); | ||
+ | if (data.message) { | ||
+ | validator.message = data.message; | ||
+ | } | ||
+ | validator.lastFinished = true; | ||
+ | $this.data("validation" + validator.validatorName + "Message", validator.message); | ||
+ | // Timeout is set to avoid problems with the events being considered 'already fired' | ||
+ | setTimeout(function () { | ||
+ | $this.trigger("change.validation"); | ||
+ | }, 1); // doesn't need a long timeout, just long enough for the event bubble to burst | ||
+ | } | ||
+ | }, | ||
+ | failure: function () { | ||
+ | validator.lastValid = true; | ||
+ | validator.message = "ajax call failed"; | ||
+ | validator.lastFinished = true; | ||
+ | $this.data("validation" + validator.validatorName + "Message", validator.message); | ||
+ | // Timeout is set to avoid problems with the events being considered 'already fired' | ||
+ | setTimeout(function () { | ||
+ | $this.trigger("change.validation"); | ||
+ | }, 1); // doesn't need a long timeout, just long enough for the event bubble to burst | ||
+ | } | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | return false; | ||
+ | |||
+ | } | ||
+ | }, | ||
+ | regex: { | ||
+ | name: "regex", | ||
+ | init: function ($this, name) { | ||
+ | return {regex: regexFromString($this.data("validation" + name + "Regex"))}; | ||
+ | }, | ||
+ | validate: function ($this, value, validator) { | ||
+ | return (!validator.regex.test(value) && ! validator.negative) | ||
+ | || (validator.regex.test(value) && validator.negative); | ||
+ | } | ||
+ | }, | ||
+ | required: { | ||
+ | name: "required", | ||
+ | init: function ($this, name) { | ||
+ | return {}; | ||
+ | }, | ||
+ | validate: function ($this, value, validator) { | ||
+ | return !!(value.length === 0 && ! validator.negative) | ||
+ | || !!(value.length > 0 && validator.negative); | ||
+ | }, | ||
+ | blockSubmit: true | ||
+ | }, | ||
+ | match: { | ||
+ | name: "match", | ||
+ | init: function ($this, name) { | ||
+ | var element = $this.parents("form").first().find("[name=\"" + $this.data("validation" + name + "Match") + "\"]").first(); | ||
+ | element.bind("validation.validation", function () { | ||
+ | $this.trigger("change.validation", {submitting: true}); | ||
+ | }); | ||
+ | return {"element": element}; | ||
+ | }, | ||
+ | validate: function ($this, value, validator) { | ||
+ | return (value !== validator.element.val() && ! validator.negative) | ||
+ | || (value === validator.element.val() && validator.negative); | ||
+ | }, | ||
+ | blockSubmit: true | ||
+ | }, | ||
+ | max: { | ||
+ | name: "max", | ||
+ | init: function ($this, name) { | ||
+ | return {max: $this.data("validation" + name + "Max")}; | ||
+ | }, | ||
+ | validate: function ($this, value, validator) { | ||
+ | return (parseFloat(value, 10) > parseFloat(validator.max, 10) && ! validator.negative) | ||
+ | || (parseFloat(value, 10) <= parseFloat(validator.max, 10) && validator.negative); | ||
+ | } | ||
+ | }, | ||
+ | min: { | ||
+ | name: "min", | ||
+ | init: function ($this, name) { | ||
+ | return {min: $this.data("validation" + name + "Min")}; | ||
+ | }, | ||
+ | validate: function ($this, value, validator) { | ||
+ | return (parseFloat(value) < parseFloat(validator.min) && ! validator.negative) | ||
+ | || (parseFloat(value) >= parseFloat(validator.min) && validator.negative); | ||
+ | } | ||
+ | }, | ||
+ | maxlength: { | ||
+ | name: "maxlength", | ||
+ | init: function ($this, name) { | ||
+ | return {maxlength: $this.data("validation" + name + "Maxlength")}; | ||
+ | }, | ||
+ | validate: function ($this, value, validator) { | ||
+ | return ((value.length > validator.maxlength) && ! validator.negative) | ||
+ | || ((value.length <= validator.maxlength) && validator.negative); | ||
+ | } | ||
+ | }, | ||
+ | minlength: { | ||
+ | name: "minlength", | ||
+ | init: function ($this, name) { | ||
+ | return {minlength: $this.data("validation" + name + "Minlength")}; | ||
+ | }, | ||
+ | validate: function ($this, value, validator) { | ||
+ | return ((value.length < validator.minlength) && ! validator.negative) | ||
+ | || ((value.length >= validator.minlength) && validator.negative); | ||
+ | } | ||
+ | }, | ||
+ | maxchecked: { | ||
+ | name: "maxchecked", | ||
+ | init: function ($this, name) { | ||
+ | var elements = $this.parents("form").first().find("[name=\"" + $this.attr("name") + "\"]"); | ||
+ | elements.bind("click.validation", function () { | ||
+ | $this.trigger("change.validation", {includeEmpty: true}); | ||
+ | }); | ||
+ | return {maxchecked: $this.data("validation" + name + "Maxchecked"), elements: elements}; | ||
+ | }, | ||
+ | validate: function ($this, value, validator) { | ||
+ | return (validator.elements.filter(":checked").length > validator.maxchecked && ! validator.negative) | ||
+ | || (validator.elements.filter(":checked").length <= validator.maxchecked && validator.negative); | ||
+ | }, | ||
+ | blockSubmit: true | ||
+ | }, | ||
+ | minchecked: { | ||
+ | name: "minchecked", | ||
+ | init: function ($this, name) { | ||
+ | var elements = $this.parents("form").first().find("[name=\"" + $this.attr("name") + "\"]"); | ||
+ | elements.bind("click.validation", function () { | ||
+ | $this.trigger("change.validation", {includeEmpty: true}); | ||
+ | }); | ||
+ | return {minchecked: $this.data("validation" + name + "Minchecked"), elements: elements}; | ||
+ | }, | ||
+ | validate: function ($this, value, validator) { | ||
+ | return (validator.elements.filter(":checked").length < validator.minchecked && ! validator.negative) | ||
+ | || (validator.elements.filter(":checked").length >= validator.minchecked && validator.negative); | ||
+ | }, | ||
+ | blockSubmit: true | ||
+ | } | ||
+ | }, | ||
+ | builtInValidators: { | ||
+ | email: { | ||
+ | name: "Email", | ||
+ | type: "shortcut", | ||
+ | shortcut: "validemail" | ||
+ | }, | ||
+ | validemail: { | ||
+ | name: "Validemail", | ||
+ | type: "regex", | ||
+ | regex: "[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\\.[A-Za-z]{2,4}", | ||
+ | message: "Not a valid email address<!-- data-validator-validemail-message to override -->" | ||
+ | }, | ||
+ | passwordagain: { | ||
+ | name: "Passwordagain", | ||
+ | type: "match", | ||
+ | match: "password", | ||
+ | message: "Does not match the given password<!-- data-validator-paswordagain-message to override -->" | ||
+ | }, | ||
+ | positive: { | ||
+ | name: "Positive", | ||
+ | type: "shortcut", | ||
+ | shortcut: "number,positivenumber" | ||
+ | }, | ||
+ | negative: { | ||
+ | name: "Negative", | ||
+ | type: "shortcut", | ||
+ | shortcut: "number,negativenumber" | ||
+ | }, | ||
+ | number: { | ||
+ | name: "Number", | ||
+ | type: "regex", | ||
+ | regex: "([+-]?\\\d+(\\\.\\\d*)?([eE][+-]?[0-9]+)?)?", | ||
+ | message: "Must be a number<!-- data-validator-number-message to override -->" | ||
+ | }, | ||
+ | integer: { | ||
+ | name: "Integer", | ||
+ | type: "regex", | ||
+ | regex: "[+-]?\\\d+", | ||
+ | message: "No decimal places allowed<!-- data-validator-integer-message to override -->" | ||
+ | }, | ||
+ | positivenumber: { | ||
+ | name: "Positivenumber", | ||
+ | type: "min", | ||
+ | min: 0, | ||
+ | message: "Must be a positive number<!-- data-validator-positivenumber-message to override -->" | ||
+ | }, | ||
+ | negativenumber: { | ||
+ | name: "Negativenumber", | ||
+ | type: "max", | ||
+ | max: 0, | ||
+ | message: "Must be a negative number<!-- data-validator-negativenumber-message to override -->" | ||
+ | }, | ||
+ | required: { | ||
+ | name: "Required", | ||
+ | type: "required", | ||
+ | message: "This is required<!-- data-validator-required-message to override -->" | ||
+ | }, | ||
+ | checkone: { | ||
+ | name: "Checkone", | ||
+ | type: "minchecked", | ||
+ | minchecked: 1, | ||
+ | message: "Check at least one option<!-- data-validation-checkone-message to override -->" | ||
+ | } | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | var formatValidatorName = function (name) { | ||
+ | return name | ||
+ | .toLowerCase() | ||
+ | .replace( | ||
+ | /(^|\s)([a-z])/g , | ||
+ | function(m,p1,p2) { | ||
+ | return p1+p2.toUpperCase(); | ||
+ | } | ||
+ | ) | ||
+ | ; | ||
+ | }; | ||
+ | |||
+ | var getValue = function ($this) { | ||
+ | // Extract the value we're talking about | ||
+ | var value = $this.val(); | ||
+ | var type = $this.attr("type"); | ||
+ | if (type === "checkbox") { | ||
+ | value = ($this.is(":checked") ? value : ""); | ||
+ | } | ||
+ | if (type === "radio") { | ||
+ | value = ($('input[name="' + $this.attr("name") + '"]:checked').length > 0 ? value : ""); | ||
+ | } | ||
+ | return value; | ||
+ | }; | ||
+ | |||
+ | function regexFromString(inputstring) { | ||
+ | return new RegExp("^" + inputstring + "$"); | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Thanks to Jason Bunting via StackOverflow.com | ||
+ | * | ||
+ | * http://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string#answer-359910 | ||
+ | * Short link: http://tinyurl.com/executeFunctionByName | ||
+ | **/ | ||
+ | function executeFunctionByName(functionName, context /*, args*/) { | ||
+ | var args = Array.prototype.slice.call(arguments).splice(2); | ||
+ | var namespaces = functionName.split("."); | ||
+ | var func = namespaces.pop(); | ||
+ | for(var i = 0; i < namespaces.length; i++) { | ||
+ | context = context[namespaces[i]]; | ||
+ | } | ||
+ | return context[func].apply(this, args); | ||
+ | } | ||
+ | |||
+ | $.fn.jqBootstrapValidation = function( method ) { | ||
+ | |||
+ | if ( defaults.methods[method] ) { | ||
+ | return defaults.methods[method].apply( this, Array.prototype.slice.call( arguments, 1 )); | ||
+ | } else if ( typeof method === 'object' || ! method ) { | ||
+ | return defaults.methods.init.apply( this, arguments ); | ||
+ | } else { | ||
+ | $.error( 'Method ' + method + ' does not exist on jQuery.jqBootstrapValidation' ); | ||
+ | return null; | ||
+ | } | ||
+ | |||
+ | }; | ||
+ | |||
+ | $.jqBootstrapValidation = function (options) { | ||
+ | $(":input").not("[type=image],[type=submit]").jqBootstrapValidation.apply(this,arguments); | ||
+ | }; | ||
+ | |||
+ | })( jQuery ); | ||
Revision as of 12:46, 7 August 2014
/*!
* Bootstrap v3.2.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript requires jQuery') }
/* ========================================================================
* Bootstrap: transition.js v3.2.0 * http://getbootstrap.com/javascript/#transitions * ======================================================================== * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */
+function ($) {
'use strict';
// CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) // ============================================================
function transitionEnd() { var el = document.createElement('bootstrap')
var transEndEventNames = { WebkitTransition : 'webkitTransitionEnd', MozTransition : 'transitionend', OTransition : 'oTransitionEnd otransitionend', transition : 'transitionend' }
for (var name in transEndEventNames) { if (el.style[name] !== undefined) { return { end: transEndEventNames[name] } } }
return false // explicit for ie8 ( ._.) }
// http://blog.alexmaccaw.com/css-transitions $.fn.emulateTransitionEnd = function (duration) { var called = false var $el = this $(this).one('bsTransitionEnd', function () { called = true }) var callback = function () { if (!called) $($el).trigger($.support.transition.end) } setTimeout(callback, duration) return this }
$(function () { $.support.transition = transitionEnd()
if (!$.support.transition) return
$.event.special.bsTransitionEnd = { bindType: $.support.transition.end, delegateType: $.support.transition.end, handle: function (e) { if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) } } })
}(jQuery);
/* ========================================================================
* Bootstrap: alert.js v3.2.0 * http://getbootstrap.com/javascript/#alerts * ======================================================================== * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */
+function ($) {
'use strict';
// ALERT CLASS DEFINITION // ======================
var dismiss = '[data-dismiss="alert"]' var Alert = function (el) { $(el).on('click', dismiss, this.close) }
Alert.VERSION = '3.2.0'
Alert.prototype.close = function (e) { var $this = $(this) var selector = $this.attr('data-target')
if (!selector) { selector = $this.attr('href') selector = selector && selector.replace(/.*(?=#[^\s]*$)/, ) // strip for ie7 }
var $parent = $(selector)
if (e) e.preventDefault()
if (!$parent.length) { $parent = $this.hasClass('alert') ? $this : $this.parent() }
$parent.trigger(e = $.Event('close.bs.alert'))
if (e.isDefaultPrevented()) return
$parent.removeClass('in')
function removeElement() { // detach from parent, fire event then clean up data $parent.detach().trigger('closed.bs.alert').remove() }
$.support.transition && $parent.hasClass('fade') ? $parent .one('bsTransitionEnd', removeElement) .emulateTransitionEnd(150) : removeElement() }
// ALERT PLUGIN DEFINITION // =======================
function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.alert')
if (!data) $this.data('bs.alert', (data = new Alert(this))) if (typeof option == 'string') data[option].call($this) }) }
var old = $.fn.alert
$.fn.alert = Plugin $.fn.alert.Constructor = Alert
// ALERT NO CONFLICT // =================
$.fn.alert.noConflict = function () { $.fn.alert = old return this }
// ALERT DATA-API // ==============
$(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close)
}(jQuery);
/* ========================================================================
* Bootstrap: button.js v3.2.0 * http://getbootstrap.com/javascript/#buttons * ======================================================================== * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */
+function ($) {
'use strict';
// BUTTON PUBLIC CLASS DEFINITION // ==============================
var Button = function (element, options) { this.$element = $(element) this.options = $.extend({}, Button.DEFAULTS, options) this.isLoading = false }
Button.VERSION = '3.2.0'
Button.DEFAULTS = { loadingText: 'loading...' }
Button.prototype.setState = function (state) { var d = 'disabled' var $el = this.$element var val = $el.is('input') ? 'val' : 'html' var data = $el.data()
state = state + 'Text'
if (data.resetText == null) $el.data('resetText', $el[val]())
$el[val](data[state] == null ? this.options[state] : data[state])
// push to event loop to allow forms to submit setTimeout($.proxy(function () { if (state == 'loadingText') { this.isLoading = true $el.addClass(d).attr(d, d) } else if (this.isLoading) { this.isLoading = false $el.removeClass(d).removeAttr(d) } }, this), 0) }
Button.prototype.toggle = function () { var changed = true var $parent = this.$element.closest('[data-toggle="buttons"]')
if ($parent.length) { var $input = this.$element.find('input') if ($input.prop('type') == 'radio') { if ($input.prop('checked') && this.$element.hasClass('active')) changed = false else $parent.find('.active').removeClass('active') } if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change') }
if (changed) this.$element.toggleClass('active') }
// BUTTON PLUGIN DEFINITION // ========================
function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.button') var options = typeof option == 'object' && option
if (!data) $this.data('bs.button', (data = new Button(this, options)))
if (option == 'toggle') data.toggle() else if (option) data.setState(option) }) }
var old = $.fn.button
$.fn.button = Plugin $.fn.button.Constructor = Button
// BUTTON NO CONFLICT // ==================
$.fn.button.noConflict = function () { $.fn.button = old return this }
// BUTTON DATA-API // ===============
$(document).on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) { var $btn = $(e.target) if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') Plugin.call($btn, 'toggle') e.preventDefault() })
}(jQuery);
/* ========================================================================
* Bootstrap: carousel.js v3.2.0 * http://getbootstrap.com/javascript/#carousel * ======================================================================== * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */
+function ($) {
'use strict';
// CAROUSEL CLASS DEFINITION // =========================
var Carousel = function (element, options) { this.$element = $(element).on('keydown.bs.carousel', $.proxy(this.keydown, this)) this.$indicators = this.$element.find('.carousel-indicators') this.options = options this.paused = this.sliding = this.interval = this.$active = this.$items = null
this.options.pause == 'hover' && this.$element .on('mouseenter.bs.carousel', $.proxy(this.pause, this)) .on('mouseleave.bs.carousel', $.proxy(this.cycle, this)) }
Carousel.VERSION = '3.2.0'
Carousel.DEFAULTS = { interval: 5000, pause: 'hover', wrap: true }
Carousel.prototype.keydown = function (e) { switch (e.which) { case 37: this.prev(); break case 39: this.next(); break default: return }
e.preventDefault() }
Carousel.prototype.cycle = function (e) { e || (this.paused = false)
this.interval && clearInterval(this.interval)
this.options.interval && !this.paused && (this.interval = setInterval($.proxy(this.next, this), this.options.interval))
return this }
Carousel.prototype.getItemIndex = function (item) { this.$items = item.parent().children('.item') return this.$items.index(item || this.$active) }
Carousel.prototype.to = function (pos) { var that = this var activeIndex = this.getItemIndex(this.$active = this.$element.find('.item.active'))
if (pos > (this.$items.length - 1) || pos < 0) return
if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) // yes, "slid" if (activeIndex == pos) return this.pause().cycle()
return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) }
Carousel.prototype.pause = function (e) { e || (this.paused = true)
if (this.$element.find('.next, .prev').length && $.support.transition) { this.$element.trigger($.support.transition.end) this.cycle(true) }
this.interval = clearInterval(this.interval)
return this }
Carousel.prototype.next = function () { if (this.sliding) return return this.slide('next') }
Carousel.prototype.prev = function () { if (this.sliding) return return this.slide('prev') }
Carousel.prototype.slide = function (type, next) { var $active = this.$element.find('.item.active') var $next = next || $active[type]() var isCycling = this.interval var direction = type == 'next' ? 'left' : 'right' var fallback = type == 'next' ? 'first' : 'last' var that = this
if (!$next.length) { if (!this.options.wrap) return $next = this.$element.find('.item')[fallback]() }
if ($next.hasClass('active')) return (this.sliding = false)
var relatedTarget = $next[0] var slideEvent = $.Event('slide.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) this.$element.trigger(slideEvent) if (slideEvent.isDefaultPrevented()) return
this.sliding = true
isCycling && this.pause()
if (this.$indicators.length) { this.$indicators.find('.active').removeClass('active') var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)]) $nextIndicator && $nextIndicator.addClass('active') }
var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) // yes, "slid" if ($.support.transition && this.$element.hasClass('slide')) { $next.addClass(type) $next[0].offsetWidth // force reflow $active.addClass(direction) $next.addClass(direction) $active .one('bsTransitionEnd', function () { $next.removeClass([type, direction].join(' ')).addClass('active') $active.removeClass(['active', direction].join(' ')) that.sliding = false setTimeout(function () { that.$element.trigger(slidEvent) }, 0) }) .emulateTransitionEnd($active.css('transition-duration').slice(0, -1) * 1000) } else { $active.removeClass('active') $next.addClass('active') this.sliding = false this.$element.trigger(slidEvent) }
isCycling && this.cycle()
return this }
// CAROUSEL PLUGIN DEFINITION // ==========================
function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.carousel') var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) var action = typeof option == 'string' ? option : options.slide
if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) if (typeof option == 'number') data.to(option) else if (action) data[action]() else if (options.interval) data.pause().cycle() }) }
var old = $.fn.carousel
$.fn.carousel = Plugin $.fn.carousel.Constructor = Carousel
// CAROUSEL NO CONFLICT // ====================
$.fn.carousel.noConflict = function () { $.fn.carousel = old return this }
// CAROUSEL DATA-API // =================
$(document).on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { var href var $this = $(this) var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, )) // strip for ie7 if (!$target.hasClass('carousel')) return var options = $.extend({}, $target.data(), $this.data()) var slideIndex = $this.attr('data-slide-to') if (slideIndex) options.interval = false
Plugin.call($target, options)
if (slideIndex) { $target.data('bs.carousel').to(slideIndex) }
e.preventDefault() })
$(window).on('load', function () { $('[data-ride="carousel"]').each(function () { var $carousel = $(this) Plugin.call($carousel, $carousel.data()) }) })
}(jQuery);
/* ========================================================================
* Bootstrap: collapse.js v3.2.0 * http://getbootstrap.com/javascript/#collapse * ======================================================================== * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */
+function ($) {
'use strict';
// COLLAPSE PUBLIC CLASS DEFINITION // ================================
var Collapse = function (element, options) { this.$element = $(element) this.options = $.extend({}, Collapse.DEFAULTS, options) this.transitioning = null
if (this.options.parent) this.$parent = $(this.options.parent) if (this.options.toggle) this.toggle() }
Collapse.VERSION = '3.2.0'
Collapse.DEFAULTS = { toggle: true }
Collapse.prototype.dimension = function () { var hasWidth = this.$element.hasClass('width') return hasWidth ? 'width' : 'height' }
Collapse.prototype.show = function () { if (this.transitioning || this.$element.hasClass('in')) return
var startEvent = $.Event('show.bs.collapse') this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return
var actives = this.$parent && this.$parent.find('> .panel > .in')
if (actives && actives.length) { var hasData = actives.data('bs.collapse') if (hasData && hasData.transitioning) return Plugin.call(actives, 'hide') hasData || actives.data('bs.collapse', null) }
var dimension = this.dimension()
this.$element .removeClass('collapse') .addClass('collapsing')[dimension](0)
this.transitioning = 1
var complete = function () { this.$element .removeClass('collapsing') .addClass('collapse in')[dimension]() this.transitioning = 0 this.$element .trigger('shown.bs.collapse') }
if (!$.support.transition) return complete.call(this)
var scrollSize = $.camelCase(['scroll', dimension].join('-'))
this.$element .one('bsTransitionEnd', $.proxy(complete, this)) .emulateTransitionEnd(350)[dimension](this.$element[0][scrollSize]) }
Collapse.prototype.hide = function () { if (this.transitioning || !this.$element.hasClass('in')) return
var startEvent = $.Event('hide.bs.collapse') this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return
var dimension = this.dimension()
this.$element[dimension](this.$element[dimension]())[0].offsetHeight
this.$element .addClass('collapsing') .removeClass('collapse') .removeClass('in')
this.transitioning = 1
var complete = function () { this.transitioning = 0 this.$element .trigger('hidden.bs.collapse') .removeClass('collapsing') .addClass('collapse') }
if (!$.support.transition) return complete.call(this)
this.$element [dimension](0) .one('bsTransitionEnd', $.proxy(complete, this)) .emulateTransitionEnd(350) }
Collapse.prototype.toggle = function () { this[this.$element.hasClass('in') ? 'hide' : 'show']() }
// COLLAPSE PLUGIN DEFINITION // ==========================
function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.collapse') var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option)
if (!data && options.toggle && option == 'show') option = !option if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) if (typeof option == 'string') data[option]() }) }
var old = $.fn.collapse
$.fn.collapse = Plugin $.fn.collapse.Constructor = Collapse
// COLLAPSE NO CONFLICT // ====================
$.fn.collapse.noConflict = function () { $.fn.collapse = old return this }
// COLLAPSE DATA-API // =================
$(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) { var href var $this = $(this) var target = $this.attr('data-target') || e.preventDefault() || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, ) // strip for ie7 var $target = $(target) var data = $target.data('bs.collapse') var option = data ? 'toggle' : $this.data() var parent = $this.attr('data-parent') var $parent = parent && $(parent)
if (!data || !data.transitioning) { if ($parent) $parent.find('[data-toggle="collapse"][data-parent="' + parent + '"]').not($this).addClass('collapsed') $this[$target.hasClass('in') ? 'addClass' : 'removeClass']('collapsed') }
Plugin.call($target, option) })
}(jQuery);
/* ========================================================================
* Bootstrap: dropdown.js v3.2.0 * http://getbootstrap.com/javascript/#dropdowns * ======================================================================== * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */
+function ($) {
'use strict';
// DROPDOWN CLASS DEFINITION // =========================
var backdrop = '.dropdown-backdrop' var toggle = '[data-toggle="dropdown"]' var Dropdown = function (element) { $(element).on('click.bs.dropdown', this.toggle) }
Dropdown.VERSION = '3.2.0'
Dropdown.prototype.toggle = function (e) { var $this = $(this)
if ($this.is('.disabled, :disabled')) return
var $parent = getParent($this) var isActive = $parent.hasClass('open')
clearMenus()
if (!isActive) { if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { // if mobile we use a backdrop because click events don't delegate $('<div class="dropdown-backdrop"/>').insertAfter($(this)).on('click', clearMenus) }
var relatedTarget = { relatedTarget: this } $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget))
if (e.isDefaultPrevented()) return
$this.trigger('focus')
$parent .toggleClass('open') .trigger('shown.bs.dropdown', relatedTarget) }
return false }
Dropdown.prototype.keydown = function (e) { if (!/(38|40|27)/.test(e.keyCode)) return
var $this = $(this)
e.preventDefault() e.stopPropagation()
if ($this.is('.disabled, :disabled')) return
var $parent = getParent($this) var isActive = $parent.hasClass('open')
if (!isActive || (isActive && e.keyCode == 27)) { if (e.which == 27) $parent.find(toggle).trigger('focus') return $this.trigger('click') }
var desc = ' li:not(.divider):visible a' var $items = $parent.find('[role="menu"]' + desc + ', [role="listbox"]' + desc)
if (!$items.length) return
var index = $items.index($items.filter(':focus'))
if (e.keyCode == 38 && index > 0) index-- // up if (e.keyCode == 40 && index < $items.length - 1) index++ // down if (!~index) index = 0
$items.eq(index).trigger('focus') }
function clearMenus(e) { if (e && e.which === 3) return $(backdrop).remove() $(toggle).each(function () { var $parent = getParent($(this)) var relatedTarget = { relatedTarget: this } if (!$parent.hasClass('open')) return $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) if (e.isDefaultPrevented()) return $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget) }) }
function getParent($this) { var selector = $this.attr('data-target')
if (!selector) { selector = $this.attr('href') selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, ) // strip for ie7 }
var $parent = selector && $(selector)
return $parent && $parent.length ? $parent : $this.parent() }
// DROPDOWN PLUGIN DEFINITION // ==========================
function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.dropdown')
if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))) if (typeof option == 'string') data[option].call($this) }) }
var old = $.fn.dropdown
$.fn.dropdown = Plugin $.fn.dropdown.Constructor = Dropdown
// DROPDOWN NO CONFLICT // ====================
$.fn.dropdown.noConflict = function () { $.fn.dropdown = old return this }
// APPLY TO STANDARD DROPDOWN ELEMENTS // ===================================
$(document) .on('click.bs.dropdown.data-api', clearMenus) .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) .on('keydown.bs.dropdown.data-api', toggle + ', [role="menu"], [role="listbox"]', Dropdown.prototype.keydown)
}(jQuery);
/* ========================================================================
* Bootstrap: modal.js v3.2.0 * http://getbootstrap.com/javascript/#modals * ======================================================================== * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */
+function ($) {
'use strict';
// MODAL CLASS DEFINITION // ======================
var Modal = function (element, options) { this.options = options this.$body = $(document.body) this.$element = $(element) this.$backdrop = this.isShown = null this.scrollbarWidth = 0
if (this.options.remote) { this.$element .find('.modal-content') .load(this.options.remote, $.proxy(function () { this.$element.trigger('loaded.bs.modal') }, this)) } }
Modal.VERSION = '3.2.0'
Modal.DEFAULTS = { backdrop: true, keyboard: true, show: true }
Modal.prototype.toggle = function (_relatedTarget) { return this.isShown ? this.hide() : this.show(_relatedTarget) }
Modal.prototype.show = function (_relatedTarget) { var that = this var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget })
this.$element.trigger(e)
if (this.isShown || e.isDefaultPrevented()) return
this.isShown = true
this.checkScrollbar() this.$body.addClass('modal-open')
this.setScrollbar() this.escape()
this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this))
this.backdrop(function () { var transition = $.support.transition && that.$element.hasClass('fade')
if (!that.$element.parent().length) { that.$element.appendTo(that.$body) // don't move modals dom position }
that.$element .show() .scrollTop(0)
if (transition) { that.$element[0].offsetWidth // force reflow }
that.$element .addClass('in') .attr('aria-hidden', false)
that.enforceFocus()
var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget })
transition ? that.$element.find('.modal-dialog') // wait for modal to slide in .one('bsTransitionEnd', function () { that.$element.trigger('focus').trigger(e) }) .emulateTransitionEnd(300) : that.$element.trigger('focus').trigger(e) }) }
Modal.prototype.hide = function (e) { if (e) e.preventDefault()
e = $.Event('hide.bs.modal')
this.$element.trigger(e)
if (!this.isShown || e.isDefaultPrevented()) return
this.isShown = false
this.$body.removeClass('modal-open')
this.resetScrollbar() this.escape()
$(document).off('focusin.bs.modal')
this.$element .removeClass('in') .attr('aria-hidden', true) .off('click.dismiss.bs.modal')
$.support.transition && this.$element.hasClass('fade') ? this.$element .one('bsTransitionEnd', $.proxy(this.hideModal, this)) .emulateTransitionEnd(300) : this.hideModal() }
Modal.prototype.enforceFocus = function () { $(document) .off('focusin.bs.modal') // guard against infinite focus loop .on('focusin.bs.modal', $.proxy(function (e) { if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { this.$element.trigger('focus') } }, this)) }
Modal.prototype.escape = function () { if (this.isShown && this.options.keyboard) { this.$element.on('keyup.dismiss.bs.modal', $.proxy(function (e) { e.which == 27 && this.hide() }, this)) } else if (!this.isShown) { this.$element.off('keyup.dismiss.bs.modal') } }
Modal.prototype.hideModal = function () { var that = this this.$element.hide() this.backdrop(function () { that.$element.trigger('hidden.bs.modal') }) }
Modal.prototype.removeBackdrop = function () { this.$backdrop && this.$backdrop.remove() this.$backdrop = null }
Modal.prototype.backdrop = function (callback) { var that = this var animate = this.$element.hasClass('fade') ? 'fade' :
if (this.isShown && this.options.backdrop) { var doAnimate = $.support.transition && animate
this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />') .appendTo(this.$body)
this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) { if (e.target !== e.currentTarget) return this.options.backdrop == 'static' ? this.$element[0].focus.call(this.$element[0]) : this.hide.call(this) }, this))
if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
this.$backdrop.addClass('in')
if (!callback) return
doAnimate ? this.$backdrop .one('bsTransitionEnd', callback) .emulateTransitionEnd(150) : callback()
} else if (!this.isShown && this.$backdrop) { this.$backdrop.removeClass('in')
var callbackRemove = function () { that.removeBackdrop() callback && callback() } $.support.transition && this.$element.hasClass('fade') ? this.$backdrop .one('bsTransitionEnd', callbackRemove) .emulateTransitionEnd(150) : callbackRemove()
} else if (callback) { callback() } }
Modal.prototype.checkScrollbar = function () { if (document.body.clientWidth >= window.innerWidth) return this.scrollbarWidth = this.scrollbarWidth || this.measureScrollbar() }
Modal.prototype.setScrollbar = function () { var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10) if (this.scrollbarWidth) this.$body.css('padding-right', bodyPad + this.scrollbarWidth) }
Modal.prototype.resetScrollbar = function () { this.$body.css('padding-right', ) }
Modal.prototype.measureScrollbar = function () { // thx walsh var scrollDiv = document.createElement('div') scrollDiv.className = 'modal-scrollbar-measure' this.$body.append(scrollDiv) var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth this.$body[0].removeChild(scrollDiv) return scrollbarWidth }
// MODAL PLUGIN DEFINITION // =======================
function Plugin(option, _relatedTarget) { return this.each(function () { var $this = $(this) var data = $this.data('bs.modal') var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option)
if (!data) $this.data('bs.modal', (data = new Modal(this, options))) if (typeof option == 'string') data[option](_relatedTarget) else if (options.show) data.show(_relatedTarget) }) }
var old = $.fn.modal
$.fn.modal = Plugin $.fn.modal.Constructor = Modal
// MODAL NO CONFLICT // =================
$.fn.modal.noConflict = function () { $.fn.modal = old return this }
// MODAL DATA-API // ==============
$(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) { var $this = $(this) var href = $this.attr('href') var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ))) // strip for ie7 var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data())
if ($this.is('a')) e.preventDefault()
$target.one('show.bs.modal', function (showEvent) { if (showEvent.isDefaultPrevented()) return // only register focus restorer if modal will actually get shown $target.one('hidden.bs.modal', function () { $this.is(':visible') && $this.trigger('focus') }) }) Plugin.call($target, option, this) })
}(jQuery);
/* ========================================================================
* Bootstrap: tooltip.js v3.2.0 * http://getbootstrap.com/javascript/#tooltip * Inspired by the original jQuery.tipsy by Jason Frame * ======================================================================== * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */
+function ($) {
'use strict';
// TOOLTIP PUBLIC CLASS DEFINITION // ===============================
var Tooltip = function (element, options) { this.type = this.options = this.enabled = this.timeout = this.hoverState = this.$element = null
this.init('tooltip', element, options) }
Tooltip.VERSION = '3.2.0'
Tooltip.DEFAULTS = { animation: true, placement: 'top', selector: false,template: '
trigger: 'hover focus', title: , delay: 0, html: false, container: false, viewport: { selector: 'body', padding: 0 } }
Tooltip.prototype.init = function (type, element, options) { this.enabled = true this.type = type this.$element = $(element) this.options = this.getOptions(options) this.$viewport = this.options.viewport && $(this.options.viewport.selector || this.options.viewport)
var triggers = this.options.trigger.split(' ')
for (var i = triggers.length; i--;) { var trigger = triggers[i]
if (trigger == 'click') { this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) } else if (trigger != 'manual') { var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin' var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout'
this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) } }
this.options.selector ? (this._options = $.extend({}, this.options, { trigger: 'manual', selector: })) : this.fixTitle() }
Tooltip.prototype.getDefaults = function () { return Tooltip.DEFAULTS }
Tooltip.prototype.getOptions = function (options) { options = $.extend({}, this.getDefaults(), this.$element.data(), options)
if (options.delay && typeof options.delay == 'number') { options.delay = { show: options.delay, hide: options.delay } }
return options }
Tooltip.prototype.getDelegateOptions = function () { var options = {} var defaults = this.getDefaults()
this._options && $.each(this._options, function (key, value) { if (defaults[key] != value) options[key] = value })
return options }
Tooltip.prototype.enter = function (obj) { var self = obj instanceof this.constructor ? obj : $(obj.currentTarget).data('bs.' + this.type)
if (!self) { self = new this.constructor(obj.currentTarget, this.getDelegateOptions()) $(obj.currentTarget).data('bs.' + this.type, self) }
clearTimeout(self.timeout)
self.hoverState = 'in'
if (!self.options.delay || !self.options.delay.show) return self.show()
self.timeout = setTimeout(function () { if (self.hoverState == 'in') self.show() }, self.options.delay.show) }
Tooltip.prototype.leave = function (obj) { var self = obj instanceof this.constructor ? obj : $(obj.currentTarget).data('bs.' + this.type)
if (!self) { self = new this.constructor(obj.currentTarget, this.getDelegateOptions()) $(obj.currentTarget).data('bs.' + this.type, self) }
clearTimeout(self.timeout)
self.hoverState = 'out'
if (!self.options.delay || !self.options.delay.hide) return self.hide()
self.timeout = setTimeout(function () { if (self.hoverState == 'out') self.hide() }, self.options.delay.hide) }
Tooltip.prototype.show = function () { var e = $.Event('show.bs.' + this.type)
if (this.hasContent() && this.enabled) { this.$element.trigger(e)
var inDom = $.contains(document.documentElement, this.$element[0]) if (e.isDefaultPrevented() || !inDom) return var that = this
var $tip = this.tip()
var tipId = this.getUID(this.type)
this.setContent() $tip.attr('id', tipId) this.$element.attr('aria-describedby', tipId)
if (this.options.animation) $tip.addClass('fade')
var placement = typeof this.options.placement == 'function' ? this.options.placement.call(this, $tip[0], this.$element[0]) : this.options.placement
var autoToken = /\s?auto?\s?/i var autoPlace = autoToken.test(placement) if (autoPlace) placement = placement.replace(autoToken, ) || 'top'
$tip .detach() .css({ top: 0, left: 0, display: 'block' }) .addClass(placement) .data('bs.' + this.type, this)
this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
var pos = this.getPosition() var actualWidth = $tip[0].offsetWidth var actualHeight = $tip[0].offsetHeight
if (autoPlace) { var orgPlacement = placement var $parent = this.$element.parent() var parentDim = this.getPosition($parent)
placement = placement == 'bottom' && pos.top + pos.height + actualHeight - parentDim.scroll > parentDim.height ? 'top' : placement == 'top' && pos.top - parentDim.scroll - actualHeight < 0 ? 'bottom' : placement == 'right' && pos.right + actualWidth > parentDim.width ? 'left' : placement == 'left' && pos.left - actualWidth < parentDim.left ? 'right' : placement
$tip .removeClass(orgPlacement) .addClass(placement) }
var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight)
this.applyPlacement(calculatedOffset, placement)
var complete = function () { that.$element.trigger('shown.bs.' + that.type) that.hoverState = null }
$.support.transition && this.$tip.hasClass('fade') ? $tip .one('bsTransitionEnd', complete) .emulateTransitionEnd(150) : complete() } }
Tooltip.prototype.applyPlacement = function (offset, placement) { var $tip = this.tip() var width = $tip[0].offsetWidth var height = $tip[0].offsetHeight
// manually read margins because getBoundingClientRect includes difference var marginTop = parseInt($tip.css('margin-top'), 10) var marginLeft = parseInt($tip.css('margin-left'), 10)
// we must check for NaN for ie 8/9 if (isNaN(marginTop)) marginTop = 0 if (isNaN(marginLeft)) marginLeft = 0
offset.top = offset.top + marginTop offset.left = offset.left + marginLeft
// $.fn.offset doesn't round pixel values // so we use setOffset directly with our own function B-0 $.offset.setOffset($tip[0], $.extend({ using: function (props) { $tip.css({ top: Math.round(props.top), left: Math.round(props.left) }) } }, offset), 0)
$tip.addClass('in')
// check to see if placing tip in new offset caused the tip to resize itself var actualWidth = $tip[0].offsetWidth var actualHeight = $tip[0].offsetHeight
if (placement == 'top' && actualHeight != height) { offset.top = offset.top + height - actualHeight }
var delta = this.getViewportAdjustedDelta(placement, offset, actualWidth, actualHeight)
if (delta.left) offset.left += delta.left else offset.top += delta.top
var arrowDelta = delta.left ? delta.left * 2 - width + actualWidth : delta.top * 2 - height + actualHeight var arrowPosition = delta.left ? 'left' : 'top' var arrowOffsetPosition = delta.left ? 'offsetWidth' : 'offsetHeight'
$tip.offset(offset) this.replaceArrow(arrowDelta, $tip[0][arrowOffsetPosition], arrowPosition) }
Tooltip.prototype.replaceArrow = function (delta, dimension, position) { this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + '%') : ) }
Tooltip.prototype.setContent = function () { var $tip = this.tip() var title = this.getTitle()
$tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) $tip.removeClass('fade in top bottom left right') }
Tooltip.prototype.hide = function () { var that = this var $tip = this.tip() var e = $.Event('hide.bs.' + this.type)
this.$element.removeAttr('aria-describedby')
function complete() { if (that.hoverState != 'in') $tip.detach() that.$element.trigger('hidden.bs.' + that.type) }
this.$element.trigger(e)
if (e.isDefaultPrevented()) return
$tip.removeClass('in')
$.support.transition && this.$tip.hasClass('fade') ? $tip .one('bsTransitionEnd', complete) .emulateTransitionEnd(150) : complete()
this.hoverState = null
return this }
Tooltip.prototype.fixTitle = function () { var $e = this.$element if ($e.attr('title') || typeof ($e.attr('data-original-title')) != 'string') { $e.attr('data-original-title', $e.attr('title') || ).attr('title', ) } }
Tooltip.prototype.hasContent = function () { return this.getTitle() }
Tooltip.prototype.getPosition = function ($element) { $element = $element || this.$element var el = $element[0] var isBody = el.tagName == 'BODY' return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : null, { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop(), width: isBody ? $(window).width() : $element.outerWidth(), height: isBody ? $(window).height() : $element.outerHeight() }, isBody ? { top: 0, left: 0 } : $element.offset()) }
Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) { return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } : placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } : placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } : /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width }
}
Tooltip.prototype.getViewportAdjustedDelta = function (placement, pos, actualWidth, actualHeight) { var delta = { top: 0, left: 0 } if (!this.$viewport) return delta
var viewportPadding = this.options.viewport && this.options.viewport.padding || 0 var viewportDimensions = this.getPosition(this.$viewport)
if (/right|left/.test(placement)) { var topEdgeOffset = pos.top - viewportPadding - viewportDimensions.scroll var bottomEdgeOffset = pos.top + viewportPadding - viewportDimensions.scroll + actualHeight if (topEdgeOffset < viewportDimensions.top) { // top overflow delta.top = viewportDimensions.top - topEdgeOffset } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { // bottom overflow delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset } } else { var leftEdgeOffset = pos.left - viewportPadding var rightEdgeOffset = pos.left + viewportPadding + actualWidth if (leftEdgeOffset < viewportDimensions.left) { // left overflow delta.left = viewportDimensions.left - leftEdgeOffset } else if (rightEdgeOffset > viewportDimensions.width) { // right overflow delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset } }
return delta }
Tooltip.prototype.getTitle = function () { var title var $e = this.$element var o = this.options
title = $e.attr('data-original-title') || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
return title }
Tooltip.prototype.getUID = function (prefix) { do prefix += ~~(Math.random() * 1000000) while (document.getElementById(prefix)) return prefix }
Tooltip.prototype.tip = function () { return (this.$tip = this.$tip || $(this.options.template)) }
Tooltip.prototype.arrow = function () { return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')) }
Tooltip.prototype.validate = function () { if (!this.$element[0].parentNode) { this.hide() this.$element = null this.options = null } }
Tooltip.prototype.enable = function () { this.enabled = true }
Tooltip.prototype.disable = function () { this.enabled = false }
Tooltip.prototype.toggleEnabled = function () { this.enabled = !this.enabled }
Tooltip.prototype.toggle = function (e) { var self = this if (e) { self = $(e.currentTarget).data('bs.' + this.type) if (!self) { self = new this.constructor(e.currentTarget, this.getDelegateOptions()) $(e.currentTarget).data('bs.' + this.type, self) } }
self.tip().hasClass('in') ? self.leave(self) : self.enter(self) }
Tooltip.prototype.destroy = function () { clearTimeout(this.timeout) this.hide().$element.off('.' + this.type).removeData('bs.' + this.type) }
// TOOLTIP PLUGIN DEFINITION // =========================
function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.tooltip') var options = typeof option == 'object' && option
if (!data && option == 'destroy') return if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))) if (typeof option == 'string') data[option]() }) }
var old = $.fn.tooltip
$.fn.tooltip = Plugin $.fn.tooltip.Constructor = Tooltip
// TOOLTIP NO CONFLICT // ===================
$.fn.tooltip.noConflict = function () { $.fn.tooltip = old return this }
}(jQuery);
/* ========================================================================
* Bootstrap: popover.js v3.2.0 * http://getbootstrap.com/javascript/#popovers * ======================================================================== * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */
+function ($) {
'use strict';
// POPOVER PUBLIC CLASS DEFINITION // ===============================
var Popover = function (element, options) { this.init('popover', element, options) }
if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js')
Popover.VERSION = '3.2.0'
Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, { placement: 'right', trigger: 'click', content: ,template: '
})
// NOTE: POPOVER EXTENDS tooltip.js // ================================
Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype)
Popover.prototype.constructor = Popover
Popover.prototype.getDefaults = function () { return Popover.DEFAULTS }
Popover.prototype.setContent = function () { var $tip = this.tip() var title = this.getTitle() var content = this.getContent()
$tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) $tip.find('.popover-content').empty()[ // we use append for html objects to maintain js events this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text' ](content)
$tip.removeClass('fade top bottom left right in')
// IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do // this manually by checking the contents. if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide() }
Popover.prototype.hasContent = function () { return this.getTitle() || this.getContent() }
Popover.prototype.getContent = function () { var $e = this.$element var o = this.options
return $e.attr('data-content') || (typeof o.content == 'function' ? o.content.call($e[0]) : o.content) }
Popover.prototype.arrow = function () { return (this.$arrow = this.$arrow || this.tip().find('.arrow')) }
Popover.prototype.tip = function () { if (!this.$tip) this.$tip = $(this.options.template) return this.$tip }
// POPOVER PLUGIN DEFINITION // =========================
function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.popover') var options = typeof option == 'object' && option
if (!data && option == 'destroy') return if (!data) $this.data('bs.popover', (data = new Popover(this, options))) if (typeof option == 'string') data[option]() }) }
var old = $.fn.popover
$.fn.popover = Plugin $.fn.popover.Constructor = Popover
// POPOVER NO CONFLICT // ===================
$.fn.popover.noConflict = function () { $.fn.popover = old return this }
}(jQuery);
/* ========================================================================
* Bootstrap: scrollspy.js v3.2.0 * http://getbootstrap.com/javascript/#scrollspy * ======================================================================== * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */
+function ($) {
'use strict';
// SCROLLSPY CLASS DEFINITION // ==========================
function ScrollSpy(element, options) { var process = $.proxy(this.process, this)
this.$body = $('body') this.$scrollElement = $(element).is('body') ? $(window) : $(element) this.options = $.extend({}, ScrollSpy.DEFAULTS, options) this.selector = (this.options.target || ) + ' .nav li > a' this.offsets = [] this.targets = [] this.activeTarget = null this.scrollHeight = 0
this.$scrollElement.on('scroll.bs.scrollspy', process) this.refresh() this.process() }
ScrollSpy.VERSION = '3.2.0'
ScrollSpy.DEFAULTS = { offset: 10 }
ScrollSpy.prototype.getScrollHeight = function () { return this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight) }
ScrollSpy.prototype.refresh = function () { var offsetMethod = 'offset' var offsetBase = 0
if (!$.isWindow(this.$scrollElement[0])) { offsetMethod = 'position' offsetBase = this.$scrollElement.scrollTop() }
this.offsets = [] this.targets = [] this.scrollHeight = this.getScrollHeight()
var self = this
this.$body .find(this.selector) .map(function () { var $el = $(this) var href = $el.data('target') || $el.attr('href') var $href = /^#./.test(href) && $(href)
return ($href && $href.length && $href.is(':visible') && [[$href[offsetMethod]().top + offsetBase, href]]) || null }) .sort(function (a, b) { return a[0] - b[0] }) .each(function () { self.offsets.push(this[0]) self.targets.push(this[1]) }) }
ScrollSpy.prototype.process = function () { var scrollTop = this.$scrollElement.scrollTop() + this.options.offset var scrollHeight = this.getScrollHeight() var maxScroll = this.options.offset + scrollHeight - this.$scrollElement.height() var offsets = this.offsets var targets = this.targets var activeTarget = this.activeTarget var i
if (this.scrollHeight != scrollHeight) { this.refresh() }
if (scrollTop >= maxScroll) { return activeTarget != (i = targets[targets.length - 1]) && this.activate(i) }
if (activeTarget && scrollTop <= offsets[0]) { return activeTarget != (i = targets[0]) && this.activate(i) }
for (i = offsets.length; i--;) { activeTarget != targets[i] && scrollTop >= offsets[i] && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) && this.activate(targets[i]) } }
ScrollSpy.prototype.activate = function (target) { this.activeTarget = target
$(this.selector) .parentsUntil(this.options.target, '.active') .removeClass('active')
var selector = this.selector + '[data-target="' + target + '"],' + this.selector + '[href="' + target + '"]'
var active = $(selector) .parents('li') .addClass('active')
if (active.parent('.dropdown-menu').length) { active = active .closest('li.dropdown') .addClass('active') }
active.trigger('activate.bs.scrollspy') }
// SCROLLSPY PLUGIN DEFINITION // ===========================
function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.scrollspy') var options = typeof option == 'object' && option
if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) if (typeof option == 'string') data[option]() }) }
var old = $.fn.scrollspy
$.fn.scrollspy = Plugin $.fn.scrollspy.Constructor = ScrollSpy
// SCROLLSPY NO CONFLICT // =====================
$.fn.scrollspy.noConflict = function () { $.fn.scrollspy = old return this }
// SCROLLSPY DATA-API // ==================
$(window).on('load.bs.scrollspy.data-api', function () { $('[data-spy="scroll"]').each(function () { var $spy = $(this) Plugin.call($spy, $spy.data()) }) })
}(jQuery);
/* ========================================================================
* Bootstrap: tab.js v3.2.0 * http://getbootstrap.com/javascript/#tabs * ======================================================================== * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */
+function ($) {
'use strict';
// TAB CLASS DEFINITION // ====================
var Tab = function (element) { this.element = $(element) }
Tab.VERSION = '3.2.0'
Tab.prototype.show = function () { var $this = this.element var $ul = $this.closest('ul:not(.dropdown-menu)') var selector = $this.data('target')
if (!selector) { selector = $this.attr('href') selector = selector && selector.replace(/.*(?=#[^\s]*$)/, ) // strip for ie7 }
if ($this.parent('li').hasClass('active')) return
var previous = $ul.find('.active:last a')[0] var e = $.Event('show.bs.tab', { relatedTarget: previous })
$this.trigger(e)
if (e.isDefaultPrevented()) return
var $target = $(selector)
this.activate($this.closest('li'), $ul) this.activate($target, $target.parent(), function () { $this.trigger({ type: 'shown.bs.tab', relatedTarget: previous }) }) }
Tab.prototype.activate = function (element, container, callback) { var $active = container.find('> .active') var transition = callback && $.support.transition && $active.hasClass('fade')
function next() { $active .removeClass('active') .find('> .dropdown-menu > .active') .removeClass('active')
element.addClass('active')
if (transition) { element[0].offsetWidth // reflow for transition element.addClass('in') } else { element.removeClass('fade') }
if (element.parent('.dropdown-menu')) { element.closest('li.dropdown').addClass('active') }
callback && callback() }
transition ? $active .one('bsTransitionEnd', next) .emulateTransitionEnd(150) : next()
$active.removeClass('in') }
// TAB PLUGIN DEFINITION // =====================
function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.tab')
if (!data) $this.data('bs.tab', (data = new Tab(this))) if (typeof option == 'string') data[option]() }) }
var old = $.fn.tab
$.fn.tab = Plugin $.fn.tab.Constructor = Tab
// TAB NO CONFLICT // ===============
$.fn.tab.noConflict = function () { $.fn.tab = old return this }
// TAB DATA-API // ============
$(document).on('click.bs.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { e.preventDefault() Plugin.call($(this), 'show') })
}(jQuery);
/* ========================================================================
* Bootstrap: affix.js v3.2.0 * http://getbootstrap.com/javascript/#affix * ======================================================================== * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */
+function ($) {
'use strict';
// AFFIX CLASS DEFINITION // ======================
var Affix = function (element, options) { this.options = $.extend({}, Affix.DEFAULTS, options)
this.$target = $(this.options.target) .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)) .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this))
this.$element = $(element) this.affixed = this.unpin = this.pinnedOffset = null
this.checkPosition() }
Affix.VERSION = '3.2.0'
Affix.RESET = 'affix affix-top affix-bottom'
Affix.DEFAULTS = { offset: 0, target: window }
Affix.prototype.getPinnedOffset = function () { if (this.pinnedOffset) return this.pinnedOffset this.$element.removeClass(Affix.RESET).addClass('affix') var scrollTop = this.$target.scrollTop() var position = this.$element.offset() return (this.pinnedOffset = position.top - scrollTop) }
Affix.prototype.checkPositionWithEventLoop = function () { setTimeout($.proxy(this.checkPosition, this), 1) }
Affix.prototype.checkPosition = function () { if (!this.$element.is(':visible')) return
var scrollHeight = $(document).height() var scrollTop = this.$target.scrollTop() var position = this.$element.offset() var offset = this.options.offset var offsetTop = offset.top var offsetBottom = offset.bottom
if (typeof offset != 'object') offsetBottom = offsetTop = offset if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element) if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element)
var affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false : offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' : offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false
if (this.affixed === affix) return if (this.unpin != null) this.$element.css('top', )
var affixType = 'affix' + (affix ? '-' + affix : ) var e = $.Event(affixType + '.bs.affix')
this.$element.trigger(e)
if (e.isDefaultPrevented()) return
this.affixed = affix this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null
this.$element .removeClass(Affix.RESET) .addClass(affixType) .trigger($.Event(affixType.replace('affix', 'affixed')))
if (affix == 'bottom') { this.$element.offset({ top: scrollHeight - this.$element.height() - offsetBottom }) } }
// AFFIX PLUGIN DEFINITION // =======================
function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.affix') var options = typeof option == 'object' && option
if (!data) $this.data('bs.affix', (data = new Affix(this, options))) if (typeof option == 'string') data[option]() }) }
var old = $.fn.affix
$.fn.affix = Plugin $.fn.affix.Constructor = Affix
// AFFIX NO CONFLICT // =================
$.fn.affix.noConflict = function () { $.fn.affix = old return this }
/* jqBootstrapValidation
* A plugin for automating validation on Twitter Bootstrap formatted forms. * * v1.3.6 * * License: MIT <http://opensource.org/licenses/mit-license.php> - see LICENSE file * * http://ReactiveRaven.github.com/jqBootstrapValidation/ */
(function( $ ){
var createdElements = [];
var defaults = { options: { prependExistingHelpBlock: false, sniffHtml: true, // sniff for 'required', 'maxlength', etc preventSubmit: true, // stop the form submit event from firing if validation fails submitError: false, // function called if there is an error when trying to submit submitSuccess: false, // function called just before a successful submit event is sent to the server
semanticallyStrict: false, // set to true to tidy up generated HTML output
autoAdd: { helpBlocks: true },
filter: function () { // return $(this).is(":visible"); // only validate elements you can see return true; // validate everything }
},
methods: { init : function( options ) {
var settings = $.extend(true, {}, defaults);
settings.options = $.extend(true, settings.options, options);
var $siblingElements = this;
var uniqueForms = $.unique( $siblingElements.map( function () { return $(this).parents("form")[0]; }).toArray() );
$(uniqueForms).bind("submit", function (e) { var $form = $(this); var warningsFound = 0; var $inputs = $form.find("input,textarea,select").not("[type=submit],[type=image]").filter(settings.options.filter); $inputs.trigger("submit.validation").trigger("validationLostFocus.validation");
$inputs.each(function (i, el) { var $this = $(el), $controlGroup = $this.parents(".control-group").first(); if ( $controlGroup.hasClass("has-warning") ) { $controlGroup.removeClass("has-warning").addClass("has-error"); warningsFound++; } });
$inputs.trigger("validationLostFocus.validation");
if (warningsFound) { if (settings.options.preventSubmit) { e.preventDefault(); } $form.addClass("has-error"); if ($.isFunction(settings.options.submitError)) { settings.options.submitError($form, e, $inputs.jqBootstrapValidation("collectErrors", true)); } } else { $form.removeClass("has-error"); if ($.isFunction(settings.options.submitSuccess)) { settings.options.submitSuccess($form, e); } } });
return this.each(function(){
// Get references to everything we're interested in var $this = $(this), $controlGroup = $this.parents(".control-group").first(), $helpBlock = $controlGroup.find(".help-block").first(), $form = $this.parents("form").first(), validatorNames = [];
// create message container if not exists if (!$helpBlock.length && settings.options.autoAdd && settings.options.autoAdd.helpBlocks) { $helpBlock = $('<div class="help-block" />'); $controlGroup.find('.controls').append($helpBlock);
createdElements.push($helpBlock[0]);
}
// ============================================================= // SNIFF HTML FOR VALIDATORS // =============================================================
// *snort sniff snuffle*
if (settings.options.sniffHtml) { var message = ""; // --------------------------------------------------------- // PATTERN // --------------------------------------------------------- if ($this.attr("pattern") !== undefined) { message = "Not in the expected format"; if ($this.data("validationPatternMessage")) { message = $this.data("validationPatternMessage"); } $this.data("validationPatternMessage", message); $this.data("validationPatternRegex", $this.attr("pattern")); } // --------------------------------------------------------- // MAX // --------------------------------------------------------- if ($this.attr("max") !== undefined || $this.attr("aria-valuemax") !== undefined) { var max = ($this.attr("max") !== undefined ? $this.attr("max") : $this.attr("aria-valuemax")); message = "Too high: Maximum of '" + max + "'"; if ($this.data("validationMaxMessage")) { message = $this.data("validationMaxMessage"); } $this.data("validationMaxMessage", message); $this.data("validationMaxMax", max); } // --------------------------------------------------------- // MIN // --------------------------------------------------------- if ($this.attr("min") !== undefined || $this.attr("aria-valuemin") !== undefined) { var min = ($this.attr("min") !== undefined ? $this.attr("min") : $this.attr("aria-valuemin")); message = "Too low: Minimum of '" + min + "'"; if ($this.data("validationMinMessage")) { message = $this.data("validationMinMessage"); } $this.data("validationMinMessage", message); $this.data("validationMinMin", min); } // --------------------------------------------------------- // MAXLENGTH // --------------------------------------------------------- if ($this.attr("maxlength") !== undefined) { message = "Too long: Maximum of '" + $this.attr("maxlength") + "' characters"; if ($this.data("validationMaxlengthMessage")) { message = $this.data("validationMaxlengthMessage"); } $this.data("validationMaxlengthMessage", message); $this.data("validationMaxlengthMaxlength", $this.attr("maxlength")); } // --------------------------------------------------------- // MINLENGTH // --------------------------------------------------------- if ($this.attr("minlength") !== undefined) { message = "Too short: Minimum of '" + $this.attr("minlength") + "' characters"; if ($this.data("validationMinlengthMessage")) { message = $this.data("validationMinlengthMessage"); } $this.data("validationMinlengthMessage", message); $this.data("validationMinlengthMinlength", $this.attr("minlength")); } // --------------------------------------------------------- // REQUIRED // --------------------------------------------------------- if ($this.attr("required") !== undefined || $this.attr("aria-required") !== undefined) { message = settings.builtInValidators.required.message; if ($this.data("validationRequiredMessage")) { message = $this.data("validationRequiredMessage"); } $this.data("validationRequiredMessage", message); } // --------------------------------------------------------- // NUMBER // --------------------------------------------------------- if ($this.attr("type") !== undefined && $this.attr("type").toLowerCase() === "number") { message = settings.builtInValidators.number.message; if ($this.data("validationNumberMessage")) { message = $this.data("validationNumberMessage"); } $this.data("validationNumberMessage", message); } // --------------------------------------------------------- // EMAIL // --------------------------------------------------------- if ($this.attr("type") !== undefined && $this.attr("type").toLowerCase() === "email") { message = "Not a valid email address"; if ($this.data("validationValidemailMessage")) { message = $this.data("validationValidemailMessage"); } else if ($this.data("validationEmailMessage")) { message = $this.data("validationEmailMessage"); } $this.data("validationValidemailMessage", message); } // --------------------------------------------------------- // MINCHECKED // --------------------------------------------------------- if ($this.attr("minchecked") !== undefined) { message = "Not enough options checked; Minimum of '" + $this.attr("minchecked") + "' required"; if ($this.data("validationMincheckedMessage")) { message = $this.data("validationMincheckedMessage"); } $this.data("validationMincheckedMessage", message); $this.data("validationMincheckedMinchecked", $this.attr("minchecked")); } // --------------------------------------------------------- // MAXCHECKED // --------------------------------------------------------- if ($this.attr("maxchecked") !== undefined) { message = "Too many options checked; Maximum of '" + $this.attr("maxchecked") + "' required"; if ($this.data("validationMaxcheckedMessage")) { message = $this.data("validationMaxcheckedMessage"); } $this.data("validationMaxcheckedMessage", message); $this.data("validationMaxcheckedMaxchecked", $this.attr("maxchecked")); } }
// ============================================================= // COLLECT VALIDATOR NAMES // =============================================================
// Get named validators if ($this.data("validation") !== undefined) { validatorNames = $this.data("validation").split(","); }
// Get extra ones defined on the element's data attributes $.each($this.data(), function (i, el) { var parts = i.replace(/([A-Z])/g, ",$1").split(","); if (parts[0] === "validation" && parts[1]) { validatorNames.push(parts[1]); } });
// ============================================================= // NORMALISE VALIDATOR NAMES // =============================================================
var validatorNamesToInspect = validatorNames; var newValidatorNamesToInspect = [];
do // repeatedly expand 'shortcut' validators into their real validators { // Uppercase only the first letter of each name $.each(validatorNames, function (i, el) { validatorNames[i] = formatValidatorName(el); });
// Remove duplicate validator names validatorNames = $.unique(validatorNames);
// Pull out the new validator names from each shortcut newValidatorNamesToInspect = []; $.each(validatorNamesToInspect, function(i, el) { if ($this.data("validation" + el + "Shortcut") !== undefined) { // Are these custom validators? // Pull them out! $.each($this.data("validation" + el + "Shortcut").split(","), function(i2, el2) { newValidatorNamesToInspect.push(el2); }); } else if (settings.builtInValidators[el.toLowerCase()]) { // Is this a recognised built-in? // Pull it out! var validator = settings.builtInValidators[el.toLowerCase()]; if (validator.type.toLowerCase() === "shortcut") { $.each(validator.shortcut.split(","), function (i, el) { el = formatValidatorName(el); newValidatorNamesToInspect.push(el); validatorNames.push(el); }); } } });
validatorNamesToInspect = newValidatorNamesToInspect;
} while (validatorNamesToInspect.length > 0)
// ============================================================= // SET UP VALIDATOR ARRAYS // =============================================================
var validators = {};
$.each(validatorNames, function (i, el) { // Set up the 'override' message var message = $this.data("validation" + el + "Message"); var hasOverrideMessage = (message !== undefined); var foundValidator = false; message = ( message ? message : "'" + el + "' validation failed " ) ;
$.each( settings.validatorTypes, function (validatorType, validatorTemplate) { if (validators[validatorType] === undefined) { validators[validatorType] = []; } if (!foundValidator && $this.data("validation" + el + formatValidatorName(validatorTemplate.name)) !== undefined) { validators[validatorType].push( $.extend( true, { name: formatValidatorName(validatorTemplate.name), message: message }, validatorTemplate.init($this, el) ) ); foundValidator = true; } } );
if (!foundValidator && settings.builtInValidators[el.toLowerCase()]) {
var validator = $.extend(true, {}, settings.builtInValidators[el.toLowerCase()]); if (hasOverrideMessage) { validator.message = message; } var validatorType = validator.type.toLowerCase();
if (validatorType === "shortcut") { foundValidator = true; } else { $.each( settings.validatorTypes, function (validatorTemplateType, validatorTemplate) { if (validators[validatorTemplateType] === undefined) { validators[validatorTemplateType] = []; } if (!foundValidator && validatorType === validatorTemplateType.toLowerCase()) { $this.data("validation" + el + formatValidatorName(validatorTemplate.name), validator[validatorTemplate.name.toLowerCase()]); validators[validatorType].push( $.extend( validator, validatorTemplate.init($this, el) ) ); foundValidator = true; } } ); } }
if (! foundValidator) { $.error("Cannot find validation info for '" + el + "'"); } });
// ============================================================= // STORE FALLBACK VALUES // =============================================================
$helpBlock.data( "original-contents", ( $helpBlock.data("original-contents") ? $helpBlock.data("original-contents") : $helpBlock.html() ) );
$helpBlock.data( "original-role", ( $helpBlock.data("original-role") ? $helpBlock.data("original-role") : $helpBlock.attr("role") ) );
$controlGroup.data( "original-classes", ( $controlGroup.data("original-clases") ? $controlGroup.data("original-classes") : $controlGroup.attr("class") ) );
$this.data( "original-aria-invalid", ( $this.data("original-aria-invalid") ? $this.data("original-aria-invalid") : $this.attr("aria-invalid") ) );
// ============================================================= // VALIDATION // =============================================================
$this.bind( "validation.validation", function (event, params) {
var value = getValue($this);
// Get a list of the errors to apply var errorsFound = [];
$.each(validators, function (validatorType, validatorTypeArray) { if (value || value.length || (params && params.includeEmpty) || (!!settings.validatorTypes[validatorType].blockSubmit && params && !!params.submitting)) { $.each(validatorTypeArray, function (i, validator) { if (settings.validatorTypes[validatorType].validate($this, value, validator)) { errorsFound.push(validator.message); } }); } });
return errorsFound; } );
$this.bind( "getValidators.validation", function () { return validators; } );
// ============================================================= // WATCH FOR CHANGES // ============================================================= $this.bind( "submit.validation", function () { return $this.triggerHandler("change.validation", {submitting: true}); } ); $this.bind( [ "keyup", "focus", "blur", "click", "keydown", "keypress", "change" ].join(".validation ") + ".validation", function (e, params) {
var value = getValue($this);
var errorsFound = [];
$controlGroup.find("input,textarea,select").each(function (i, el) { var oldCount = errorsFound.length; $.each($(el).triggerHandler("validation.validation", params), function (j, message) { errorsFound.push(message); }); if (errorsFound.length > oldCount) { $(el).attr("aria-invalid", "true"); } else { var original = $this.data("original-aria-invalid"); $(el).attr("aria-invalid", (original !== undefined ? original : false)); } });
$form.find("input,select,textarea").not($this).not("[name=\"" + $this.attr("name") + "\"]").trigger("validationLostFocus.validation");
errorsFound = $.unique(errorsFound.sort());
// Were there any errors? if (errorsFound.length) { // Better flag it up as a warning. $controlGroup.removeClass("has-success has-error").addClass("has-warning");
// How many errors did we find? if (settings.options.semanticallyStrict && errorsFound.length === 1) { // Only one? Being strict? Just output it. $helpBlock.html(errorsFound[0] + ( settings.options.prependExistingHelpBlock ? $helpBlock.data("original-contents") : "" )); } else { // Multiple? Being sloppy? Glue them together into an UL.$helpBlock.html("
- " + errorsFound.join("
- ") + "
( settings.options.prependExistingHelpBlock ? $helpBlock.data("original-contents") : "" )); } } else { $controlGroup.removeClass("has-warning has-error has-success"); if (value.length > 0) { $controlGroup.addClass("has-success"); } $helpBlock.html($helpBlock.data("original-contents")); }
if (e.type === "blur") { $controlGroup.removeClass("has-success"); } } ); $this.bind("validationLostFocus.validation", function () { $controlGroup.removeClass("has-success"); }); }); }, destroy : function( ) {
return this.each( function() {
var $this = $(this), $controlGroup = $this.parents(".control-group").first(), $helpBlock = $controlGroup.find(".help-block").first();
// remove our events $this.unbind('.validation'); // events are namespaced. // reset help text $helpBlock.html($helpBlock.data("original-contents")); // reset classes $controlGroup.attr("class", $controlGroup.data("original-classes")); // reset aria $this.attr("aria-invalid", $this.data("original-aria-invalid")); // reset role $helpBlock.attr("role", $this.data("original-role"));
// remove all elements we created if (createdElements.indexOf($helpBlock[0]) > -1) { $helpBlock.remove(); }
} );
}, collectErrors : function(includeEmpty) {
var errorMessages = {}; this.each(function (i, el) { var $el = $(el); var name = $el.attr("name"); var errors = $el.triggerHandler("validation.validation", {includeEmpty: true}); errorMessages[name] = $.extend(true, errors, errorMessages[name]); });
$.each(errorMessages, function (i, el) { if (el.length === 0) { delete errorMessages[i]; } });
return errorMessages;
}, hasErrors: function() {
var errorMessages = [];
this.each(function (i, el) { errorMessages = errorMessages.concat( $(el).triggerHandler("getValidators.validation") ? $(el).triggerHandler("validation.validation", {submitting: true}) : [] ); });
return (errorMessages.length > 0); }, override : function (newDefaults) { defaults = $.extend(true, defaults, newDefaults); } },
validatorTypes: {
callback: { name: "callback", init: function ($this, name) { return { validatorName: name, callback: $this.data("validation" + name + "Callback"), lastValue: $this.val(), lastValid: true, lastFinished: true }; }, validate: function ($this, value, validator) { if (validator.lastValue === value && validator.lastFinished) { return !validator.lastValid; }
if (validator.lastFinished === true) { validator.lastValue = value; validator.lastValid = true; validator.lastFinished = false;
var rrjqbvValidator = validator; var rrjqbvThis = $this; executeFunctionByName( validator.callback, window, $this, value, function (data) { if (rrjqbvValidator.lastValue === data.value) { rrjqbvValidator.lastValid = data.valid; if (data.message) { rrjqbvValidator.message = data.message; } rrjqbvValidator.lastFinished = true; rrjqbvThis.data("validation" + rrjqbvValidator.validatorName + "Message", rrjqbvValidator.message); // Timeout is set to avoid problems with the events being considered 'already fired' setTimeout(function () { rrjqbvThis.trigger("change.validation"); }, 1); // doesn't need a long timeout, just long enough for the event bubble to burst } } ); }
return false;
} }, ajax: { name: "ajax", init: function ($this, name) { return { validatorName: name, url: $this.data("validation" + name + "Ajax"), lastValue: $this.val(), lastValid: true, lastFinished: true }; }, validate: function ($this, value, validator) { if (""+validator.lastValue === ""+value && validator.lastFinished === true) { return validator.lastValid === false; }
if (validator.lastFinished === true) { validator.lastValue = value; validator.lastValid = true; validator.lastFinished = false; $.ajax({ url: validator.url, data: "value=" + value + "&field=" + $this.attr("name"), dataType: "json", success: function (data) { if (""+validator.lastValue === ""+data.value) { validator.lastValid = !!(data.valid); if (data.message) { validator.message = data.message; } validator.lastFinished = true; $this.data("validation" + validator.validatorName + "Message", validator.message); // Timeout is set to avoid problems with the events being considered 'already fired' setTimeout(function () { $this.trigger("change.validation"); }, 1); // doesn't need a long timeout, just long enough for the event bubble to burst } }, failure: function () { validator.lastValid = true; validator.message = "ajax call failed"; validator.lastFinished = true; $this.data("validation" + validator.validatorName + "Message", validator.message); // Timeout is set to avoid problems with the events being considered 'already fired' setTimeout(function () { $this.trigger("change.validation"); }, 1); // doesn't need a long timeout, just long enough for the event bubble to burst } }); }
return false;
} },
regex: { name: "regex", init: function ($this, name) { return {regex: regexFromString($this.data("validation" + name + "Regex"))}; }, validate: function ($this, value, validator) { return (!validator.regex.test(value) && ! validator.negative) || (validator.regex.test(value) && validator.negative); } }, required: { name: "required", init: function ($this, name) { return {}; }, validate: function ($this, value, validator) { return !!(value.length === 0 && ! validator.negative) || !!(value.length > 0 && validator.negative); },
blockSubmit: true
}, match: { name: "match", init: function ($this, name) { var element = $this.parents("form").first().find("[name=\"" + $this.data("validation" + name + "Match") + "\"]").first(); element.bind("validation.validation", function () { $this.trigger("change.validation", {submitting: true}); }); return {"element": element}; }, validate: function ($this, value, validator) { return (value !== validator.element.val() && ! validator.negative) || (value === validator.element.val() && validator.negative); },
blockSubmit: true
}, max: { name: "max", init: function ($this, name) { return {max: $this.data("validation" + name + "Max")}; }, validate: function ($this, value, validator) { return (parseFloat(value, 10) > parseFloat(validator.max, 10) && ! validator.negative) || (parseFloat(value, 10) <= parseFloat(validator.max, 10) && validator.negative); } }, min: { name: "min", init: function ($this, name) { return {min: $this.data("validation" + name + "Min")}; }, validate: function ($this, value, validator) { return (parseFloat(value) < parseFloat(validator.min) && ! validator.negative) || (parseFloat(value) >= parseFloat(validator.min) && validator.negative); } }, maxlength: { name: "maxlength", init: function ($this, name) { return {maxlength: $this.data("validation" + name + "Maxlength")}; }, validate: function ($this, value, validator) { return ((value.length > validator.maxlength) && ! validator.negative) || ((value.length <= validator.maxlength) && validator.negative); } }, minlength: { name: "minlength", init: function ($this, name) { return {minlength: $this.data("validation" + name + "Minlength")}; }, validate: function ($this, value, validator) { return ((value.length < validator.minlength) && ! validator.negative) || ((value.length >= validator.minlength) && validator.negative); } }, maxchecked: { name: "maxchecked", init: function ($this, name) { var elements = $this.parents("form").first().find("[name=\"" + $this.attr("name") + "\"]"); elements.bind("click.validation", function () { $this.trigger("change.validation", {includeEmpty: true}); }); return {maxchecked: $this.data("validation" + name + "Maxchecked"), elements: elements}; }, validate: function ($this, value, validator) { return (validator.elements.filter(":checked").length > validator.maxchecked && ! validator.negative) || (validator.elements.filter(":checked").length <= validator.maxchecked && validator.negative); },
blockSubmit: true
}, minchecked: { name: "minchecked", init: function ($this, name) { var elements = $this.parents("form").first().find("[name=\"" + $this.attr("name") + "\"]"); elements.bind("click.validation", function () { $this.trigger("change.validation", {includeEmpty: true}); }); return {minchecked: $this.data("validation" + name + "Minchecked"), elements: elements}; }, validate: function ($this, value, validator) { return (validator.elements.filter(":checked").length < validator.minchecked && ! validator.negative) || (validator.elements.filter(":checked").length >= validator.minchecked && validator.negative); },
blockSubmit: true
} }, builtInValidators: { email: { name: "Email", type: "shortcut", shortcut: "validemail" }, validemail: { name: "Validemail", type: "regex", regex: "[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\\.[A-Za-z]{2,4}", message: "Not a valid email address" }, passwordagain: { name: "Passwordagain", type: "match", match: "password", message: "Does not match the given password" }, positive: { name: "Positive", type: "shortcut", shortcut: "number,positivenumber" }, negative: { name: "Negative", type: "shortcut", shortcut: "number,negativenumber" }, number: { name: "Number", type: "regex", regex: "([+-]?\\\d+(\\\.\\\d*)?([eE][+-]?[0-9]+)?)?", message: "Must be a number" }, integer: { name: "Integer", type: "regex", regex: "[+-]?\\\d+", message: "No decimal places allowed" }, positivenumber: { name: "Positivenumber", type: "min", min: 0, message: "Must be a positive number" }, negativenumber: { name: "Negativenumber", type: "max", max: 0, message: "Must be a negative number" }, required: { name: "Required", type: "required", message: "This is required" }, checkone: { name: "Checkone", type: "minchecked", minchecked: 1, message: "Check at least one option" } } };
var formatValidatorName = function (name) { return name .toLowerCase() .replace( /(^|\s)([a-z])/g , function(m,p1,p2) { return p1+p2.toUpperCase(); } ) ; };
var getValue = function ($this) { // Extract the value we're talking about var value = $this.val(); var type = $this.attr("type"); if (type === "checkbox") { value = ($this.is(":checked") ? value : ""); } if (type === "radio") { value = ($('input[name="' + $this.attr("name") + '"]:checked').length > 0 ? value : ""); } return value; };
function regexFromString(inputstring) {
return new RegExp("^" + inputstring + "$"); }
/** * Thanks to Jason Bunting via StackOverflow.com * * http://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string#answer-359910 * Short link: http://tinyurl.com/executeFunctionByName **/ function executeFunctionByName(functionName, context /*, args*/) { var args = Array.prototype.slice.call(arguments).splice(2); var namespaces = functionName.split("."); var func = namespaces.pop(); for(var i = 0; i < namespaces.length; i++) { context = context[namespaces[i]]; } return context[func].apply(this, args); }
$.fn.jqBootstrapValidation = function( method ) {
if ( defaults.methods[method] ) { return defaults.methods[method].apply( this, Array.prototype.slice.call( arguments, 1 )); } else if ( typeof method === 'object' || ! method ) { return defaults.methods.init.apply( this, arguments ); } else { $.error( 'Method ' + method + ' does not exist on jQuery.jqBootstrapValidation' ); return null; }
};
$.jqBootstrapValidation = function (options) { $(":input").not("[type=image],[type=submit]").jqBootstrapValidation.apply(this,arguments); };
})( jQuery );
// AFFIX DATA-API // ==============
$(window).on('load', function () { $('[data-spy="affix"]').each(function () { var $spy = $(this) var data = $spy.data()
data.offset = data.offset || {}
if (data.offsetBottom) data.offset.bottom = data.offsetBottom if (data.offsetTop) data.offset.top = data.offsetTop
Plugin.call($spy, data) }) })
}(jQuery);