PK
Current Path : /home/wallqcyy/www/wp-content/plugins/wpforms-lite/assets/js/admin/builder/ |
Current File : /home/wallqcyy/www/wp-content/plugins/wpforms-lite/assets/js/admin/builder/chocolate-choices.js |
/** * Chocolate choices' functionality. * * @since 1.9.6.1 */ // eslint-disable-next-line no-unused-vars const WPFormsChocolateChoices = { /** * Initializes the chocolate choices component. * * @since 1.9.6.1 * * @param {Object} $grid The grid container for the choices. * @param {Object} options Object with name and choices properties. * @param {string} options.name The name attribute for the checkbox inputs. * @param {Array} options.choices Array of choice objects with label and value properties. * @param {Array} options.selected Array of selected choice values. */ init( $grid, options ) { const selected = options.selected?.map?.( String ) ?? []; const $ = jQuery; /** * Generate a random ID string. * The ID is based on current timestamp and converted to a base-16 string. * * @since 1.9.6.1 * * @return {string} A hexadecimal string representation of the current timestamp. */ const getRandomId = () => new Date().getTime().toString( 16 ); /** * Creates a single choice item. * * @since 1.9.6.1 * * @param {Object|string|number} itemData The choice data object with label and value. * @param {number} index The index of the choice item. * * @return {jQuery} The created choice item element. */ const createChoiceItem = ( itemData, index ) => { const id = `choice-${ index }-${ getRandomId() }`; const itemValue = String( typeof itemData === 'object' ? itemData.value : itemData ); // Create the container div. const $itemDiv = $( '<div>', { class: 'choice-item', } ); // Create the checkbox input. const $checkbox = $( '<input>', { type: 'checkbox', id, value: itemValue, checked: selected.includes( itemValue ), name: options.name.replace( '{index}', index ), } ); // Create the label. const $label = $( '<label>', { for: id } ); $label.text( itemData.label ?? itemData ); // Append elements. $itemDiv.append( $checkbox, $label ); return $itemDiv; }; // Clear existing content. $grid.html( '' ); const choices = []; // Populate the grid with items. $.each( options.choices, function( index, choiceData ) { choices.push( createChoiceItem( choiceData, index ) ); } ); $grid.append( choices ); }, };