KOKINIO - MANAGER
Edit File: um-conditional.js
var arr_all_conditions = []; //raw var um_field_conditions = {}; // filtered var um_field_default_values = {}; /** * Get field default value * * @param {object} $dom * @return {object} */ function um_get_field_default_value( $dom ) { var default_value = ''; var type = um_get_field_type( $dom ); switch ( type ) { case 'text': case 'number': case 'date': case 'textarea': case 'select': default_value = $dom.find('input:text,input[type="number"],textarea,select').val(); break; case 'multiselect': default_value = $dom.find('select').val(); break; case 'radio': if ( $dom.find('input[type="radio"]:checked').length >= 1 ) { default_value = $dom.find('input[type="radio"]:checked').val(); } break; case 'checkbox': if ( $dom.find('input[type="checkbox"]:checked').length >= 1 ) { if ( $dom.find('input[type="checkbox"]:checked').length > 1 ) { var arr_values = []; arr_values.push( default_value ); $dom.find('input[type="checkbox"]:checked').each( function() { arr_values.push( jQuery(this).val() ); }); default_value = arr_values; } else { default_value = $dom.find('input[type="checkbox"]:checked').val(); } } break; default: default_value = wp.hooks.applyFilters( 'um_conditional_logic_default_value', default_value, type, $dom ); break; } return {type: type, value: default_value}; } /** * Get field element by field wrapper * * @param {object} $dom * @return {object} */ function um_get_field_element( $dom ) { var field_element = $dom.find( 'input,textarea,select' ); var type = um_get_field_type( $dom ); field_element = wp.hooks.applyFilters( 'um_conditional_logic_field_element', field_element, type, $dom ); return field_element; } /** * Get field type * * @param {object} $dom * @return {string} */ function um_get_field_type( $dom ) { var type = ''; var classes = $dom.attr( 'class' ).split(' '); jQuery.each( classes, function ( i, d ) { if ( /um-field-type_/.test( d ) ) { type = d.replace( 'um-field-type_', '' ).trim(); } }); return type; } /** * Get field siblings/chidren conditions * * @param {string} field_key * @return {array} */ function um_get_field_children( field_key ) { var arr_conditions = []; jQuery.each( arr_all_conditions, function ( ii, condition ) { if ( condition.field.parent === field_key ) { arr_conditions.push( condition.field.condition ); } }); return arr_conditions; } /** * Split single array to multi-dimensional array * * @param {array} arr * @param {integer} n * @return {array} */ function um_splitup_array( arr, n ) { var rest = arr.length % n, restUsed = rest, partLength = Math.floor(arr.length / n), result = []; for (var i = 0; i < arr.length; i += partLength) { var end = partLength + i, add = false; if (rest !== 0 && restUsed) { end++; restUsed--; add = true; } result.push(arr.slice(i, end)); if (add) { i++; } } var obj_result = []; jQuery.each(result, function (ii, dd) { obj_result.push({ action: dd[0], if_field: dd[1], operator: dd[2], value: dd[3] }); }); return obj_result; } /** * Get field live value * * @param {object} $dom * @return {mixed} */ function um_get_field_data( $dom ) { um_live_field = $dom.parents('.um-field').data('key'); um_live_value = $dom.val(); if ($dom.is(':checkbox')) { um_live_value = ''; if ($dom.parents('.um-field').find('input:checked').length > 1) { $dom.parents('.um-field').find('input:checked').each(function () { um_live_value = um_live_value + jQuery(this).val() + ' '; }); } else { if ($dom.parents('.um-field').find('input:checked').length >= 1) { um_live_value = $dom.parents('.um-field').find('input:checked').val(); } } } if ($dom.is(':radio')) { um_live_value = $dom.parents('.um-field').find('input[type=radio]:checked').val(); } return um_live_value; } /** * Checks if a value exists in an array * * @param {String} needle * @param {Array} haystack * @param {Boolean} strict * @returns {Boolean} */ function um_in_array( needle, haystack, strict ) { var found = false, key; strict = !!strict; for ( key in haystack ) { if ( ( strict && haystack[ key ] === needle ) || ( ! strict && haystack[ key ] == needle ) ) { found = true; break; } } return found; } /** * Apply field conditions * * @param {object} $dom * @param {boolean} is_single_update */ function um_apply_conditions( $dom, is_single_update ) { if ( ! $dom.parents('.um-field[data-key]').length ) { return; } var key = $dom.parents('.um-field[data-key]').data('key'); var conditions = um_field_conditions[ key ]; if ( typeof conditions === 'undefined' ) { return; } var field_type = um_get_field_type( $dom.parents('.um-field[data-key]') ); var live_field_value = um_get_field_data( $dom ); if (live_field_value === 'empty_file') { live_field_value = ''; } var $owners = {}; var $owners_values = {}; var $owner_conditions = {}; jQuery.each( conditions, function ( index, condition ) { if ( typeof $owners_values[ condition.owner ] == 'undefined' ) { $owners_values[ condition.owner ] = []; $owner_conditions[ condition.owner ] = {} } $owners_values[ condition.owner ].push( condition.value ); $owner_conditions[ condition.owner ] = condition; }); jQuery.each( conditions, function ( index, condition ) { if ( typeof $owners[ condition.owner ] == 'undefined' ) { $owners[ condition.owner ] = {}; } if ( condition.operator === 'empty' ) { var field_value = Array.isArray( live_field_value ) ? live_field_value.join('') : live_field_value; if ( ! field_value || field_value === '' ) { $owners[ condition.owner ][ index ] = true; } else { $owners[ condition.owner ][ index ] = false; } } if ( condition.operator === 'not empty' ) { var field_value = Array.isArray( live_field_value ) ? live_field_value.join('') : live_field_value; if ( field_value && field_value !== '' ) { $owners[ condition.owner ][ index ] = true; } else { $owners[ condition.owner ][ index ] = false; } } if ( condition.operator === 'equals to' ) { var field_value = ( Array.isArray( live_field_value ) && live_field_value.length === 1 ) ? live_field_value[0] : live_field_value; if ( condition.value === field_value && um_in_array( field_value, $owners_values[ condition.owner ] ) ) { $owners[ condition.owner ][ index ] = true; } else { $owners[ condition.owner ][ index ] = false; } } if ( condition.operator === 'not equals' ) { var field_value = ( Array.isArray( live_field_value ) && live_field_value.length === 1 ) ? live_field_value[0] : live_field_value; if ( jQuery.isNumeric(condition.value) && parseInt(field_value) !== parseInt( condition.value ) && field_value && ! um_in_array( field_value, $owners_values[ condition.owner ] ) ) { $owners[ condition.owner ][ index ] = true; } else if ( condition.value != field_value && ! um_in_array( field_value, $owners_values[ condition.owner ] ) ) { $owners[ condition.owner ][ index ] = true; } else { $owners[ condition.owner ][ index ] = false; } } if ( condition.operator === 'greater than' ) { var field_value = ( Array.isArray( live_field_value ) && live_field_value.length === 1 ) ? live_field_value[0] : live_field_value; if ( jQuery.isNumeric( condition.value ) && parseInt( field_value ) > parseInt( condition.value ) ) { $owners[ condition.owner ][ index ] = true; } else { $owners[ condition.owner ][ index ] = false; } } if ( condition.operator === 'less than' ) { var field_value = ( Array.isArray( live_field_value ) && live_field_value.length === 1 ) ? live_field_value[0] : live_field_value; if ( jQuery.isNumeric( condition.value ) && parseInt( field_value ) < parseInt( condition.value ) ) { $owners[ condition.owner ][ index ] = true; } else { $owners[ condition.owner ][ index ] = false; } } if ( condition.operator === 'contains' ) { switch ( field_type ) { case 'multiselect': if ( live_field_value && live_field_value.indexOf( condition.value ) >= 0 && um_in_array( condition.value, live_field_value ) ) { $owners[ condition.owner ][ index ] = true; } else { $owners[ condition.owner ][ index ] = false; } break; case 'checkbox': if ( live_field_value && live_field_value.indexOf( condition.value ) >= 0 ) { $owners[ condition.owner ][ index ] = true; } else { $owners[ condition.owner ][ index ] = false; } break; default: $owners = wp.hooks.applyFilters( 'um_conditional_logic_contains_operator_owners', $owners, field_type, live_field_value, condition, index ); if ( typeof $owners[ condition.owner ][ index ] === 'undefined' ) { if ( live_field_value && live_field_value.indexOf( condition.value ) >= 0 && um_in_array( live_field_value, $owners_values[ condition.owner ] ) ) { $owners[ condition.owner ][ index ] = true; } else { $owners[ condition.owner ][ index ] = false; } } break; } } }); // end foreach `conditions` jQuery.each( $owners, function ( index, field ) { if ( um_in_array( true, field ) ) { um_field_apply_action( $dom, $owner_conditions[ index ], true ); } else { um_field_apply_action( $dom, $owner_conditions[ index ], false ); } }); $dom.trigger( 'um_fields_change' ); } /** * Apply condition's action * * @param {object} $dom * @param {string} condition * @param {boolean} is_true * @returns {jQuery} */ function um_field_apply_action($dom, condition, is_true) { var child_dom = jQuery('div.um-field[data-key="' + condition.owner + '"]'); if ( condition.action === 'show' && is_true /*&& child_dom.is(':hidden')*/ ) { if( child_dom.is(':hidden') ){ um_field_restore_default_value(child_dom); } child_dom.show(); _show_in_ie( child_dom ); } if ( condition.action === 'show' && ! is_true /*&& child_dom.is(':visible')*/ ) { child_dom.hide(); _hide_in_ie( child_dom ); } if ( condition.action === 'hide' && is_true /*&& child_dom.is(':visible')*/ ) { child_dom.hide(); _hide_in_ie( child_dom ); } if ( condition.action === 'hide' && ! is_true /*&& child_dom.is(':hidden')*/ ) { if( child_dom.is(':hidden') ){ um_field_restore_default_value(child_dom); } child_dom.show(); _show_in_ie( child_dom ); } return $dom.removeClass( 'um-field-has-changed' ); } /** * Restores default field value * * @param {object} $dom */ function um_field_restore_default_value( $dom ) { var type = um_get_field_type( $dom ); var key = $dom.data('key'); var field = um_field_default_values[ key ]; switch ( type ) { case 'text': case 'number': case 'date': case 'textarea': $dom.find('input:text,input[type="number"],textareas').val(field.value); break; case 'select': $dom.find('select').find('option').prop('selected', false); $dom.find('select').val(field.value); $dom.find('select').trigger('change'); break; case 'multiselect': $dom.find('select').find('option').prop('selected', false); jQuery.each(field.value, function (i, value) { $dom.find('select').find('option[value="' + value + '"]').attr('selected', true); }); $dom.find('select').trigger('change'); break; case 'checkbox': if ( $dom.find('input[type="checkbox"]:checked').length >= 1 ) { $dom.find('input[type="checkbox"]:checked').prop('checked', false); $dom.find('span.um-field-checkbox-state i').removeClass('um-icon-android-checkbox-outline'); $dom.find('span.um-field-checkbox-state i').addClass('um-icon-android-checkbox-outline-blank'); $dom.find('.um-field-checkbox.active').removeClass('active'); if ( Array.isArray( field.value ) ) { jQuery.each( field.value, function ( i, value ) { var cbox_elem = $dom.find('input[type="checkbox"][value="' + value + '"]'); cbox_elem.attr('checked', true); cbox_elem.closest('.um-field-checkbox').find('i').removeClass('um-icon-android-checkbox-outline-blank'); cbox_elem.closest('.um-field-checkbox').find('i').addClass('um-icon-android-checkbox-outline'); cbox_elem.closest('.um-field-checkbox').addClass('active'); }); } else { var cbox_elem = $dom.find('input[type="checkbox"][value="' + field.value + '"]'); cbox_elem.attr('checked', true); cbox_elem.closest('.um-field-checkbox').find('i').removeClass('um-icon-android-checkbox-outline-blank'); cbox_elem.closest('.um-field-checkbox').find('i').addClass('um-icon-android-checkbox-outline'); cbox_elem.closest('.um-field-checkbox').addClass('active'); } } break; case 'radio': if ( $dom.find('input[type="radio"]:checked').length >= 1 ) { setTimeout( function() { $dom.find('input[type="radio"]:checked').prop('checked', false); $dom.find('span.um-field-radio-state i').removeClass('um-icon-android-radio-button-on'); $dom.find('span.um-field-radio-state i').addClass('um-icon-android-radio-button-off'); $dom.find('.um-field-radio.active').removeClass('active'); var radio_elem = $dom.find('input[type="radio"][value="' + field.value + '"]'); radio_elem.attr('checked', true); radio_elem.closest('.um-field-radio').find('i').removeClass('um-icon-android-radio-button-off'); radio_elem.closest('.um-field-radio').find('i').addClass('um-icon-android-radio-button-on'); radio_elem.closest('.um-field-radio').addClass('active'); }, 100 ); } break; default: wp.hooks.doAction( 'um_conditional_logic_restore_default_value', type, $dom, field ); break; } // end switch type if ( ! $dom.hasClass( 'um-field-has-changed' ) ) { var me = um_get_field_element( $dom ); if ( type === 'radio' || type === 'checkbox' ) { me = me.find( ':checked' ); } if ( me ) { me.trigger( 'change' ); $dom.addClass( 'um-field-has-changed' ); } /* maybe future fix if ( me ) { if ( type == 'radio' || type == 'checkbox' ) { me.each( function() { if ( jQuery(this).is(':checked') ) { jQuery(this).trigger('change'); } }); } else { me.trigger( 'change' ); } $dom.addClass( 'um-field-has-changed' ); }*/ } } /** * Hides sibling/child field when parent field is hidden */ function um_field_hide_siblings() { jQuery.each(um_field_conditions, function (index, conditions) { if (jQuery('.um-field[data-key="' + index + '"]:hidden').length >= 1 || jQuery('.um-field[data-key="' + index + '"]').css('display') === 'none') { jQuery.each(conditions, function (key, condition) { jQuery('.um-field[data-key="' + condition.owner + '"]').hide(); }); } }); } /** * Hides div for IE browser * * @param {object} $dom */ function _hide_in_ie( $dom ){ if ( typeof( jQuery.browser ) !== 'undefined' && jQuery.browser.msie ) { $dom.css({"visibility":"hidden"}); } } /** * Shows div for IE browser * * @param {object} $dom */ function _show_in_ie( $dom ){ if ( typeof( jQuery.browser ) !== 'undefined' && jQuery.browser.msie ) { $dom.css({"visibility":"visible"}); } } /** * UM Conditional fields Init */ function um_init_field_conditions() { var arr_field_keys = []; jQuery( '.um-field[data-key]' ).each( function() { var key = jQuery(this).data( 'key' ); arr_field_keys.push( key ); var parse_attrs = {}; jQuery.each( jQuery(this)[0].attributes, function ( index, attribute ) { if ( attribute.name.indexOf( 'data-cond' ) !== -1 ) { // replace "data-cond-" var cond_field_id_and_attr = attribute.name.slice( 10 ); // return "n" var cond_field_id = cond_field_id_and_attr.substring( 1, 0 ); //replace "n-" var cond_field_attr = cond_field_id_and_attr.slice( 2 ); if ( typeof parse_attrs[cond_field_id] === 'undefined' ) parse_attrs[cond_field_id] = {}; parse_attrs[cond_field_id][cond_field_attr] = attribute.value; } }); jQuery.each( parse_attrs, function ( ii, dd ) { var obj = {'field' :{ owner: key, action: dd.action, parent: dd.field, operator: dd.operator, value: dd.value, condition: { owner: key, action: dd.action, operator: dd.operator, value: dd.value } }}; arr_all_conditions.push(obj); }); um_field_default_values[ jQuery(this).data('key') ] = um_get_field_default_value( jQuery(this) ); }); jQuery.each( arr_field_keys, function ( i, field_key ) { um_field_conditions[field_key] = um_get_field_children( field_key ); }); jQuery( '.um-field[data-key]:visible' ).each( function() { var $wrap_dom = jQuery(this); var me = um_get_field_element( $wrap_dom ); if ( typeof me.trigger !== 'undefined' ) { me.trigger( 'change' ); } }); } jQuery(document).ready( function (){ jQuery(document).on('change', '.um-field select, .um-field input[type="radio"], .um-field input[type="checkbox"]', function () { var me = jQuery(this); um_apply_conditions(me, false); }); jQuery(document).on('input change', '.um-field input[type="text"]', function () { var me = jQuery(this); um_apply_conditions(me, false); }); jQuery(document).on('input change', '.um-field input[type="number"]', function () { var me = jQuery(this); um_apply_conditions(me, false); }); jQuery(document).on('input change', '.um-field input[type="password"]', function () { var me = jQuery(this); um_apply_conditions(me, false); }); jQuery(document).on('change', '.um-field-image input[type="hidden"],.um-field-file input[type="hidden"]', function () { var me = jQuery(this); um_apply_conditions(me, false); }); jQuery(document).on('click', '.um-finish-upload', function () { var key = jQuery(this).attr('data-key'); var me = jQuery('.um-field-'+key+' input'); setTimeout(function () { um_apply_conditions(me, false); }, 100); }); jQuery(document).on('click', '.um-field .cancel', function () { var key = jQuery(this).parent().attr('data-key'); var me = jQuery('.um-field-'+key+' input'); setTimeout(function () { um_apply_conditions(me, false); }, 1000); }); jQuery(document).on('um_fields_change', function () { um_field_hide_siblings(); um_field_hide_siblings(); // dupes, issue with false field wrapper's visiblity validations. requires optimization. }); um_init_field_conditions(); });