# customify/2.6.0/js/jquery-react.js

Customify, version 2.6.0. 239 lines.

- Page: https://pluginprobe.com/plugins/customify/2.6.0/code/js/jquery-react.js
- Raw: https://pluginprobe.com/plugins/customify/2.6.0/raw/js/jquery-react.js
- Modified: 2018-04-05T11:46:30+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/customify/2.6.0/code/js/jquery-react.js#L10-L20`.

```javascript
/*
 * React JQuery plugin
 *
 * https://github.com/natedavisolds/jquery-react
 *
 * Copyright 2011, Nathan Davis Olds
 * Distributed under the MIT license.
 */

(function($){

	var React = {
		reactTo: function(selector) {
			var $elements = $(selector),
				$reactor_element = $(this);

			var _proxy_event = function() {
				$reactor_element.trigger('react.reactor');
			};

			$elements.filter(':not(:text), :not(:password)').on('change.reactor', _proxy_event);
			$elements.filter(':text.date-picker').on('change.reactor', _proxy_event);
			$elements.filter(':text').on('keyup.reactor', _proxy_event);
			$elements.filter(':password').on('keyup.reactor', _proxy_event);

			return this;
		},

		reactIf: function(sel, exp_func) {
			var $sel = $(sel),
				args = Array.prototype.slice.call( arguments, 2 );

			var _func = function() {
				if ($.isFunction(exp_func)) {
					return exp_func.apply($sel);
				} else {
					var _returned = $.fn.reactor.helpers[exp_func].apply($sel, args);

					if ($.isFunction(_returned)) {
						return _returned.apply($sel)
					} else {
						return _returned;
					}
				}
			};

			this.each(function() {
				var $reactor = $(this);

				if (!$reactor.hasClass('reactor')) {
					$reactor.reactor();
				};

				var conditions_arry = $reactor.data('conditions.reactor');
				if (!$.isArray(conditions_arry)) { conditions_arry = [] };

				conditions_arry.push(_func);

				$(this).data('conditions.reactor', conditions_arry);
			});

			$(this).reactTo(sel);

			return this;
		},

		react: function() {
			this.each(function() {
				$(this).trigger('react.reactor')
			});

			return this;
		},

		reactor: function(options) {
			var settings = $.extend({}, $.fn.reactor.defaults, options);

			this.each(function() {
				var $element = $(this);

				if (!$.isArray($element.data('conditions.reactor'))) {
					$element
						.data('conditions.reactor', [])
						.addClass('reactor');
				}

				var isReactionary = function() {
					var conditionalArray = $(this).data('conditions.reactor');
					var r = true;

					$.each(conditionalArray, function() {
						r = this.call();
						return r; // short circuits the loop when any value is false
					});

					return r;
				}

				var reaction = function(evt) {
					if (isReactionary.apply(this)) {
						settings.compliant.apply($element);
					} else {
						settings.uncompliant.apply($element);
					}
				}

				$element.on('react.reactor', reaction);
			});

			return this;
		}
	}

	$.fn.reactTo = React.reactTo;
	$.fn.reactIf = React.reactIf;
	$.fn.react = React.react;
	$.fn.reactor = React.reactor;

	$.fn.reactor.defaults = {
		compliant: function() {
			$(this).show();
		},
		uncompliant: function() {
			$(this).hide();
		}
	};

	$.fn.reactor.helpers = {
		NotBlank: function() {
			return( this.val().toString() != "" );
		},

		Blank: function() {
			return( this.val().toString() == "" );
		},

		HasElements: function() {
			return this.size() > 0;
		},

		Disabled: function() {
			return( this.filter(':disabled').length > 0 );
		},

		Enabled: function() {
			return( this.filter(':enabled').length > 0 );
		},

		IsChecked: function() {
			return this.is(':checked');
		},

		IsNotChecked: function() {
			return !this.is(':checked');
		},

		EqualTo: function(matchStr) {
			var _func = function() {
				var v = this.val();
				if (v) {
					return( v.toString() == matchStr.toString() );
				} else {
					return false;
				}
			}
			return _func;
		},

		NotEqualTo: function(matchStr) {
			var _func = function() {
				var v = this.val();

				if (v) {
					return( v.toString() != matchStr.toString() );
				} else {
					return true;
				}
			}
			return _func;
		},

		NumberOfDigitsIs: function(number) {
			var comparisonString = this.val().toString().replace(/[^\d]+/g,''),
				passing = false,
				length = comparisonString.length;

			for(index in arguments) {
				if (length == arguments[index]) {
					passing = true;
				}
			}

			return passing;
		},

		LessThan: function(number) {
			var _func = function() {
				var v = this.filter('span').length > 0 ? this.text() : this.val();
				return( parseInt(v) < number );
			}
			return _func;
		},

		MoreThan: function(number) {
			var _func = function() {
				var v = this.filter('span').length > 0 ? this.text() : this.val(),
					result = (parseInt(v) > number)

				return(result);
			}
			return _func;
		},

		Between: function(min, max) {
			var _func = function() {
				var v = this.val();
				return(!(v && (parseInt(v) > max || parseInt(v) < min)));
			}
			return _func;
		},

		BetweenSameLength: function(min, max) {
			var len = min.toString().length;
			var _func = function() {
				var v = this.val();
				return(!(v && v.length == len && (parseInt(v) > max || parseInt(v) < min)));
			}
			return _func;
		},

		HasValueWhenVisible: function() {
			if (this.is(':visible')) {
				return( this.val().toString() != "" && parseFloat(this.val()) != 0.0);
			} else {
				return true;
			}
		}
	};
})(jQuery);
```