| Server IP : 104.21.48.1 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/self/cwd/wp-content/plugins/wpforms-lite/assets/js/admin/builder/ |
Upload File : |
/**
* 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 );
},
};