Your IP : 216.73.216.95
// the semi-colon before function invocation is a safety net against concatenated
// scripts and/or other plugins which may not be closed properly.
;// noinspection JSUnusedLocalSymbols
(function ($, window, document, undefined) {
"use strict";
// undefined is used here as the undefined global variable in ECMAScript 3 is
// mutable (ie. it can be changed by someone else). undefined isn't really being
// passed in so we can ensure the value of it is truly undefined. In ES5, undefined
// can no longer be modified.
// window and document are passed through as local variables rather than global
// as this (slightly) quickens the resolution process and can be more efficiently
// minified (especially when both are regularly referenced in your plugin).
// Create the defaults once
var pluginName = "forminatorFrontCondition",
defaults = {
fields: {},
relations: {}
};
// The actual plugin constructor
function ForminatorFrontCondition(element, options, calendar) {
this.element = element;
this.$el = $(this.element);
// jQuery has an extend method which merges the contents of two or
// more objects, storing the result in the first object. The first object
// is generally empty as we don't want to alter the default options for
// future instances of the plugin
this.settings = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.calendar = calendar[0];
this.init();
}
// Avoid Plugin.prototype conflicts
$.extend(ForminatorFrontCondition.prototype, {
init: function () {
var self = this,
form = this.$el;
this.add_missing_relations();
this.$el.find( ".forminator-field input, .forminator-field select, .forminator-field textarea, .forminator-field-signature").change(function (e) {
var $element = $(this),
element_id = $element.closest('.forminator-col').attr('id');
if (typeof element_id === 'undefined') {
element_id = $element.attr('id');
}
element_id = $.trim( element_id );
//lookup condition of fields
if (!self.has_relations(element_id) && !self.has_siblings(element_id)) return false;
if( self.has_siblings(element_id) ) {
self.trigger_fake_parent_date_field(element_id);
}
if(!self.has_relations(element_id) && self.has_siblings(element_id)){
self.trigger_siblings(element_id);
return false;
}
self.process_relations( element_id, $element, e );
});
this.$el.find('.forminator-button.forminator-button-back, .forminator-button.forminator-button-next').click(function (e) {
form.find('.forminator-field input, .forminator-field select, .forminator-field textarea').change();
});
// Simulate change
this.$el.find('.forminator-field input, .forminator-field select, .forminator-field textarea').change();
this.init_events();
},
process_relations: function( element_id, $element, e ) {
var self = this;
// Check if the field has any relations
var relations = self.get_relations( element_id );
// Loop all relations the field have
relations.forEach(function (relation) {
var logic = self.get_field_logic(relation),
action = logic.action,
rule = logic.rule,
conditions = logic.conditions, // Conditions rules
matches = 0 // Number of matches
;
conditions.forEach(function (condition) {
// If rule is applicable save in matches
if (self.is_applicable_rule(condition, action)) {
matches++;
}
});
if ((rule === "all" && matches === conditions.length) || (rule === "any" && matches > 0)) {
//check if the given $element is an jQuery object
if( $element instanceof jQuery ) {
var pagination = $element.closest('.forminator-pagination');
}
if (relation === 'submit' && typeof pagination !== 'undefined') {
self.toggle_field(relation, 'show', "valid");
}
self.toggle_field(relation, action, "valid");
if (self.has_relations(relation)){
if(action === 'hide'){
self.hide_element(relation, e);
}else{
self.show_element(relation, e);
}
}
} else {
self.toggle_field(relation, action, "invalid");
if (self.has_relations(relation)){
if(action === 'show'){
self.hide_element(relation, e);
}else{
self.show_element(relation, e);
}
}
}
});
},
/**
* Register related events
*
* @since 1.0.3
*/
init_events: function () {
var self = this;
this.$el.on('forminator.front.condition.restart', function (e) {
self.on_restart(e);
});
},
/**
* Restart conditions
*
* @since 1.0.3
*
* @param e
*/
on_restart: function (e) {
// restart condition
this.$el.find('.forminator-field input, .forminator-field select, .forminator-field textarea').change();
},
/**
* Add missing relations based on fields.conditions
*/
add_missing_relations: function () {
var self = this;
var missedRelations = {};
if (typeof this.settings.fields !== "undefined") {
var conditionsFields = this.settings.fields;
Object.keys(conditionsFields).forEach(function (key) {
var conditions = conditionsFields[key]['conditions'];
conditions.forEach(function (condition) {
var relatedField = condition.field;
if (!self.has_relations(relatedField)) {
if (typeof missedRelations[relatedField] === 'undefined') {
missedRelations[relatedField] = [];
}
missedRelations[relatedField].push(key);
}
});
});
}
Object.keys(missedRelations).forEach(function (relatedField) {
self.settings.relations[relatedField] = missedRelations[relatedField];
});
},
get_field_logic: function (element_id) {
if (typeof this.settings.fields[element_id] === "undefined") return [];
return this.settings.fields[element_id];
},
has_relations: function (element_id) {
return typeof this.settings.relations[element_id] !== "undefined";
},
get_relations: function (element_id) {
if (!this.has_relations(element_id)) return [];
return this.settings.relations[element_id];
},
get_field_value: function (element_id) {
var $element = this.get_form_field(element_id),
value = $element.val();
//check the type of input
if (this.field_is_radio($element)) {
value = $element.filter(":checked").val();
} else if (this.field_is_signature($element)) {
value = $element.find( "input[id$='_data']" ).val();
} else if (this.field_is_checkbox($element)) {
value = [];
$element.each(function () {
if ($(this).is(':checked')) {
value.push($(this).val().toLowerCase());
}
});
}
if (!value) return "";
return value;
},
get_date_field_value: function(element_id){
var $element = this.get_form_field(element_id);
//element may not be a real jQuery element for fake virtual parent date field
var fake_field = true;
if( $element instanceof jQuery ) {
fake_field = false;
//element may just be the wrapper div of child fields
if( $element.hasClass('forminator-col') ) {
fake_field = true;
}
}
var value = "";
if ( !fake_field && this.field_is_datepicker($element) ){
value = $element.val();
//check if formats are accepted
switch ( $element.data('format') ) {
case 'dd/mm/yy':
value = $element.val().split("/").reverse().join("-");
break;
case 'dd.mm.yy':
value = $element.val().split(".").reverse().join("-");
break;
case 'dd-mm-yy':
value = $element.val().split("-").reverse().join("-");
break;
}
var formattedDate = new Date();
if ( '' !== value ) {
formattedDate = new Date(value);
}
value = {'year':formattedDate.getFullYear(), 'month':this.calendar.months[formattedDate.getMonth()].toLowerCase(), 'date':formattedDate.getDate(), 'day':this.calendar.days[formattedDate.getDay()].toLowerCase() };
} else {
var parent = ( fake_field === true )? element_id : $element.data('parent');
var year = this.get_form_field_value(parent+'-year'),
mnth = this.get_form_field_value(parent+'-month'),
day = this.get_form_field_value(parent+'-day');
if( year !== "" && mnth !== "" && day !== "" ){
var formattedDate = new Date(year+'-'+mnth+'-'+day);
if( fake_field === true ) {
return formattedDate;
}
value = {'year':formattedDate.getFullYear(), 'month':this.calendar.months[formattedDate.getMonth()].toLowerCase(), 'date':formattedDate.getDate(), 'day':this.calendar.days[formattedDate.getDay()].toLowerCase() };
}
}
if (!value) return "";
return value;
},
field_is_radio: function ($element) {
var is_radio = false;
$element.each(function () {
if ($(this).attr('type') === 'radio') {
is_radio = true;
//break
return false;
}
});
return is_radio;
},
field_is_signature: function($element) {
var is_signature = false;
$element.each(function () {
if ($(this).find('.forminator-field-signature').length > 0) {
is_signature = true;
//break
return false;
}
});
return is_signature;
},
field_is_datepicker: function ($element) {
var is_date = false;
$element.each(function () {
if ($(this).hasClass('forminator-datepicker')) {
is_date = true;
//break
return false;
}
});
return is_date;
},
field_is_checkbox: function ($element) {
var is_checkbox = false;
$element.each(function () {
if ($(this).attr('type') === 'checkbox') {
is_checkbox = true;
//break
return false;
}
});
return is_checkbox;
},
// used in forminatorFrontCalculate
get_form_field: function (element_id) {
//find element by suffix -field on id input (default behavior)
var $element = this.$el.find('#' + element_id + '-field');
if ($element.length === 0) {
$element = this.$el.find('.' + element_id + '-payment');
if ($element.length === 0) {
//find element by its on name (for radio on singlevalue)
$element = this.$el.find('input[name=' + element_id + ']');
if ($element.length === 0) {
// for text area that have uniqid, so we check its name instead
$element = this.$el.find('textarea[name=' + element_id + ']');
if ($element.length === 0) {
//find element by its on name[] (for checkbox on multivalue)
$element = this.$el.find('input[name="' + element_id + '[]"]');
if ($element.length === 0) {
//find element by select name
$element = this.$el.find('select[name=' + element_id + ']');
if ($element.length === 0) {
//find element by direct id (for name field mostly)
//will work for all field with element_id-[somestring]
$element = this.$el.find('#' + element_id);
}
}
}
}
}
}
return $element;
},
// Extension of get_form_field to get value
get_form_field_value: function (element_id) {
//find element by suffix -field on id input (default behavior)
var $element = this.$el.find('#' + element_id + '-field');
if ($element.length === 0) {
//find element by its on name (for radio on singlevalue)
$element = this.$el.find('input[name=' + element_id + ']');
if ($element.length === 0) {
// for text area that have uniqid, so we check its name instead
$element = this.$el.find('textarea[name=' + element_id + ']');
if ($element.length === 0) {
//find element by its on name[] (for checkbox on multivalue)
$element = this.$el.find('input[name="' + element_id + '[]"]');
if ($element.length === 0) {
//find element by select name
$element = this.$el.find('select[name=' + element_id + ']');
if ($element.length === 0) {
//find element by direct id (for name field mostly)
//will work for all field with element_id-[somestring]
$element = this.$el.find('#' + element_id);
}
}
}
}
}
return $element.val();
},
is_numeric: function (number) {
return !isNaN(parseFloat(number)) && isFinite(number);
},
is_date_rule: function(operator){
var dateRules = ['day_is', 'day_is_not', 'month_is', 'month_is_not', 'is_before', 'is_after', 'is_before_n_or_more_days', 'is_before_less_than_n_days', 'is_after_n_or_more_days', 'is_after_less_than_n_days'];
return dateRules.includes( operator );
},
has_siblings: function(element){
element = this.get_form_field(element);
if( element.data('parent') ) return true;
return false;
},
trigger_fake_parent_date_field: function(element_id){
var element = this.get_form_field(element_id),
parent = element.data('parent');
this.process_relations( parent, {}, {});
},
trigger_siblings: function(element_id){
var self = this,
element = self.get_form_field(element_id),
parent = element.data('parent'),
siblings = [];
siblings = [parent+'-year', parent+'-month', parent+'-day'];
$.each(siblings, function( index, sibling ) {
if( element_id !== sibling && self.has_relations(sibling) ){
self.get_form_field(sibling).trigger('change');
}
});
},
is_applicable_rule: function (condition, action) {
if (typeof condition === "undefined") return false;
if( this.is_date_rule( condition.operator ) ){
var value1 = this.get_date_field_value(condition.field);
}else{
var value1 = this.get_field_value(condition.field);
}
var value2 = condition.value,
operator = condition.operator
;
if (action === "show") {
return this.is_matching(value1, value2, operator) && this.is_hidden(condition.field);
} else {
return this.is_matching(value1, value2, operator);
}
},
is_hidden: function (element_id) {
var $element_id = this.get_form_field(element_id),
$column_field = $element_id.closest('.forminator-col'),
$row_field = $column_field.closest('.forminator-row')
;
if ( $row_field.hasClass("forminator-hidden-option") ) {
return true;
}
if( $row_field.hasClass("forminator-hidden") ) {
return false;
}
return true;
},
is_matching: function (value1, value2, operator) {
// Match values case
var isArrayValue = Array.isArray(value1);
// Match values case
if (typeof value1 === 'string') {
value1 = value1.toLowerCase();
}
if(typeof value2 === 'string'){
value2 = value2.toLowerCase();
}
switch (operator) {
case "is":
if (!isArrayValue) {
return value1 === value2;
} else {
return $.inArray(value2, value1) > -1;
}
case "is_not":
if (!isArrayValue) {
return value1 !== value2;
} else {
return $.inArray(value2, value1) === -1;
}
case "is_great":
// typecasting to integer, with return `NaN` when its literal chars, so `is_numeric` will fail
value1 = +value1;
value2 = +value2;
return this.is_numeric(value1) && this.is_numeric(value2) ? value1 > value2 : false;
case "is_less":
value1 = +value1;
value2 = +value2;
return this.is_numeric(value1) && this.is_numeric(value2) ? value1 < value2 : false;
case "contains":
return this.contains(value1, value2);
case "starts":
return value1.startsWith(value2);
case "ends":
return value1.endsWith(value2);
case "month_is":
return value1.month === value2;
case "month_is_not":
return value1.month !== value2;
case "day_is":
return value1.day === value2;
case "day_is_not":
return value1.day !== value2;
case "is_before":
return this.date_is_smaller( value1, value2 );
case "is_after":
return this.date_is_grater( value1, value2 );
case "is_before_n_or_more_days":
return this.date_is_n_days_before_current_date( value1, value2 );
case "is_before_less_than_n_days":
return this.date_is_less_than_n_days_before_current_date( value1, value2 );
case "is_after_n_or_more_days":
return this.date_is_n_days_after_current_date( value1, value2 );
case "is_after_less_than_n_days":
return this.date_is_less_than_n_days_after_current_date( value1, value2 );
}
// Return false if above are not valid
return false;
},
contains: function (field_value, value) {
return field_value.toLowerCase().indexOf(value) >= 0;
},
date_is_grater: function( date1, date2 ) {
return forminatorDateUtil.compare( date1, date2 ) === 1;
},
date_is_smaller: function( date1, date2 ) {
return forminatorDateUtil.compare( date1, date2 ) === -1;
},
date_is_equal: function( date1, date2 ) {
return forminatorDateUtil.compare( date1, date2 ) === 0;
},
date_is_n_days_before_current_date: function( date1, n ) {
n = parseInt( n );
var current_date = this.get_current_date();
var diff = forminatorDateUtil.diffInDays( date1, current_date );
if( isNaN( diff ) ) {
return false;
}
if( n === 0 ) {
return ( diff === n );
} else {
return ( diff >= n );
}
},
date_is_less_than_n_days_before_current_date: function( date1, n ) {
n = parseInt( n );
var current_date = this.get_current_date();
var diff = forminatorDateUtil.diffInDays( date1, current_date );
if( isNaN( diff ) ) {
return false;
}
return ( diff < n && diff > 0 );
},
date_is_n_days_after_current_date: function( date1, n ) {
n = parseInt( n );
var current_date = this.get_current_date();
var diff = forminatorDateUtil.diffInDays( current_date, date1 );
if( isNaN( diff ) ) {
return false;
}
if( n === 0 ) {
return ( diff === n );
} else {
return ( diff >= n );
}
},
date_is_less_than_n_days_after_current_date: function( date1, n ) {
n = parseInt( n );
var current_date = this.get_current_date();
var diff = forminatorDateUtil.diffInDays( current_date, date1 );
if( isNaN( diff ) ) {
return false;
}
return ( diff < n && diff > 0 );
},
get_current_date: function() {
return new Date();
},
toggle_field: function (element_id, action, type) {
var $element_id = this.get_form_field(element_id),
$column_field = $element_id.closest('.forminator-col'),
$hidden_upload = $column_field.find('.forminator-input-file-required'),
$hidden_signature = $column_field.find('[id ^=ctlSignature][id $=_data]'),
$hidden_wp_editor = $column_field.find('.forminator-wp-editor-required'),
$row_field = $column_field.closest('.forminator-row'),
$pagination_next_field = this.$el.find('.forminator-pagination-footer').find('.forminator-button-next'),
$paypal_field = this.$el.find('.forminator-pagination-footer').find('#forminator-paypal-submit')
;
if( 'submit' === element_id ) {
var $pagination_field = this.$el.find('.forminator-pagination-footer').find('.forminator-button-submit')
} else {
var $pagination_field = this.$el.find('.forminator-pagination-footer').find('#forminator-paypal-submit');
}
// Handle show action
if (action === "show") {
if (type === "valid") {
$row_field.removeClass('forminator-hidden');
$column_field.removeClass('forminator-hidden');
$pagination_field.removeClass('forminator-hidden');
$pagination_next_field.removeClass('forminator-hidden');
if ($hidden_upload.length > 0) {
$hidden_upload.addClass('do-validate');
}
if ($hidden_wp_editor.length > 0) {
$hidden_wp_editor.addClass('do-validate');
}
if ($hidden_signature.length > 0) {
$hidden_signature.addClass('do-validate');
}
if ($paypal_field.length > 0) {
$paypal_field.removeClass('forminator-hidden');
}
} else {
$column_field.addClass('forminator-hidden');
$pagination_field.addClass('forminator-hidden');
if ($hidden_upload.length > 0) {
$hidden_upload.removeClass('do-validate');
}
if ($hidden_wp_editor.length > 0) {
$hidden_wp_editor.removeClass('do-validate');
}
if ($hidden_signature.length > 0) {
$hidden_signature.removeClass('do-validate');
}
if ($row_field.find('> .forminator-col:not(.forminator-hidden)').length === 0) {
$row_field.addClass('forminator-hidden');
}
}
}
// Handle hide action
if (action === "hide") {
if (type === "valid") {
$column_field.addClass('forminator-hidden');
$pagination_field.addClass('forminator-hidden');
if ($hidden_upload.length > 0) {
$hidden_upload.removeClass('do-validate');
}
if ($hidden_wp_editor.length > 0) {
$hidden_wp_editor.removeClass('do-validate');
}
if ($hidden_signature.length > 0) {
$hidden_signature.removeClass('do-validate');
}
if ($row_field.find('> .forminator-col:not(.forminator-hidden)').length === 0) {
$row_field.addClass('forminator-hidden');
}
} else {
$row_field.removeClass('forminator-hidden');
$column_field.removeClass('forminator-hidden');
$pagination_field.removeClass('forminator-hidden');
if ($hidden_upload.length > 0) {
$hidden_upload.addClass('do-validate');
}
if ($hidden_wp_editor.length > 0) {
$hidden_wp_editor.addClass('do-validate');
}
if ($hidden_signature.length > 0) {
$hidden_signature.addClass('do-validate');
}
}
}
this.$el.trigger('forminator:field:condition:toggled');
},
clear_value: function(element_id, e) {
var $element = this.get_form_field(element_id),
value = this.get_field_value(element_id)
;
// Execute only on human action
if (e.originalEvent !== undefined) {
if (this.field_is_radio($element)) {
$element.data('previous-value', value);
$element.removeAttr('checked');
} else if (this.field_is_checkbox($element)) {
$element.each(function () {
if($(this).is(':checked')) {
$(this).data('previous-value', value);
}
$(this).removeAttr('checked');
});
} else {
$element.data('previous-value', value);
$element.val('');
}
}
},
restore_value: function(element_id, e) {
var $element = this.get_form_field(element_id),
value = $element.data('previous-value')
;
if(!value) return;
// Execute only on human action
if (e.originalEvent !== undefined) {
if (this.field_is_radio($element)) {
$element.val([value]);
} else if (this.field_is_checkbox($element)) {
$element.each(function () {
var value = $(this).data('previous-value');
if (!value) return;
if (value.indexOf($(this).val()) >= 0) {
$(this).attr("checked", "checked");
}
});
} else {
$element.val(value);
}
}
},
hide_element: function (relation, e){
var self = this,
sub_relations = self.get_relations(relation);
self.clear_value(relation, e);
sub_relations.forEach(function (sub_relation) {
self.toggle_field(sub_relation, 'hide', "valid");
if (self.has_relations(sub_relation)) {
sub_relations = self.hide_element(sub_relation, e);
}
});
},
show_element: function (relation, e){
var self = this,
sub_relations = self.get_relations(relation);
this.restore_value(relation, e);
sub_relations.forEach(function (sub_relation) {
var logic = self.get_field_logic(sub_relation),
action = logic.action,
rule = logic.rule,
conditions = logic.conditions, // Conditions rules
matches = 0 // Number of matches
;
conditions.forEach(function (condition) {
// If rule is applicable save in matches
if (self.is_applicable_rule(condition, action)) {
matches++;
}
});
if ((rule === "all" && matches === conditions.length) || (rule === "any" && matches > 0)) {
self.toggle_field(sub_relation, action, "valid");
}else{
self.toggle_field(sub_relation, action, "invalid");
}
if (self.has_relations(sub_relation)) {
sub_relations = self.show_element(sub_relation, e);
}
});
},
});
// A really lightweight plugin wrapper around the constructor,
// preventing against multiple instantiations
$.fn[pluginName] = function (options, calendar) {
return this.each(function () {
if (!$.data(this, pluginName)) {
$.data(this, pluginName, new ForminatorFrontCondition(this, options, calendar));
}
});
};
})(jQuery, window, document);