Warning: session_start(): Session cannot be started after headers have already been sent in /home/tvrreohg/public_html/manga.php on line 13
/* eslint-env jquery */ var gform = window.gform || {}; // "prop" method fix for previous versions of jQuery (1.5 and below) if( typeof jQuery.fn.prop === 'undefined' ) { jQuery.fn.prop = jQuery.fn.attr; } //---------------------------------------- //------ INSTANCES ----------------------- //---------------------------------------- /** * Namespace to store our JavaScript class instances */ gform.instances = gform.instances || {}; //---------------------------------------- //------ CONSOLE FUNCTIONS --------------- //---------------------------------------- /** * Console namespace for our safe to use and extendable console functions. */ gform.console = { error: function( message ) { if( window.console ) { console.error( message ); } }, info: function( message ) { if( window.console ) { console.info( message ); } }, log: function( message ) { if( window.console ) { console.log( message ); } }, }; //---------------------------------------- //------ ADMIN UTIL FUNCTIONS ------------ //---------------------------------------- /** * Namespace for our admin utlity functions */ gform.adminUtils = { /** * Handle any unsaved changes to the current settings page. * * @since 2.4 * * @param {string} elemId The ID of the current element to check for changes. */ handleUnsavedChanges: function( elemId ) { var hasUnsavedChanges = null; jQuery( elemId ).find( 'input, select, textarea' ).on( 'change keyup', function() { if ( jQuery( this ).attr( 'onChange' ) === undefined && jQuery( this ).attr( 'onClick' ) === undefined ) { hasUnsavedChanges = true; } // Don't trigger unsaved changes on the enable api access button. if ( ( jQuery( this ).next().data("jsButton") || jQuery( this ).data("jsButton") ) === 'enable-api' ) { hasUnsavedChanges = null; } } ); // Standalone logic for the web api settings page. Trigger unsaved changes if the setting doesn't match the checkbox state. if ( this.getUrlParameter( 'subview' ) === 'gravityformswebapi' ) { if ( window.gf_webapi_vars && window.gf_webapi_vars.api_enabled !== window.gf_webapi_vars.enable_api_checkbox_checked ) { hasUnsavedChanges = true; } } jQuery( elemId ).on( 'submit', function() { hasUnsavedChanges = null; } ); window.onbeforeunload = function() { return hasUnsavedChanges; }; }, getUrlParameter: function( param ) { var url = window.location.search.substring( 1 ); var urlVariables = url.split( '&' ); for ( var i = 0; i < urlVariables.length; i++ ) { var parameterName = urlVariables[i].split( '=' ); if ( parameterName[0] == param ) { return parameterName[1]; } } }, } window.HandleUnsavedChanges = gform.adminUtils.handleUnsavedChanges; //---------------------------------------- //------ TOOL FUNCTIONS ------------------ //---------------------------------------- /** * Tool namespace to house our common dom/function tools. */ gform.tools = { /** * Wrapper to add debouncing to any given callback. * * @since 2.5.2 * * @param {Function} fn The callback to execute. * @param {integer} debounceLength The amount of time for which to debounce (in milliseconds) * @param {bool} isImmediate Whether to fire this immediately, or at the tail end of the timeout. * * @returns {function} */ debounce: function( fn, debounceLength, isImmediate ) { // Initialize var to hold our window timeout var timeout; var lastArgs; var lastFn; return function() { // Initialize local versions of our context and arguments to pass to apply() var callbackContext = this; var args = arguments; // Create a deferred callback to fire if this shouldn't be immediate. var deferredCallback = function() { timeout = null; if ( ! isImmediate ) { fn.apply( callbackContext, args ); } }; // Begin processing the actual callback. var callNow = isImmediate && ! timeout; // Reset timeout if it is the same method with the same args. if ( args === lastArgs && ( ''+lastFn == ''+fn ) ) { clearTimeout( timeout ); } // Set the value of the last function call and arguments to help determine whether the next call is unique. var cachePreviousCall = function( fn, args ) { lastFn = fn; lastArgs = args; } timeout = setTimeout( deferredCallback, debounceLength ); cachePreviousCall( fn, args ); // Method should be executed on the trailing edge of the timeout. Bail for now. if ( ! callNow ) { return; } // Callback should be called immediately, and isn't currently debounced; execute it. fn.apply( callbackContext, args ); }; }, /** * @function gform.tools.defaultFor * @description Returns a default if first arg is undefined. Once we start migrating to es6 or use babel can * easily swap to default args * * @since 2.5 * * @param {*} arg * @param {*} val * @returns {*} */ defaultFor: function( arg, val ) { return typeof arg !== 'undefined' ? arg : val; }, /** * @function gform.tools.getFocusable * @description Get focusable elements inside a container and return as an array. * * @since 2.5 * * @param container the parent to search for focusable elements inside of * @returns {*[]} */ getFocusable: function( container ) { container = this.defaultFor( container, document ); var focusable = this.convertElements( container.querySelectorAll( 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])' ) ); return focusable.filter( function( item ) { return this.visible( item ); }.bind( this ) ); }, /** * @function gform.tools.htmlToElement * * Allows you to convert an HTML string to a DOM Object. * * @param {string} html * * @returns {ChildNode} */ htmlToElement: function( html ) { var template = document.createElement( 'template' ); html = html.trim(); template.innerHTML = html; return template.content.firstChild; }, /** * @function gform.tools.elementToHTML * * Converts a DOM Element to an HTML string. * * @param {object} el * * @returns {string} */ elementToHTML: function( el ) { return el.outerHTML; }, /** * @function gform.tools.convertElements * @description Efficient function to convert a nodelist into a standard array. * Allows you to run Array.forEach in ie11/saf on result of querySelector functions. * Used by getNodes below. * * @since 2.5 * * @param {Element|NodeList} elements Elements to convert * * @returns {Array} Of converted elements */ convertElements: function( elements ) { var converted = []; var i = elements.length; for ( i; i--; converted.unshift( elements[ i ] ) ) ; return converted; }, /** * @function gform.tools.delegate * @description Simple jQuery on replacement. When migrating to ES6 bundle replace with npm delegate. * * @since 2.5 * * @param {String} selector * @param {String} event * @param {String} childSelector * @param {Function} handler */ delegate: function( selector, event, childSelector, handler ) { var is = function( el, selector ) { return ( el.matches || el.msMatchesSelector ).call( el, selector ); }; var elements = document.querySelectorAll( selector ); [].forEach.call( elements, function( el, i ) { el.addEventListener( event, function( e ) { if ( is( e.target, childSelector ) ) { handler( e ); } } ); } ); }, /** * @function gform.tools.getClosest * @description Get a parent node based on selector plus passed in child element. * * @since 2.5 * * @param {Element|EventTarget} el * @param {String} selector * * @returns {null|*} */ getClosest: function( el, selector ) { var matchesFn; var parent; [ 'matches', 'webkitMatchesSelector', 'mozMatchesSelector', 'msMatchesSelector', 'oMatchesSelector' ] .some( function( fn ) { if ( typeof document.body[ fn ] === 'function' ) { matchesFn = fn; return true; } return false; } ); while ( el ) { parent = el.parentElement; if ( parent && parent[ matchesFn ]( selector ) ) { return parent; } el = parent; } return null; }, /** * @function gform.tools.getNodes * @description Used for getting nodes. Please use the data-js attribute whenever possible. * * @since 2.5 * * @param {String} selector The selector string to search for. If arg 4 is false (default) then we search for [data-js="selector"] * @param {Boolean} [convert] Convert the NodeList to an array? Then we can Array.forEach directly. Uses convertElements from above. * @param {Element|EventTarget|Document} [node] Parent node to search from. Defaults to document. * @param {Boolean} [custom] Is this a custom selector were we don't want to use the data-js attribute? * * @returns {NodeList|Array} */ getNodes: function( selector, convert, node, custom ) { if ( ! selector ) { gform.console.error( 'Please pass a selector to gform.tools.getNodes' ); return []; } node = this.defaultFor( node, document ); var selectorString = custom ? selector : '[data-js="' + selector + '"]'; var nodes = node.querySelectorAll( selectorString ); if ( convert ) { nodes = this.convertElements( nodes ); } return nodes; }, /** * @function gform.tools.mergeObjects * @description ES5 Object.assign. Usage: gforms.tools.mergeObjects( obj1, obj2, obj3 ); * * @since 2.5 * * @returns {{}} */ mergeObjects: function() { var resObj = {}; for ( var i = 0; i < arguments.length; i += 1 ) { var obj = arguments[ i ] var keys = Object.keys( obj ); for ( var j = 0; j < keys.length; j += 1 ) { resObj[ keys[ j ] ] = obj[ keys[ j ] ]; } } return resObj; }, /** * @function gform.tools.setAttr * @description Sets attributes for a group of nodes based on a passed selector. * Can apply to document or subset, and has optional delay. * * @since 2.5 * * @param {String} selector A selector string, and valid js selector string for a dom element. * @param {String} attr The attribute name. * @param {String} value The attribute value. * @param {Element|EventTarget|Document} [container] Node to search from, default is document. * @param {Number} [delay] The delay to apply. */ setAttr: function( selector, attr, value, container, delay ) { if ( ! selector || ! attr || ! value ) { gform.console.error( 'Please pass a selector, attribute and value to gform.tools.setAttr' ); return []; } container = this.defaultFor( container, document ); delay = this.defaultFor( delay, 0 ); setTimeout( function() { gform.tools.getNodes( selector, true, container, true ) .forEach( function( node ) { node.setAttribute( attr, value ); } ); }, delay ); }, /** * @function gform.tools.isRtl * @description Determine if the page is in RTL. * * @since 2.5 * */ isRtl: function() { if ( jQuery( 'html' ).attr( 'dir' ) === 'rtl' ) { return true; } }, /** * @function gform.tools.trigger * @description Trigger custom or native events on any element in a cross browser way, and pass along optional data. * * @since 2.5.1.1 * * @param {String} eventName The event name. * @param {Element|EventTarget|Document} el Default document. The element to trigger the event on. * @param {Boolean} native Default fasle. Is this a custom event or native? * @param {Object} data Custom data to send along, available in event.detail on listener. */ trigger: function( eventName, el, native, data ) { var event; eventName = this.defaultFor( eventName, '' ); el = this.defaultFor( el, document ); native = this.defaultFor( native, false ); data = this.defaultFor( data, {} ); if ( native ) { event = document.createEvent( 'HTMLEvents' ); event.initEvent( eventName, true, false ); } else { try { event = new CustomEvent( eventName, { detail: data } ); } catch ( e ) { event = document.createEvent( 'CustomEvent' ); event.initCustomEvent( eventName, true, true, data ); } } el.dispatchEvent( event ); }, /** * @function gform.tools.uniqueId * @description Generate a unique id * * @since 2.5.5.2 * * @param {String} prefix * @returns {string} */ uniqueId: function( prefix ) { prefix = this.defaultFor( prefix, 'id' ); return prefix + '-' + Math.random().toString( 36 ).substr( 2, 9 ); }, /** * @function gform.tools.visible * @description Determine if an element is visible in the dom. * * @since 2.5 * * @param elem The element to check * @returns {boolean} */ visible: function( elem ) { return !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length ); }, stripSlashes: function( str ) { return (str + '').replace(/\\(.?)/g, function (s, n1) { switch (n1) { case '\\': return '\\'; case '0': return '\u0000'; case '': return ''; default: return n1; } }); }, /** * @function gform.tools.getCookie * @description Gets a specific cookie. * * @since 2.5.8 * * @param name The cookie to get * @returns {boolean|string} */ getCookie: function( name ) { var cookieArr = document.cookie.split( ";" ); for(var i = 0; i < cookieArr.length; i++) { var cookiePair = cookieArr[i].split( "=" ); if( name == cookiePair[0].trim() ) { return decodeURIComponent( cookiePair[1] ); } } return null; }, /** * @function gform.tools.setCookie * @description Creates and sets a cookie. * * @since 2.5.8 * * @param name The cookie name * @param value The cookie value * @param daysToExpire The number of days until cookie should expire. If not set, * will expire at the end of the user sessions. * @param updateExistingValue Whether or not to update the existing cookie value to include the new value. * Can be helpful for keeping cookie count lower for the browser. */ setCookie: function( name, value, daysToExpire, updateExistingValue ) { var expirationDate = ''; var cookieValue = value; if ( daysToExpire ) { var date = new Date(); date.setTime( date.getTime() + ( daysToExpire * 24 * 60 * 60 * 1000 ) ); expirationDate = ' expires=' + date.toUTCString(); } if ( updateExistingValue ) { var currentValue = gform.tools.getCookie( name ); cookieValue = currentValue !== '' && currentValue !== null ? currentValue + ',' + value : value; } // Set cookie document.cookie = encodeURIComponent( name ) + '=' + encodeURIComponent( cookieValue ) + ';' + expirationDate; }, /** * @function gform.tools.removeCookie * @description Removes a cookie. * * @since 2.5.8 * * @param name The cookie name to check */ removeCookie: function( name ) { gform.tools.setCookie( name, '', -1 ); } }; //------------------------------------------------ //---------- A11Y FUNCTIONS ---------------------- //------------------------------------------------ /** * A11y namespace to house our accessibility functions. */ gform.a11y = {}; //------------------------------------------------ //---------- OPTIONS ----------------------------- //------------------------------------------------ /** * Options namespace to house common plugin and custom options objects for reuse across our JavaScript. */ gform.options = { /** * Accordions in the editor sidebar use these options. Should be applied to any accordions that want to emulate * that look and feel, and patches an a11y issue with jq accordion and our custom usage. */ jqEditorAccordions: { header: 'button.panel-block-tabs__toggle', heightStyle: 'content', collapsible: true, animate: false, create: function( event ) { gform.tools.setAttr( '.ui-accordion-header', 'tabindex', '0', event.target, 100 ); }, activate: function( event ) { gform.tools.setAttr( '.ui-accordion-header', 'tabindex', '0', event.target, 100 ); }, beforeActivate: function( event ) { // handle advanced tab operations as needed before the tab is revealed in a fields settings if ( event.currentTarget.id === 'advanced_tab_toggle' ) { // handle address field if ( window.field && window.field.type && window.field.type === 'address' ) { // regen the Autocomplete UI on every tab open to handle changes to input visibility from interactions CreateAutocompleteUI( window.field ); } } } }, jqAddFieldAccordions: { heightStyle: 'content', collapsible: true, animate: false, create: function( event ) { gform.tools.setAttr( '.ui-accordion-header', 'tabindex', '0', event.target, 100 ); }, activate: function( event ) { gform.tools.setAttr( '.ui-accordion-header', 'tabindex', '0', event.target, 100 ); }, }, }; //------------------------------------------------ //---------- CURRENCY ---------------------------- //------------------------------------------------ function Currency(currency){ console.warn( 'Currency has been deprecated since Gravity Forms 2.9. Use gform.Currency instead.' ); return new gform.Currency( currency ); } /** * Gets a formatted number and returns a clean "decimal dot" number. * * Note: Input must be formatted according to the specified parameters (symbol_right, symbol_left, decimal_separator). * @example input -> $1.20, output -> 1.2 * * @since 2.1.1.16 Modified to support additional param in Currency.toMoney. * * @param text string The currency-formatted number. * @param symbol_right string The symbol used on the right. * @param symbol_left string The symbol used on the left. * @param decimal_separator string The decimal separator being used. * * @return float The unformatted numerical value. */ function gformCleanNumber(text, symbol_right, symbol_left, decimal_separator){ console.warn( 'gformCleanNumber() has been deprecated since Gravity Forms 2.9. Use gform.Currency.cleanNumber() instead.' ); return gform.Currency.cleanNumber( text, symbol_right, symbol_left, decimal_separator ); } function gformGetDecimalSeparator(numberFormat){ console.warn( 'gformGetDecimalSeparator() has been deprecated since Gravity Forms 2.9. Use gform.Currency.getDecimalSeparator() instead.' ); return gform.Currency.getDecimalSeparator( numberFormat ); } function gformIsNumber(n) { console.warn( 'gformIsNumber() has been deprecated since Gravity Forms 2.9. Use gform.utils.isNumber() instead.' ); return gform.utils.isNumber( n ); } function gformIsNumeric(value, number_format){ switch(number_format){ case "decimal_dot" : var r = new RegExp("^(-?[0-9]{1,3}(?:,?[0-9]{3})*(?:\.[0-9]+)?)$"); return r.test(value); break; case "decimal_comma" : var r = new RegExp("^(-?[0-9]{1,3}(?:\.?[0-9]{3})*(?:,[0-9]+)?)$"); return r.test(value); break; } return false; } //------------------------------------------------ //---------- MULTI-PAGE -------------------------- //------------------------------------------------ function gformDeleteUploadedFile(formId, fieldId, deleteButton){ var parent = jQuery("#field_" + formId + "_" + fieldId); var fileIndex = jQuery(deleteButton).parent().index(); var filePreview = jQuery( deleteButton ).closest( '.ginput_preview' )[0]; var fileId = filePreview.id; filePreview.remove(); //removing the gform_hidden class parent.find('.validation_message,#extensions_message_' + formId + '_' + fieldId).removeClass("gform_hidden"); //displaying post image label parent.find(".ginput_post_image_file").show(); //clearing post image meta fields parent.find("input[type=\"text\"]").val(''); //removing file from uploaded meta var filesJson = jQuery('#gform_uploaded_files_' + formId).val(); if(filesJson){ var files = jQuery.secureEvalJSON(filesJson); if(files) { var inputName = "input_" + fieldId; var $multfile = parent.find("#gform_multifile_upload_" + formId + "_" + fieldId ); if( $multfile.length > 0 ) { files[inputName].splice(fileIndex, 1); var settings = $multfile.data('settings'); var count = files[ inputName ].length; if ( count === 0 ) { jQuery( '#' + settings.gf_vars.message_id ).html(''); gfMultiFileUploader.toggleDisabled( settings, false ); } else { jQuery( '#error_' + fileId ).remove(); // Removing the file-specific validation message. var max = settings.gf_vars.max_files; if ( count < max ) gfMultiFileUploader.toggleDisabled( settings, false ); } } else { files[inputName] = null; } jQuery('#gform_uploaded_files_' + formId).val(jQuery.toJSON(files)); } } } function gformGetFieldId(element){ var id = jQuery(element).attr("id"); var pieces = id.split("_"); if(pieces.length <=0) return 0; var fieldId = pieces[pieces.length-1]; return fieldId; } function gformIsHidden(element){ isHidden = element.parents('.gfield').not(".gfield_hidden_product").css("display") == "none"; /** * Allows user to filter the logic for determining if a field is hidden by conditional logic.. * * @since 2.8.10 * * @param bool Whether or not the field is hidden. * @param object $element jQuery object for field input. */ return gform.applyFilters('gform_is_hidden', isHidden, element); } function gformFormatMoney(text, isNumeric){ if(!gf_global.gf_currency_config) return text; var currency = new gform.Currency(gf_global.gf_currency_config); return currency.toMoney(text, isNumeric); } function gformToNumber(text){ var currency = new gform.Currency(gf_global.gf_currency_config); return currency.toNumber(text); } function gformRoundPrice(price){ var currency = new gform.Currency(gf_global.gf_currency_config); var roundedPrice = currency.numberFormat( price, currency.currency['decimals'], '.', '' ); return parseFloat( roundedPrice ); } //------------------------------------------------ //---------- PRICE ------------------------------- //------------------------------------------------ var _gformPriceFields = new Array(); var _anyProductSelected; /** * Calculate total price when input is updated. * * @since 2.5.2 - This method is run through debounce() to avoid recursions. * @since 3.0.0 - Deprecated * * @deprecated next - No replacement. Total price calculation is now handled by the products module in assets and will automatically be updated when product fields change. * * @remove-in 4.0 */ var gformCalculateTotalPrice = gform.tools.debounce(function(formId){ console.warn( 'gformCalculateTotalPrice() has been deprecated with no replacement. Price fields are now automatically initialized and calculated by the products module in assets.' ); // For backwards compatibility, we need to ensure fields have been registered. // This was previously handled by gformInitPriceFields, but since that method is no longer called and deprecated, we need to register fields here. if ( _gformPriceFields.length === 0 ) { const priceFields = gform.tools.getNodes( '.gfield_price', true, document, true ); priceFields.forEach( ( field ) => { const productIds = gformGetProductIds( 'gfield_price', field ); gformRegisterPriceField( productIds ); } ); } if(!_gformPriceFields[formId]) { return; } var price = 0; _anyProductSelected = false; //Will be used by gformCalculateProductPrice(). for(var i=0; i<_gformPriceFields[formId].length; i++){ price += gformCalculateProductPrice(formId, _gformPriceFields[formId][i]); } //add shipping price if a product has been selected if(_anyProductSelected){ //shipping price var shipping = gformGetShippingPrice(formId) price += shipping; } //gform_product_total filter. Allows users to perform custom price calculation if(window["gform_product_total"]) price = window["gform_product_total"](formId, price); price = gform.applyFilters('gform_product_total', price, formId); gformUpdateTotalFieldPrice( formId, price ); }, 50, false ); /** * Updates the value of the total field with a new price if it has changed. * * @since 2.5.5 * @since 3.0.0 - Deprecated * * @param {string|number} formId The ID of the form with the total field. * @param {int} price The new price to apply. * * @deprecated next - No replacement. Total field price calculation is now handled by the products module in assets. * * @remove-in 4.0 * * @return {void} */ function gformUpdateTotalFieldPrice( formId, price ) { console.warn( 'gformUpdateTotalFieldPrice() has been deprecated with no replacement. Price fields are now automatically initialized and calculated by the products module in assets.' ); var $totalElement = jQuery( '.ginput_total_' + formId ); if ( ! $totalElement.length > 0 ) { return; } /** * @function priceHasChanged * @description For legacy, compare numeric values, otherwise compare currency as that's what * the input stores as value. * * @param {Object} priceData * @returns {boolean} */ var priceHasChanged = function( priceData ) { return isLegacy ? priceData.current !== priceData.new : priceData.current !== priceData.newFormatted; } // Check whether this form is in legacy mode. var isLegacy = document.querySelector( '#gform_wrapper_' + formId + '.gform_legacy_markup_wrapper' ); // Input is hidden in legacy mode and comes after span that displays value, currently only the input is present and visible. var $totalInput = isLegacy ? $totalElement.next() : $totalElement; // Contains current value (numeric or currency formatted), new numeric value and newFormatted value var priceData = { current: String( $totalInput.val() ), new: String( price ), newFormatted: gformFormatMoney( String( price ), true ), } // New value is the same as the current value, bail before updating. if ( ! priceHasChanged( priceData ) ) { return; } // Legacy field if ( isLegacy ) { // Set input value to numeric value and trigger a change event for any js listeners in conditional logic // or third party integrations. $totalInput.val( priceData.new ).trigger( 'change' ); // Inject span with currency value for display. $totalElement.html( priceData.newFormatted ); return; } // First set the input to the numeric value and trigger the change event so that js listeners get the value in expected format. $totalInput.val( priceData.new ).trigger( 'change' ); // Then set the input to the currency value for display. If you have a script that wants to get the value // of this input without listening to the change event you will have to also handle removing the currency formatting // if expecting number in your code. $totalInput.val( priceData.newFormatted ); } /** * @deprecated next - Use gform.state.get( FORM_ID, 'products' ); to get access to the shipping amount. * * @remove-in 4.0 */ function gformGetShippingPrice(formId){ console.warn( 'gformGetShippingPrice() has been deprecated. Use gform.state.get( FORM_ID, \'products\' ); to get access to the shipping amount.' ); var shippingField = jQuery(".gfield_shipping_" + formId + " input[readonly], .gfield_shipping_" + formId + " select, .gfield_shipping_" + formId + " input:checked"); var shipping = 0; if(shippingField.length == 1 && !gformIsHidden(shippingField)){ if(shippingField.attr("readonly")) shipping = shippingField.val(); else shipping = gformGetPrice(shippingField.val()); } return gformToNumber(shipping); } /** * @deprecated next - No replacement. Product price calculation is now handled by the products module in assets. * * @remove-in 4.0 */ function gformCalculateProductPrice(form_id, productFieldId){ console.warn( 'gformCalculateProductPrice() has been deprecated with no replacement.' ); var suffix = '_' + form_id + '_' + productFieldId; //Drop down auto-calculating labels jQuery('.gfield_option' + suffix + ', .gfield_shipping_' + form_id).find('select').each(function(){ var dropdown_field = jQuery(this); var selected_price = gformGetPrice(dropdown_field.val()); var field_id = dropdown_field.attr('id').split('_')[2]; dropdown_field.children('option').each(function(){ var choice_element = jQuery(this); var label = gformGetOptionLabel(choice_element, choice_element.val(), selected_price, form_id, field_id); choice_element.html(label); }); }); //Checkboxes labels with prices jQuery('.gfield_option' + suffix).find('.gfield_checkbox').find('input:checkbox').each(function(){ var checkbox_item = jQuery(this); var id = checkbox_item.attr('id'); var field_id = id.split('_')[2]; var label_id = id.replace('choice_', '#label_'); var label_element = jQuery(label_id); var label = gformGetOptionLabel(label_element, checkbox_item.val(), 0, form_id, field_id); label_element.html(label); }); //Radio button auto-calculating lables jQuery('.gfield_option' + suffix + ', .gfield_shipping_' + form_id).find('.gfield_radio').each(function(){ var selected_price = 0; var radio_field = jQuery(this); var id = radio_field.attr('id'); var fieldId = id.split('_')[2]; var selected_value = radio_field.find('input:radio:checked').val(); if(selected_value) selected_price = gformGetPrice(selected_value); radio_field.find('input:radio').each(function(){ var radio_item = jQuery(this); var label_id = radio_item.attr('id').replace('choice_', '#label_'); var label_element = jQuery(label_id); if ( label_element ) { var label = gformGetOptionLabel(label_element, radio_item.val(), selected_price, form_id, fieldId); label_element.html(label); } }); }); var price = gformGetBasePrice(form_id, productFieldId); var quantity = gformGetProductQuantity( form_id, productFieldId ); //calculating options if quantity is more than 0 (a product was selected). if( quantity > 0 ) { jQuery('.gfield_option' + suffix).find('input:checked, select').each(function(){ if(!gformIsHidden(jQuery(this))) price += gformGetPrice(jQuery(this).val()); }); //setting global variable if quantity is more than 0 (a product was selected). Will be used when calculating total _anyProductSelected = true; } price = price * quantity; price = gformRoundPrice(price) ; return price; } /** * @deprecated next - Use gform.state.get( FORM_ID, 'products' ); to get access to the product quantity. * * @remove-in 4.0 */ function gformGetProductQuantity(formId, productFieldId) { console.warn( 'gformGetProductQuantity() has been deprecated. Use gform.state.get( FORM_ID, \'products\' ); to get access to the product quantity.' ); //If product is not selected if (!gformIsProductSelected(formId, productFieldId)) { return 0; } var quantity, quantityInput = jQuery( '#ginput_quantity_' + formId + '_' + productFieldId ), numberFormat; // New input ID starts from 2.5, for the single product and calculation fields. if ( ! quantityInput.length ) { quantityInput = jQuery( '#input_' + formId + '_' + productFieldId + '_1' ); } if (gformIsHidden(quantityInput)) { return 0; } if (quantityInput.length > 0) { quantity = quantityInput.val(); } else { quantityInput = jQuery('.gfield_quantity_' + formId + '_' + productFieldId + ' :input'); quantity = 1; if (quantityInput.length > 0) { quantity = quantityInput.val(); var htmlId = quantityInput.attr('id'), fieldId = gf_get_input_id_by_html_id(htmlId); numberFormat = gf_get_field_number_format( fieldId, formId, 'value' ); } } if (!numberFormat) numberFormat = 'currency'; var decimalSeparator = gform.Currency.getDecimalSeparator(numberFormat); quantity = gform.Currency.cleanNumber(quantity, '', '', decimalSeparator); if (!quantity) quantity = 0; return quantity; } /** * @deprecated next - Use gform.state.get( FORM_ID, 'products' ); to get access to selected products. * * @remove-in 4.0 */ function gformIsProductSelected( formId, productFieldId ) { console.warn( 'gformIsProductSelected() has been deprecated. Use gform.state.get( FORM_ID, \'products\' ); to get access to selected products.' ); var suffix = "_" + formId + "_" + productFieldId; var productField = jQuery("#ginput_base_price" + suffix + ", .gfield_donation" + suffix + " input[type=\"text\"], .gfield_product" + suffix + " .ginput_amount"); if( productField.val() && ! gformIsHidden(productField) ){ return true; } else { productField = jQuery(".gfield_product" + suffix + " select, .gfield_product" + suffix + " input:checked, .gfield_donation" + suffix + " select, .gfield_donation" + suffix + " input:checked"); if( productField.val() && ! gformIsHidden(productField) ){ return true; } } return false; } /** * @deprecated next - Use gform.state.get( FORM_ID, 'products' ); to get access to the product base price. * * @remove-in 4.0 */ function gformGetBasePrice(formId, productFieldId){ console.warn( 'gformGetBasePrice() has been deprecated. Use gform.state.get( FORM_ID, \'products\' ); to get access to the product base price.' ); var suffix = "_" + formId + "_" + productFieldId; var price = 0; var productField = jQuery("#ginput_base_price" + suffix+ ", .gfield_donation" + suffix + " input[type=\"text\"], .gfield_product" + suffix + " .ginput_amount"); if(productField.length > 0){ price = productField.val(); //If field is hidden by conditional logic, don't count it for the total if(gformIsHidden(productField)){ price = 0; } } else { productField = jQuery(".gfield_product" + suffix + " select, .gfield_product" + suffix + " input:checked, .gfield_donation" + suffix + " select, .gfield_donation" + suffix + " input:checked"); var val = productField.val(); if(val){ const value = gformParseChoiceValue( val ); val = value.name; price = value.price || 0; } //If field is hidden by conditional logic, don't count it for the total if(gformIsHidden(productField)) price = 0; } var c = new gform.Currency(gf_global.gf_currency_config); price = c.toNumber(price); return price === false ? 0 : price; } /** * @function gformParseChoiceValue * @description Parse a choice value into its name and price components. * * @since 2.9.30 * * @param {string} value The choice value string in the format "name|price". * * @return {object} Returns an object in the format: { price: PRODUCT_PRICE, name: PRODUCT_NAME } */ function gformParseChoiceValue( value ) { if ( window.gform?.products?.parser?.parseChoiceValue ) { return window.gform.products.parser.parseChoiceValue( value ); } if ( ! value ) { return { name: null, price: null }; } const idx = value.lastIndexOf( '|' ); if ( idx === -1 ) { return { name: value, price: null }; } const name = value.slice( 0, idx ); const price = gformToNumber( value.slice( idx + 1 ) ); return { name, price }; } /** * @deprecated next - No replacement. Price fields are now automatically formatted by the products module in assets. * * @remove-in 4.0 */ function gformFormatPricingField(element){ console.warn( 'gformFormatPricingField() has been deprecated with no replacement. Price fields are now automatically formatted by the products module in assets.' ); if(gf_global.gf_currency_config){ var currency = new gform.Currency(gf_global.gf_currency_config); var price = currency.toMoney(jQuery(element).val()); jQuery(element).val(price); } } /** * @deprecated next - No replacement. Product price calculation is now handled by the products module in assets. * * @remove-in 4.0 */ function gformGetPriceDifference(currentPrice, newPrice){ //getting price difference var diff = parseFloat(newPrice) - parseFloat(currentPrice); price = gformFormatMoney(diff, true); if(diff > 0) price = "+" + price; return price; } /** * @deprecated next - No replacement. Product price calculation is now handled by the products module in assets. * * @remove-in 4.0 */ function gformGetOptionLabel(element, selected_value, current_price, form_id, field_id){ console.warn('gformGetOptionLabel() has been deprecated with no replacement. Product price calculation is now handled by the products module in assets.' ); element = jQuery(element); var price = gformGetPrice(selected_value); var current_diff = element.attr('price'); var original_label = element.html().replace(//i, "").replace(current_diff, ""); var diff = gformGetPriceDifference(current_price, price); diff = gformToNumber(diff) == 0 ? "" : " " + diff; element.attr('price', diff); //don't add for drop down items (not supported) var price_label = element[0].tagName.toLowerCase() == "option" ? diff : "" + diff + ""; var label = original_label + price_label; //calling hook to allow for custom option formatting if(window["gform_format_option_label"]) label = gform_format_option_label(label, original_label, price_label, current_price, price, form_id, field_id); return label; } /** * @deprecated next - No replacement. Product price calculation is now handled by the products module in assets. * * @remove-in 4.0 */ function gformGetProductIds(parent_class, element){ console.warn('gformGetProductIds() has been deprecated with no replacement. Product price calculation is now handled by the products module in assets.' ); var classes = jQuery(element).hasClass(parent_class) ? jQuery(element).attr("class").split(" ") : jQuery(element).parents("." + parent_class).attr("class").split(" "); for(var i=0; i { const productIds = gformGetProductIds( 'gfield_price', field ); gformRegisterPriceField( productIds ); }); // Getting all forms that have product fields. const formIds = Object.keys( _gformPriceFields ); formIds.forEach( ( formId ) => { gformCalculateTotalPrice( formId ); } ); bindProductChangeEvent(); } /** * @deprecated next - No replacement. gform_price_change will be removed in 3.0 in favor of gform/products/product_field_changed, so this method isn't needed. * * @remove-in 3.0 */ function bindProductChangeEvent() { // For backwards compatibility, fire jQuery gform_price_change event. document.addEventListener( 'gform/products/product_field_changed', function( event ) { const productIds = { formId : event.detail.formId, productFieldId : event.detail.productFieldId } /** * @deprecated next. Use gform/products/product_field_changed instead. * * @remove-in 3.0 */ jQuery( document ).trigger( 'gform_price_change', [ productIds, event.detail.htmlInput, this ] ); } ); } //------------------------------------------- //---------- PASSWORD ----------------------- //------------------------------------------- function gformShowPasswordStrength(fieldEl){ if ( ! fieldEl || typeof fieldEl.closest !== 'function' ) { return; } var wrapper = fieldEl.closest('.gfield--type-password'); if ( ! wrapper ) { return; } var passwordEl = wrapper.querySelector('.password_input_container input'); var confirmEl = wrapper.querySelectorAll('.password_input_container input')[1] || null; var strengthEl = wrapper.querySelector('input[name*="strength"]'); var strengthIndicatorEl = wrapper.querySelector('.gfield_password_strength'); var password = passwordEl.value; var confirm = confirmEl !== null ? confirmEl.value : ''; var result = gformPasswordStrength( password, confirm ), resultClass = result === 'unknown' ? 'blank' : result; if (strengthEl) { strengthEl.value = result; } if (strengthIndicatorEl) { strengthIndicatorEl.classList.remove("blank", "mismatch", "short", "good", "bad", "strong"); strengthIndicatorEl.classList.add(resultClass); var key = "password_" + result; var text = ( window.gf_text && key in window.gf_text ) ? window.gf_text[ key ] : ''; strengthIndicatorEl.innerHTML = text; } } // Password strength meter function gformPasswordStrength( password1, password2 ) { if ( password1.length <= 0 ) { return 'blank'; } var disallowedList = wp.passwordStrength.hasOwnProperty( 'userInputDisallowedList' ) ? wp.passwordStrength.userInputDisallowedList() : wp.passwordStrength.userInputBlacklist(), strength = wp.passwordStrength.meter( password1, disallowedList, password2 ); switch ( strength ) { case -1: return 'unknown'; case 2: return 'bad'; case 3: return 'good'; case 4: return 'strong'; case 5: return 'mismatch'; default: return 'short'; } } function gformToggleShowPassword(buttonEl) { var passwordContainer = buttonEl.closest('.password_input_container'); if (!passwordContainer) return; var passwordInput = passwordContainer.querySelector('input'); if (!passwordInput) return; var icon = buttonEl.querySelector('span'); var currentType = passwordInput.getAttribute('type'); switch (currentType) { case 'password': passwordInput.setAttribute('type', 'text'); buttonEl.setAttribute('aria-label', buttonEl.getAttribute('data-label-hide')); icon.classList.remove('dashicons-hidden'); icon.classList.add('dashicons-visibility'); break; case 'text': passwordInput.setAttribute('type', 'password'); buttonEl.setAttribute('aria-label', buttonEl.getAttribute('data-label-show')); icon.classList.remove('dashicons-visibility'); icon.classList.add('dashicons-hidden'); break; } } //---------------------------- //------ CHECKBOX FIELD ------ //---------------------------- function gformToggleCheckboxes( toggleElement ) { var checked, $toggleElement = jQuery( toggleElement ), toggleElementCheckbox = $toggleElement.is( 'input[type="checkbox"]' ), $toggle = $toggleElement.parent(), $toggleLabel = $toggle.find( 'label' ), $checkboxes = $toggle.parent().find( '.gchoice:not( .gchoice_select_all )' ), formId = gf_get_form_id_by_html_id( $toggle.parents( '.gfield' ).attr( 'id' ) ), calcObj = rgars( window, 'gf_global/gfcalc/' + formId ); // Determine checked state. if ( toggleElementCheckbox ) { checked = toggleElement.checked; } else { // Get checked data. var checkedData = $toggleElement.data( 'checked' ); if ( typeof checkedData === 'boolean' ) { checked = !checkedData; } else { checked = !( parseInt( checkedData ) === 1 ) } } // Set checkboxes state. $checkboxes.each( function() { // Set checkbox checked state. jQuery( 'input[type="checkbox"]', this ).prop( 'checked', checked ).trigger( 'change' ); // Execute onclick event. if ( typeof jQuery( 'input[type="checkbox"]', this )[0].onclick === 'function' ) { jQuery( 'input[type="checkbox"]', this )[0].onclick(); } } ); // Change toggle label, checked state. gformToggleSelectAll( toggleElement, checked ? 'deselect' : 'select' ); // Announce change. wp.a11y.speak( checked ? gf_field_checkbox.strings.selected : gf_field_checkbox.strings.deselected ); if ( calcObj ) { calcObj.runCalcs( formId, calcObj.formulaFields ); } } function gformToggleSelectAll( selectAllElement, action ) { var $selectAllElement = jQuery( selectAllElement ), toggleElementCheckbox = $selectAllElement.is( 'input[type="checkbox"]' ), $toggle = toggleElementCheckbox ? $selectAllElement.parent() : $selectAllElement.prev(), $toggleLabel = $toggle.find( 'label' ); if ( ! toggleElementCheckbox ) { $selectAllElement.html( action === 'deselect' ? $selectAllElement.data( 'label-deselect' ) : $selectAllElement.data( 'label-select' ) ); $selectAllElement.data( 'checked', action === 'deselect' ? 1 : 0 ); } } jQuery(document).on('click', '.gfield_choice--select_all_enabled *', function() { var $select_all = jQuery( this ).closest( '.gfield_choice--select_all_enabled' ).find( '.gfield_choice_all_toggle' ); // if any of the checkboxes are unchecked, turn the "deselect all" button/checkbox into a "select all" button/checkbox if ( jQuery( this ).is( '.gchoice input[type="checkbox"]' ) ) { if( $select_all.is( 'input[type="checkbox"]' ) ) { if ( !jQuery( this ).prop( 'checked' ) ) { $select_all.prop( 'checked', false ); } } else { gformToggleSelectAll( $select_all, 'select' ); } } // if all checkboxes that are not the "select all" checkbox are checked, turn the "select all" button/checkbox into a "deselect all" button/checkbox if ( jQuery( this ).is( '.gchoice input[type="checkbox"]' ) ) { var $checkboxes = jQuery( this ).closest( '.gfield_choice--select_all_enabled' ).find( '.gchoice input[type="checkbox"]:not(".gfield_choice_all_toggle")' ); if ( $checkboxes.length === $checkboxes.filter( ':checked' ).length ) { if( $select_all.is( 'input[type="checkbox"]' ) ) { $select_all.prop( 'checked', true ); gformToggleSelectAll( $select_all, 'deselect' ); } else { gformToggleSelectAll( $select_all, 'deselect' ); } } } }); //---------------------------- //------ RADIO FIELD ------ //---------------------------- function gformToggleRadioOther( radioElement ) { // Get Other input element. var $other = gform.tools.getClosest( radioElement, '.ginput_container_radio' ).querySelector( 'input.gchoice_other_control' ); if ( $other ) { $other.disabled = radioElement.value !== 'gf_other_choice'; } } //---------------------------- //------ LIST FIELD ---------- //---------------------------- function gformAddListItem( addButton, max ) { var $addButton = jQuery( addButton ); if( $addButton.hasClass( 'gfield_icon_disabled' ) ) { return; } var $group = $addButton.parents( '.gfield_list_group' ), $clone = $group.clone(), $container = $group.parents( '.gfield_list_container' ), tabindex = $clone.find( ':input:last' ).attr( 'tabindex' ); // reset all inputs to empty state $clone .find( 'input, select, textarea' ).attr( 'tabindex', tabindex ) .not( ':checkbox, :radio' ).val( '' ).attr( 'value', '' ); $clone.find( ':checkbox, :radio' ).prop( 'checked', false ); $clone = gform.applyFilters( 'gform_list_item_pre_add', $clone, $group ); $group.after( $clone ); gformToggleIcons( $container, max ); gformAdjustClasses( $container ); gformAdjustRowAttributes( $container ); gform.doAction( 'gform_list_post_item_add', $clone, $container ); wp.a11y.speak( window.gf_global.strings.newRowAdded ); } function gformDeleteListItem( deleteButton, max ) { var $deleteButton = jQuery( deleteButton ); if ( $deleteButton.prop( 'disabled' ) ) { return; } else { $deleteButton.prop( 'disabled', true ); } var $group = $deleteButton.parents( '.gfield_list_group' ), $container = $group.parents( '.gfield_list_container' ); $group.remove(); gformToggleIcons( $container, max ); gformAdjustClasses( $container ); gformAdjustRowAttributes( $container ); gform.doAction( 'gform_list_post_item_delete', $container ); wp.a11y.speak( window.gf_global.strings.rowRemoved ); } function gformAdjustClasses( $container ) { var $groups = $container.find( '.gfield_list_group' ); $groups.each( function( i ) { var $group = jQuery( this ), oddEvenClass = ( i + 1 ) % 2 == 0 ? 'gfield_list_row_even' : 'gfield_list_row_odd'; $group.removeClass( 'gfield_list_row_odd gfield_list_row_even' ).addClass( oddEvenClass ); } ); } function gformAdjustRowAttributes( $container ) { if( $container.parents( '.gform_wrapper' ).hasClass( 'gform_legacy_markup_wrapper' ) ) { return; } $container.find( '.gfield_list_group' ).each( function( i ) { var $input = jQuery( this ).find( 'input, select, textarea' ); $input.each( function( index, input ) { var $this = jQuery( input ); $this.attr( 'aria-label', $this.data( 'aria-label-template' ).gformFormat( i + 1 ) ); } ); var $remove = jQuery( this ).find( '.delete_list_item' ); $remove.attr( 'aria-label', $remove.data( 'aria-label-template' ).gformFormat( i + 1 ) ); } ); } function gformToggleIcons( $container, max ) { var groupCount = $container.find( '.gfield_list_group' ).length, $addButtons = $container.find( '.add_list_item' ), isLegacy = typeof gf_legacy !== 'undefined' && gf_legacy.is_legacy; if ( groupCount === 1 ) { $container.find( '.delete_list_item' ).prop( 'disabled', true ).css( 'visibility', 'hidden' ); } else { $container.find( '.delete_list_item' ).prop( 'disabled', false ).css( 'visibility', 'visible' ); } if ( max > 0 && groupCount >= max ) { // store original title in the add button $addButtons.data( 'title', $container.find( '.add_list_item' ).attr( 'title' ) ); $addButtons.addClass( 'gfield_icon_disabled' ).attr( 'title', '' ); if ( ! isLegacy ) { $addButtons.prop( 'disabled', true ); } } else if( max > 0 ) { $addButtons.removeClass( 'gfield_icon_disabled' ); if ( ! isLegacy ) { $addButtons.prop( 'disabled', false ); } if( $addButtons.data( 'title' ) ) { $addButtons.attr( 'title', $addButtons.data( 'title' ) ); } } } //----------------------------------- //------ CREDIT CARD FIELD ---------- //----------------------------------- function gformMatchCard(id) { var cardType = gformFindCardType(jQuery('#' + id).val()); var cardContainer = jQuery('#' + id).parents('.gfield').find('.gform_card_icon_container'); if(!cardType) { jQuery(cardContainer).find('.gform_card_icon').removeClass('gform_card_icon_selected gform_card_icon_inactive'); } else { jQuery(cardContainer).find('.gform_card_icon').removeClass('gform_card_icon_selected').addClass('gform_card_icon_inactive'); jQuery(cardContainer).find('.gform_card_icon_' + cardType).removeClass('gform_card_icon_inactive').addClass('gform_card_icon_selected'); } } function gformFindCardType(value) { if(value.length < 4) return false; var rules = window['gf_cc_rules']; var validCardTypes = new Array(); for(type in rules) { //needed when implementing for in loops if(!rules.hasOwnProperty(type)) continue; for(i in rules[type]) { if(!rules[type].hasOwnProperty(i)) continue; if(rules[type][i].indexOf(value.substring(0, rules[type][i].length)) === 0) { validCardTypes[validCardTypes.length] = type; break; } } } return validCardTypes.length == 1 ? validCardTypes[0].toLowerCase() : false; } function gformToggleCreditCard(){ if(jQuery("#gform_payment_method_creditcard").is(":checked")) jQuery(".gform_card_fields_container").slideDown(); else jQuery(".gform_card_fields_container").slideUp(); } //---------------------------------------- //------ CHOSEN DROP DOWN FIELD ---------- //---------------------------------------- function gformInitChosenFields( fieldList, noResultsText ) { return jQuery( fieldList ).each( function(){ var element = jQuery( this ); // Cloned (repeater) fields will have noResultsText set to undefined, so we need to cache the original value. noResultsText = noResultsText || element.data('noResultsText'); element.attr('data-noResultsText', noResultsText); var isConvoForm = typeof gfcf_theme_config !== 'undefined' ? ( gfcf_theme_config !== null && typeof gfcf_theme_config.data !== 'undefined' ? gfcf_theme_config.data.is_conversational_form : undefined ) : false; // RTL support if( jQuery( 'html' ).attr( 'dir' ) == 'rtl' ) { element.addClass( 'chosen-rtl chzn-rtl' ); } // only initialize once if( ( element.is( ':visible' ) || isConvoForm ) && element.siblings( '.chosen-container' ).length == 0 ) { var chosenOptions = { no_results_text: noResultsText }; if ( isConvoForm ) { chosenOptions.width = element.css( 'inline-size' ); } var options = gform.applyFilters( 'gform_chosen_options', chosenOptions, element ); element.chosen( options ); } }); } //---------------------------------------- //--- CURRENCY FORMAT NUMBER FIELD ------- //---------------------------------------- function gformInitCurrencyFormatFields(fieldList){ jQuery(fieldList).each(function(){ var $this = jQuery(this); $this.val( gformFormatMoney( jQuery(this).val() ) ); }).change( function( event ) { jQuery(this).val( gformFormatMoney( jQuery(this).val() ) ); }); } //---------------------------------------- //------ JS MERGE TAGS ------------------- //---------------------------------------- /** * @var {Object} GFMergeTag Handles MergeTag Operations. * @remove-in 4.0 * @deprecated Use gform.mergeTags instead. */ var GFMergeTag = function() { /** * Gets the merge tag value for the specified input Id * @param formId The current form Id * @param inputId The input Id to get the merge tag from. This could be a field id (i.e. 1) or a specific input Id for multi-input fields (i.e. 1.2) * @param modifier The merge tag modifier to be used. i.e. value, currency, price, etc... * @returns Returns a string containing the merge tag value for the specified input Id * @remove-in 4.0 * @deprecated Use gform.mergeTags.getFieldValue() instead. */ GFMergeTag.getMergeTagValue = function( formId, inputId, modifier ) { const mergeTagInfo = gform.mergeTags.getMergeTagInfo( formId, inputId, modifier ); if ( ! mergeTagInfo.isVisible ) { return ''; } const inputForFilter = jQuery( mergeTagInfo.input ); let value = window.gform.applyFilters( 'gform_value_merge_tag_' + formId + '_' + mergeTagInfo.fieldId, false, inputForFilter, mergeTagInfo.modifier ); if ( value !== false ) { return value; } return gform.mergeTags.getFieldValue( formId, inputId, modifier, mergeTagInfo ); } /** * Parses the specified text for merge tags, and replaces all of them with the appropriate merge tag values. Returns the resulting string * @param formId The current form Id * @param text The text containing merge tags * @returns Retuns the original "text" strings with all merge tags replaced with the appropriate merge tag values * @remove-in 4.0 * @deprecated Use gform.mergeTags.replaceMergeTags() instead. */ GFMergeTag.replaceMergeTags = function( formId, text ) { return gform.mergeTags.replaceMergeTags( formId, text ); } /** * @deprecated Use gform.mergeTags.formatValue() instead. * @remove-in 4.0 */ GFMergeTag.formatValue = function( value, modifier ) { return gform.mergeTags.formatValue( value, modifier ); } /** * Parses the merge tags in the specified text and returns an array of all the matched merge tags * * @param text The text with merge tags to be parsed * @param regEx The regular expression to be used to parse for merge tags. * * @returns Returns an array with all the merge tags that were matched in the original text * @deprecated Use gform.mergeTags.parseMergeTags() instead. * @remove-in 4.0 */ GFMergeTag.parseMergeTags = function( text, regEx ) { return gform.mergeTags.parseMergeTags( text, regEx ); } } new GFMergeTag(); //---------------------------------------- //------ CALCULATION FUNCTIONS ----------- //---------------------------------------- var GFCalc = function(formId, formulaFields){ this.formId = formId; this.formulaFields = formulaFields; this.exprPatt = /^[0-9 -/*\(\)]+$/i; this.isCalculating = {}; this.init = function(formId, formulaFields) { var calc = this; // @since 2.5.10 - namespace event to avoid multiple bindings. jQuery(document) .off("gform_post_conditional_logic.gfCalc_{0}".gformFormat(formId)) .on("gform_post_conditional_logic.gfCalc_{0}".gformFormat(formId), function(){ calc.runCalcs( formId, formulaFields ); } ); for(var i=0; i 0 ) { window.gform.utils.trigger( { event: 'change', el: formulaInput[0], native: true } ); } // Announce the price change of the product only if there's no Total field. if ( jQuery( '.gfield_label_product' ).length && ! jQuery( '.ginput_total' ).length ) { result = jQuery( 'label[ for=input_' + formId + '_' + formulaField.field_id + '_1 ]' ).find( '.gfield_label_product' ).text() + ' ' + result; wp.a11y.speak( result ); } } else { formulaInput.val(result).trigger('change'); } }; this.runCalcs = function( formId, formulaFields ) { for(var i=0; i 0 ) { jQuery(imageChoice).click(function(){ calcObj.bindCalcEvent(inputId, formulaField, formId, 0); }); } } else if(input.is('select') || input.prop('type') == 'hidden') { jQuery(input).change(function(){ calcObj.bindCalcEvent(inputId, formulaField, formId, 0); }); } else { jQuery(input).keydown(function(){ calcObj.bindCalcEvent(inputId, formulaField, formId); }).change(function(){ calcObj.bindCalcEvent(inputId, formulaField, formId, 0); }); } // allow users to add custom methods for triggering calculations gform.doAction( 'gform_post_calculation_events', matches[i], formulaField, formId, calcObj ); } } this.bindCalcEvent = function(inputId, formulaField, formId, delay) { var calcObj = this; var formulaFieldId = formulaField.field_id; delay = delay == undefined ? 345 : delay; if(calcObj.isCalculating[formulaFieldId][inputId]) clearTimeout(calcObj.isCalculating[formulaFieldId][inputId]); calcObj.isCalculating[formulaFieldId][inputId] = window.setTimeout(function() { calcObj.runCalc(formulaField, formId); }, delay); } this.replaceFieldTags = function( formId, expr, formulaField ) { var matches = GFMergeTag.parseMergeTags( expr ); for(i in matches) { if(! matches.hasOwnProperty(i)) continue; var inputId = matches[i][1]; var fieldId = parseInt(inputId,10); if ( fieldId == formulaField.field_id && fieldId == inputId ) { continue; } var modifier = 'value'; if( matches[i][3] ){ modifier = matches[i][3]; } else { var is_product_radio = jQuery('.gfield_price input[name=input_' + fieldId + ']').is('input[type=radio]'); var is_product_dropdown = jQuery('.gfield_price select[name=input_' + fieldId + ']').length > 0; var is_option_checkbox = jQuery('.gfield_price input[name="input_' + inputId + '"]').is('input[type=checkbox]'); if( is_product_dropdown || is_product_radio || is_option_checkbox ) { modifier = 'price'; } } var isVisible = window['gf_check_field_rule'] ? gf_check_field_rule( formId, fieldId, true, '' ) == 'show' : true; var value = isVisible ? GFMergeTag.getMergeTagValue( formId, inputId, modifier ) : 0; // allow users to modify value with their own function value = gform.applyFilters( 'gform_merge_tag_value_pre_calculation', value, matches[i], isVisible, formulaField, formId ); value = this.cleanNumber( value, formId, fieldId, formulaField ); expr = expr.replace( matches[i][0], value ); } return expr; } this.cleanNumber = function ( value, formId, fieldId, formulaField ) { var numberFormat = gf_get_field_number_format( fieldId, formId ); if( ! numberFormat ) { numberFormat = gf_get_field_number_format(formulaField.field_id, formId); } var decimalSeparator = gform.Currency.getDecimalSeparator(numberFormat); value = gform.Currency.cleanNumber( value, '', '', decimalSeparator ); if( ! value ) value = 0; return value; } this.init(formId, formulaFields); } function gformFormatNumber(number, rounding, decimalSeparator, thousandSeparator){ if(typeof decimalSeparator == "undefined"){ if(window['gf_global']){ var currency = new gform.Currency(gf_global.gf_currency_config); decimalSeparator = currency.currency["decimal_separator"]; } else{ decimalSeparator = "."; } } if(typeof thousandSeparator == "undefined"){ if(window['gf_global']){ var currency = new gform.Currency(gf_global.gf_currency_config); thousandSeparator = currency.currency["thousand_separator"]; } else{ thousandSeparator = ","; } } var currency = new gform.Currency(); return currency.numberFormat(number, rounding, decimalSeparator, thousandSeparator, false) } function gf_get_field_number_format(fieldId, formId, context) { var fieldNumberFormats = rgars(window, 'gf_global/number_formats/{0}/{1}'.gformFormat(formId, fieldId)), format = false; if (fieldNumberFormats === '') { return format; } if (typeof context == 'undefined') { format = fieldNumberFormats.price !== false ? fieldNumberFormats.price : fieldNumberFormats.value; } else { format = fieldNumberFormats[context]; } return format; } //---------------------------------------- //------ reCAPTCHA FUNCTIONS ------------- //---------------------------------------- gform.recaptcha = { /** * Callback function on the reCAPTCAH API script. * * @see GF_Field_CAPTCHA::get_field_input() in /includes/fields/class-gf-field-catpcha.php */ renderRecaptcha: function() { jQuery( '.ginput_recaptcha:not(.gform-initialized)' ).each( function() { let $elem = jQuery( this ), parameters = { 'sitekey': $elem.data( 'sitekey' ), 'theme': $elem.data( 'theme' ), 'tabindex': $elem.data( 'tabindex' ), 'error-callback': () => { console.error( 'Gravity Forms: There was an error initializing reCAPTCHA v2. Please ensure your reCAPTCHA API keys are valid.' ); $elem.attr( 'data-recaptcha-error', '1' ); } }; if ( $elem.data( 'stoken' ) ) { parameters.stoken = $elem.data( 'stoken' ); } /** * Allows a custom callback function to be executed when the user successfully submits the captcha. * * @since 2.4.x The callback will be a function if reCAPTCHA v2 Invisible is used. * @since 2.2.5.20 * * @param string|false|object The name of the callback function or the function object itself to be executed when the user successfully submits the captcha. * @param object $elem The jQuery object containing the div element with the ginput_recaptcha class for the current reCaptcha field. */ const callback = gform.applyFilters( 'gform_recaptcha_callback', false, $elem ); if ( callback ) { parameters.callback = callback; } // Rendering recaptcha and saving the widget id as an attribute. const widgetId = grecaptcha.render( this.id, parameters ); $elem[0].setAttribute( 'data-widget-id', widgetId ); if ( parameters.tabindex ) { $elem.find( 'iframe' ).attr( 'tabindex', parameters.tabindex ); } $elem.addClass( 'gform-initialized' ); gform.doAction( 'gform_post_recaptcha_render', $elem ); } ); gform.recaptcha.bindRecaptchaSubmissionEvents(); }, isSubmissionEventsInitialized: false, bindRecaptchaSubmissionEvents: function() { // If already initialized, abort. if ( gform.recaptcha.isSubmissionEventsInitialized ) { return; } // Setting initialized flag. gform.recaptcha.isSubmissionEventsInitialized = true; // Subscribe to the pre_submission filter to execute invisible recaptcha when form is submitted. window.gform.utils.addAsyncFilter( 'gform/submission/pre_submission', async ( data ) => { const requiresRecaptcha = data.submissionType === gform.submission.SUBMISSION_TYPE_SUBMIT || data.submissionType === gform.submission.SUBMISSION_TYPE_NEXT; // Execute recaptcha if this is the right submission type and the submission hasn't been flagged to be aborted. if ( requiresRecaptcha && ! data.abort ) { await gform.recaptcha.maybeExecuteInvisibleRecaptcha( data ); } return data; }); // Subscribe to the pre_ajax_validation filter to execute invisible recaptcha when form is validated via AJAX. window.gform.utils.addAsyncFilter( 'gform/ajax/pre_ajax_validation', gform.recaptcha.maybeExecuteInvisibleRecaptcha ); // Subscribe to the AJAX submission and validation events to save the recaptcha result. window.gform.utils.addFilter( 'gform/ajax/post_ajax_submission', gform.recaptcha.handleAjaxPostSubmission ); window.gform.utils.addFilter( 'gform/ajax/post_ajax_validation', gform.recaptcha.handleAjaxPostValidation ); }, /** * @function maybeExecuteInvisibleRecaptcha * @description Executes the invisible recaptcha and waits for the response. * @since 2.9.0 * * @param {object} data Data passed by the pre submission filter. * @returns {Promise<*>} Returns the pre submission data object unchanged. */ maybeExecuteInvisibleRecaptcha: async function( data ) { if ( gform.recaptcha.gformIsRecaptchaPending( jQuery( data.form ) ) ) { const recaptcha = gform.utils.getNode( '.ginput_recaptcha', data.form, true ); await gform.recaptcha.executeRecaptcha( recaptcha.getAttribute( 'data-widget-id' ), data.form ); } return data; }, /** * @function executeRecaptcha * @description Executes recaptcha and waits for the response by polling the .g-recaptcha-response field. * @since 2.9.0 * * @param {string} widgetId The recaptcha widgetId. * @param {HTMLFormElement} form The form being submitted * @returns {Promise} Returns the recaptcha response when it becomes available in the .g-recaptcha-response */ executeRecaptcha: async function( widgetId, form ) { // If there was an error loading recaptcha, just abort and let the submission fail validation. const recaptcha = gform.utils.getNode( '.ginput_recaptcha', form, true ); if ( recaptcha.getAttribute( 'data-recaptcha-error' ) === '1' ) { return; } // Executes recaptcha. window.grecaptcha.execute( widgetId ); // Resolve promise when response is available. return new Promise(( resolve, reject ) => { const intervalId = setInterval(() => { const response = gform.utils.getNode( '.g-recaptcha-response', form, true ); if ( response && response.value ) { clearInterval( intervalId ); resolve( response.value ); } }, 100 ); }); }, /** * @function handleAjaxPostValidation * @description Saves the recaptcha response after an AJAX validation request. * @since 2.9.0 * * @param {object} data Data passed by the ajax post validation filter. * @returns {object} Returns the data object unchanged. */ handleAjaxPostValidation: function( data ) { gform.recaptcha.saveRecaptchaResponse( data.validationResult.data.recaptcha_response, data.form ); return data; }, /** * @function handleAjaxPostSubmission * @description Saves the recaptcha response after an AJAX submission request. * @since 2.9.0 * * @param {object} data Data passed by the ajax post submission filter. * @returns {object} Returns the data object unchanged. */ handleAjaxPostSubmission: function( data ) { gform.recaptcha.saveRecaptchaResponse( data.submissionResult.data.recaptcha_response, data.form ); return data; }, /** * @function saveRecaptchaResponse * @description Saves the specified recaptcha response in a hidden field. * @since 2.9.0 * * @param {string} recaptchaResponse The recaptcha response to be saved. * @param {form} form The form being submitted. * * @returns {void} */ saveRecaptchaResponse: function( recaptchaResponse, form ) { if ( ! recaptchaResponse ) { return; } let recaptchaInput = gform.tools.getNodes( 'input[name=g-recaptcha-response]', true, form, true ); if ( recaptchaInput.length === 0 ) { recaptchaInput = document.createElement( 'input' ); recaptchaInput.type = 'hidden'; recaptchaInput.name = 'g-recaptcha-response'; form.appendChild( recaptchaInput ); } else { recaptchaInput = recaptchaInput[0]; } recaptchaInput.value = recaptchaResponse; }, /** * Helper function to determine whether a recaptcha is pending. * * @since 2.4.23 * * @param {Object} form jQuery form object. * @returns {boolean} */ gformIsRecaptchaPending: function( form ) { const recaptcha = form.find( '.ginput_recaptcha' ); if ( ! recaptcha.length || recaptcha.data( 'size' ) !== 'invisible' ) { return false; } const recaptchaResponse = recaptcha.find( '.g-recaptcha-response' ); return !( recaptchaResponse.length && recaptchaResponse.val() ); }, /** * @function gform.recaptcha.needsRender * @description Is there a non-rendered Recaptcha field on the page? * * @since 2.5.6 */ needsRender: function() { return document.querySelectorAll( '.ginput_recaptcha:not(.gform-initialized)' )[ 0 ]; }, /** * @function gform.recaptcha.renderOnRecaptchaLoaded * @description Render recaptcha fields once the library is available, only if non rendered elements are present. * * @since 2.5.6 */ renderOnRecaptchaLoaded: function() { // if nothing to render, exit if ( ! gform.recaptcha.needsRender() ) { return; } var gfRecaptchaPoller = setInterval( function() { if ( ! window.grecaptcha || ! window.grecaptcha.render ) { return; } this.renderRecaptcha(); clearInterval( gfRecaptchaPoller ); }, 100 ); } }; jQuery( document ).on( 'gform_post_render', gform.recaptcha.renderOnRecaptchaLoaded ); window.renderRecaptcha = gform.recaptcha.renderRecaptcha; window.gformIsRecaptchaPending = gform.recaptcha.gformIsRecaptchaPending; //---------------------------------------- //----- SINGLE FILE UPLOAD FUNCTIONS ----- //---------------------------------------- function gformValidateFileSize( field, max_file_size ) { var validation_element; // Get validation message element. if ( jQuery( field ).closest( 'div' ).siblings( '.validation_message' ).length > 0 ) { validation_element = jQuery( field ).closest( 'div' ).siblings( '.validation_message' ); } else { validation_element = jQuery( field ).siblings( '.validation_message' ); } // If file API is not supported within browser, return. if ( ! window.FileReader || ! window.File || ! window.FileList || ! window.Blob ) { return; } // Get selected file. var file = field.files[0]; // If selected file is larger than maximum file size, set validation message and unset file selection. if ( file && file.size > max_file_size ) { // Set validation message. validation_element.text(file.name + " - " + gform_gravityforms.strings.file_exceeds_limit); // Announce error. wp.a11y.speak( file.name + " - " + gform_gravityforms.strings.file_exceeds_limit ); } else { // Reset validation message. validation_element.remove(); } } //---------------------------------------- //------ MULTIFILE UPLOAD FUNCTIONS ------ //---------------------------------------- (function (gfMultiFileUploader, $) { gfMultiFileUploader.uploaders = {}; var strings = typeof gform_gravityforms != 'undefined' ? gform_gravityforms.strings : {}; var imagesUrl = typeof gform_gravityforms != 'undefined' ? gform_gravityforms.vars.images_url : ""; $(document).on('gform_post_render', function(e, formID){ $( "form#gform_" + formID + " .gform_fileupload_multifile" ).each( function(){ setup( this ); } ); bindFileUploadSubmissionEvents(); }); $(document).on("gform_post_conditional_logic", function(e,formID, fields, isInit){ if(!isInit){ $.each(gfMultiFileUploader.uploaders, function(i, uploader){ uploader.refresh(); }); } }); $(document).ready(function () { if((typeof adminpage !== 'undefined' && adminpage === 'toplevel_page_gf_edit_forms')|| typeof plupload == 'undefined'){ $(".gform_button_select_files").prop("disabled", true); } else if (typeof adminpage !== 'undefined' && adminpage.indexOf('_page_gf_entries') > -1) { $(".gform_fileupload_multifile").each(function(){ setup(this); }); } }); gfMultiFileUploader.setup = function (uploadElement){ setup( uploadElement ); }; let isInitialized = false; /** * Binds the file upload to the pre_submission event so that it can abort submission if there are pending files being uploaded. * * @since 2.9.0 */ function bindFileUploadSubmissionEvents() { // If already initialized, abort. if ( isInitialized ) { return; } isInitialized = true; // Making sure there aren't any pending file uploads. window.gform.utils.addFilter( 'gform/submission/pre_submission', ( data ) => { if ( hasPendingUploads() ) { alert( strings.currently_uploading ); data.abort = true; } return data; }, 8); } /** * Check if there are any files currently in the process of being uploaded. * * @since 2.9.0 * * @return {boolean} Returns true if there are files that haven't finished being uploaded yet. Returns false otherwise. */ function hasPendingUploads() { let pendingUploads = false; $.each( gfMultiFileUploader.uploaders, function( i, uploader ) { if( uploader.total.queued > 0 ) { pendingUploads = true; return false; } }); return pendingUploads; } function setup(uploadElement){ if ( typeof plupload === 'undefined' ) { return; } var settings = $(uploadElement).data('settings'); var uploader = new plupload.Uploader(settings); formID = uploader.settings.multipart_params.form_id; gfMultiFileUploader.uploaders[settings.container] = uploader; var formID; var uniqueID; uploader.bind( 'Init', function( up, params ) { if ( ! up.features.dragdrop ) { $( ".gform_drop_instructions" ).hide(); } setFieldAccessibility( up.settings.container ); toggleLimitReached( up.settings ); } ); gfMultiFileUploader.toggleDisabled = function (settings, disabled){ var button = typeof settings.browse_button == "string" ? $("#" + settings.browse_button) : $(settings.browse_button); button.prop("disabled", disabled); }; /** * @function setFieldAccessibility * @description Patches accessibility issues with the plupload multi file container. * * @since 2.5.1 * * @param {Node} container The generated plupload container. */ function setFieldAccessibility( container ) { var input = container.querySelectorAll( 'input[type="file"]' )[ 0 ]; var button = container.querySelectorAll( '.gform_button_select_files' )[ 0 ]; var label = $( uploadElement ).closest( '.gfield' ).find( '.gfield_label' )[ 0 ]; if ( ! input || ! label || ! button ) { return; } label.setAttribute( 'for', input.id ); button.setAttribute( 'aria-label', button.innerText.toLowerCase() + ', ' + label.innerText.toLowerCase() ); input.setAttribute( 'tabindex', '-1' ); input.setAttribute( 'aria-hidden', 'true' ); } function addMessage( messagesID, message) { $( "#" + messagesID ).prepend( "
  • " + htmlEncode( message ) + "
    • " ); // Announce errors. setTimeout(function () { wp.a11y.speak( $( "#" + messagesID ).text() ); }, 1000 ); } function removeMessage(messagesID, message) { $("#" + messagesID + " li:contains('" + message + "')").remove(); } function toggleLimitReached(settings) { var limit = parseInt(settings.gf_vars.max_files, 10); if (limit > 0) { var totalCount = countFiles(settings.multipart_params.field_id), limitReached = totalCount >= limit; gfMultiFileUploader.toggleDisabled(settings, limitReached); if (!limitReached) { removeMessage(settings.gf_vars.message_id, strings.max_reached); } } } uploader.init(); uploader.bind('BeforeUpload', function(up, file){ up.settings.multipart_params.original_filename = file.name; }); uploader.bind('FilesAdded', function(up, files) { var max = parseInt(up.settings.gf_vars.max_files,10), fieldID = up.settings.multipart_params.field_id, totalCount = countFiles(fieldID), disallowed = up.settings.gf_vars.disallowed_extensions, extension; if( max > 0 && totalCount >= max){ $.each(files, function(i, file) { up.removeFile(file); return; }); return; } $.each(files, function(i, file) { extension = file.name.split('.').pop(); if($.inArray(extension, disallowed) > -1){ addMessage(up.settings.gf_vars.message_id, file.name + " - " + strings.illegal_extension); up.removeFile(file); return; } if ((file.status == plupload.FAILED) || (max > 0 && totalCount >= max)){ up.removeFile(file); return; } var size = typeof file.size !== 'undefined' ? plupload.formatSize(file.size) : strings.in_progress, removeFileJs = '$this=jQuery(this); var uploader = gfMultiFileUploader.uploaders.' + up.settings.container.id + ';uploader.stop();uploader.removeFile(uploader.getFile(\'' + file.id +'\'));$this.after(\'' + strings.cancelled + '\'); uploader.start();$this.remove();', statusMarkup = '
    {1}{2}{5}'; /** * Filer the file upload markup as it is being uploaded. * * @param {string} statusMarkup Markup template used to render the status of the file being uploaded. * @param {plupload.File} file Instance of File being uploaded. See: https://www.plupload.com/docs/v2/File. * @param {int|string} size File size. * @param {object} strings Array of localized strings relating to the file upload UI. * @param {string} removeFileJs JS used to remove the file when the "Cancel" link is click/pressed. * @param {plupload.Uploader} up Instance of Uploader responsible for uploading current file. See: https://www.plupload.com/docs/v2/Uploader. */ statusMarkup = gform.applyFilters( 'gform_file_upload_status_markup', statusMarkup, file, size, strings, removeFileJs, up ) .gformFormat( file.id, htmlEncode( file.name ), size, strings.cancel_upload, removeFileJs, strings.cancel ); $( '#' + up.settings.filelist ).prepend( statusMarkup ); totalCount++; }); up.refresh(); // Reposition Flash var formElementID = "form#gform_" + formID; var uidElementID = "input:hidden[name='gform_unique_id']"; var uidSelector = formElementID + " " + uidElementID; var $uid = $(uidSelector); if($uid.length==0){ $uid = $(uidElementID); } uniqueID = $uid.val(); if('' === uniqueID){ uniqueID = generateUniqueID(); $uid.val(uniqueID); } if(max > 0 && totalCount >= max){ gfMultiFileUploader.toggleDisabled(up.settings, true); addMessage(up.settings.gf_vars.message_id, strings.max_reached) } up.settings.multipart_params.gform_unique_id = uniqueID; up.start(); }); uploader.bind('UploadProgress', function(up, file) { var html = file.percent + "%"; $('#' + file.id + ' span.gfield_fileupload_percent').html(html); $('#' + file.id + ' span.gfield_fileupload_progressbar_progress').css('width', file.percent + '%'); }); uploader.bind('Error', function(up, err) { if(err.code === plupload.FILE_EXTENSION_ERROR){ var extensions = typeof up.settings.filters.mime_types != 'undefined' ? up.settings.filters.mime_types[0].extensions /* plupoad 2 */ : up.settings.filters[0].extensions; addMessage(up.settings.gf_vars.message_id, err.file.name + " - " + strings.invalid_file_extension + " " + extensions); } else if (err.code === plupload.FILE_SIZE_ERROR) { addMessage(up.settings.gf_vars.message_id, err.file.name + " - " + strings.file_exceeds_limit); } else { const errorResponse = JSON.parse( err.response ); const errorCode = errorResponse?.error?.code || err.code; const errorMessage = errorResponse?.error?.message || err.message; const filePart = err.file?.name ? `${ err.file.name } - ` : ''; const m = `${ filePart }${ strings.error }: ${ errorCode }, ${ strings.message }: ${ errorMessage }`; addMessage(up.settings.gf_vars.message_id, m); } $('#' + err.file.id ).html(''); up.removeFile( err.file ); up.refresh(); // Reposition Flash }); uploader.bind('ChunkUploaded', function(up, file, result) { var response = $.secureEvalJSON(result.response); if(response.status == "error"){ up.removeFile(file); addMessage(up.settings.gf_vars.message_id, file.name + " - " + response.error.message); $('#' + file.id ).html(''); } else { up.settings.multipart_params[file.target_name] = response.data; } }); uploader.bind('FileUploaded', function(up, file, result) { if (!up.getFile(file.id)) { // The file has been removed from the queue. return; } var response = $.secureEvalJSON(result.response); if (response.status == "error") { addMessage(up.settings.gf_vars.message_id, file.name + " - " + response.error.message); $('#' + file.id).html(''); toggleLimitReached(up.settings); return; } var uploadedName = rgars(response, 'data/uploaded_filename'); var html = '' + htmlEncode(uploadedName) + '' + plupload.formatSize(file.size) + ''; html += '' + file.percent + '%'; var formId = up.settings.multipart_params.form_id; var fieldId = up.settings.multipart_params.field_id; if (typeof gf_legacy !== 'undefined' && gf_legacy.is_legacy) { html = " " + html; } else { html = html + ""; } /** * Allows the markup for the file to be overridden. * * @since 1.9 * @since 2.4.23 Added the response param. * * @param {string} html The HTML for the file name and delete button. * @param {object} file The file upload properties. See: https://www.plupload.com/docs/v2/File. * @param {object} up The uploader properties. See: https://www.plupload.com/docs/v2/Uploader. * @param {object} strings Localized strings relating to file uploads. * @param {string} imagesURL The base URL to the Gravity Forms images directory. * @param {object} response The response from GFAsyncUpload. */ html = gform.applyFilters('gform_file_upload_markup', html, file, up, strings, imagesUrl, response); $('#' + file.id).html(html); $('#' + file.id + ' span.gfield_fileupload_progressbar_progress').css('width', file.percent + '%'); if (file.percent == 100) { if (response.status && response.status == 'ok') { response.data.id = file.id; addFile(fieldId, response.data); window.wp.a11y.speak( ( strings.file_uploaded ) + ': ' + uploadedName ); } else { addMessage(up.settings.gf_vars.message_id, strings.unknown_error + ': ' + file.name); } } }); uploader.bind('FilesRemoved', function (up, files) { toggleLimitReached(up.settings); }); function getAllFiles(){ var selector = '#gform_uploaded_files_' + formID, $uploadedFiles = $(selector), files; files = $uploadedFiles.val(); files = (typeof files === "undefined") || files === '' ? {} : $.parseJSON(files); return files; } function getFiles(fieldID){ var allFiles = getAllFiles(); var inputName = getInputName(fieldID); if(typeof allFiles[inputName] == 'undefined') allFiles[inputName] = []; return allFiles[inputName]; } function countFiles(fieldID){ var files = getFiles(fieldID); return files.length; } function addFile(fieldID, fileInfo){ var files = getFiles(fieldID); files.unshift(fileInfo); setUploadedFiles(fieldID, files); } function setUploadedFiles(fieldID, files){ var allFiles = getAllFiles(); var $uploadedFiles = $('#gform_uploaded_files_' + formID); var inputName = getInputName(fieldID); allFiles[inputName] = files; $uploadedFiles.val($.toJSON(allFiles)); } function getInputName(fieldID){ return "input_" + fieldID; } // fixes drag and drop in IE10 $("#" + settings.drop_element).on({ "dragenter": ignoreDrag, "dragover": ignoreDrag }); function ignoreDrag( e ) { e.preventDefault(); } } function generateUniqueID() { return 'xxxxxxxx'.replace(/[xy]/g, function (c) { var r = Math.random() * 16 | 0, v = c == 'x' ? r : r & 0x3 | 0x8; return v.toString(16); }); } function htmlEncode(value){ return $('
    ').text(value).html(); } }(window.gfMultiFileUploader = window.gfMultiFileUploader || {}, jQuery)); //---------------------------------------- //------ TINYMCE FUNCTIONS --------------- //---------------------------------------- /** * @function gformReInitTinymceInstance * @description Reinitializes a tinymce instance bound to a gform field if found. * * @since 2.5 * * @param formId {int} Required. The form id. * @param fieldId {int} Required. The field id. */ function gformReInitTinymceInstance( formId, fieldId ) { // check for required arguments if ( ! formId || ! fieldId ) { gform.console.error( 'gformReInitTinymceInstance requires a form and field id.' ); return; } // make sure we have tinymce var tinymce = window.tinymce; if ( ! tinymce ) { gform.console.error( 'gformReInitTinymceInstance requires tinymce to be available.' ); return; } // get the editor instance by form and field id and bail if not found var editor = tinymce.get( 'input_' + formId + '_' + fieldId ); if ( ! editor ) { gform.console.error( 'gformReInitTinymceInstance did not find an instance for input_' + formId + '_' + fieldId + '.' ); return; } // get the settings, destroy the instance and reinitialize var settings = jQuery.extend( {}, editor.settings ); editor.remove(); tinymce.init( settings ); gform.console.log( 'gformReInitTinymceInstance reinitialized TinyMCE on input_' + formId + '_' + fieldId + '.' ); } //---------------------------------------- //------ EVENT FUNCTIONS ----------------- //---------------------------------------- var __gf_keyup_timeout; jQuery( document ).on( 'change keyup', '.gfield input, .gfield select, .gfield textarea', function( event ) { gf_raw_input_change( event, this ); } ); function gf_raw_input_change( event, elem ) { // clear regardless of event type for maximum efficiency ;) clearTimeout( __gf_keyup_timeout ); var $input = jQuery( elem ), htmlId = $input.attr( 'id' ), fieldId = gf_get_input_id_by_html_id( htmlId ), formId = gf_get_form_id_by_html_id( htmlId ), /** * Filter the field meta generated by a raw input change. * * @since 2.4.1 * * @param object fieldMeta An object containing the field ID and form ID of the triggering Gravity Forms field. * @param object $input The jQuery object for the triggering field element. * @param object event The raw JS event. */ fieldMeta = gform.applyFilters( 'gform_field_meta_raw_input_change', { fieldId: fieldId, formId: formId }, $input, event ); fieldId = fieldMeta.fieldId; formId = fieldMeta.formId; if( ! fieldId ) { return; } var isChangeElem = $input.is( ':checkbox' ) || $input.is( ':radio' ) || $input.is( 'select' ), isKeyupElem = ! isChangeElem || $input.is( 'textarea' ); if( event.type == 'keyup' && ! isKeyupElem ) { return; } else if( event.type == 'change' && ! isChangeElem && ! isKeyupElem ) { return; } if( event.type == 'keyup' ) { __gf_keyup_timeout = setTimeout( function() { gf_input_change( elem, formId, fieldId ); }, 300 ); } else { gf_input_change( elem, formId, fieldId ); } } /** * Get the input id from a form element's HTML id. * * @param {string} htmlId The HTML id of a form element. * * @returns {string} inputId The input id. */ function gf_get_input_id_by_html_id( htmlId ) { var ids = gf_get_ids_by_html_id( htmlId ), id = ids[ ids.length - 1 ]; if ( ids.length == 3 ) { ids.shift(); id = ids.join( '.' ); } return id; } /** * Get the form id from a form element's HTML id. * * @param {string} htmlId The HTML id of a form element. * * @returns {string} formId The form id. */ function gf_get_form_id_by_html_id( htmlId ) { var ids = gf_get_ids_by_html_id( htmlId ); return ids[0]; } /** * Get the form, field, and input id by a form elements HTML id. * * Note: Only multi-input fields will be return an input ID. * * @param {string} htmlId The HTML id of a form element. * * @returns {array} ids An array contain the form, field and input id. */ function gf_get_ids_by_html_id( htmlId ) { var ids = htmlId ? htmlId.split( '_' ) : []; for( var i = ids.length - 1; i >= 0; i-- ) { if ( ! gform.utils.isNumber( ids[ i ] ) ) { ids.splice( i, 1 ); } } return ids; } function gf_input_change( elem, formId, fieldId ) { gform.doAction( 'gform_input_change', elem, formId, fieldId ); } function gformExtractFieldId( inputId ) { var fieldId = parseInt( inputId.toString().split( '.' )[0],10 ); return ! fieldId ? inputId : fieldId; } function gformExtractInputIndex( inputId ) { var inputIndex = parseInt( inputId.toString().split( '.' )[1],10 ); return ! inputIndex ? false : inputIndex; } //---------------------------------------- //------ HELPER FUNCTIONS ---------------- //---------------------------------------- if( ! window['rgars'] ) { function rgars( array, prop ) { var props = prop.split( '/' ), value = array; for( var i = 0; i < props.length; i++ ) { value = rgar( value, props[ i ] ); } return value; } } if( ! window['rgar'] ) { function rgar( array, prop ) { if ( typeof array[ prop ] != 'undefined' ) { return array[ prop ]; } return ''; } } if ( ! String.prototype.gformFormat ) { String.prototype.gformFormat = function() { var args = arguments; return this.replace( /{(\d+)}/g, function( match, number ) { return typeof args[ number ] != 'undefined' ? args[ number ] : match; } ); }; } /** * Toggle the dropdown submenus in the form editor menu bar. * * @since 2.5 */ jQuery( document ).ready( function() { jQuery( '#gform-form-toolbar__menu' ) .on( 'mouseenter focus', '> li',function() { jQuery( this ).find( '.gform-form-toolbar__submenu' ).toggleClass( 'open' ); jQuery( this ).find( '.has_submenu' ).toggleClass( 'submenu-open' ); } ); jQuery( '#gform-form-toolbar__menu' ) .on( 'mouseleave blur', '> li',function() { jQuery( '.gform-form-toolbar__submenu.open' ).removeClass( 'open' ); jQuery( '.has_submenu.submenu-open' ).removeClass( 'submenu-open' ); } ); jQuery( '#gform-form-toolbar__menu .has_submenu' ) .on( 'click', function( e ) { e.preventDefault(); } ); } ); /** * Add a containing class to fields with multiple inputs that we want to display inline. * * @since 2.5 */ jQuery( document ).ready( function() { var settingsFields = jQuery( '.gform-settings-field' ); settingsFields.each( function() { if ( jQuery( this ).find( '> .gform-settings-input__container' ).length > 1 ) { jQuery( this ).addClass( 'gform-settings-field--multiple-inputs' ); } } ); } ); jQuery( function() { gform.tools.trigger( 'gform_main_scripts_loaded' ); } );