ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / thebhoeo / .trash / wpforms-lite-pro / assets / js / admin / builder

/**
 * 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 );
	},
};

[-] settings.min.js [edit]
[-] panel-loader.js [edit]
[-] templates.js [edit]
[-] providers.min.js [edit]
[-] wpforms-choicesjs.js [edit]
[-] email-template.min.js [edit]
[-] search-fields.min.js [edit]
[-] help.min.js [edit]
[-] image-upload.min.js [edit]
[-] field-map.js [edit]
[-] admin-builder-providers.min.js [edit]
[-] chocolate-choices.min.js [edit]
[-] panel-loader.min.js [edit]
[-] choices-list.js [edit]
[-] admin-builder.min.js [edit]
[-] field-map.min.js [edit]
[-] admin-builder.js [edit]
[-] dropdown-list.min.js [edit]
[-] providers.js [edit]
[-] help.js [edit]
[-] context-menu.js [edit]
[-] drag-fields.min.js [edit]
[+] ..
[-] context-menu.min.js [edit]
[-] payments-utils.js [edit]
[-] choices-list.min.js [edit]
[-] search-fields.js [edit]
[+] themes
[+] fields
[-] email-template.js [edit]
[-] dropdown-list.js [edit]
[-] smart-tags.js [edit]
[-] form-templates.min.js [edit]
[-] setup.min.js [edit]
[-] setup.js [edit]
[-] multiple-choices.js [edit]
[-] smart-tags.min.js [edit]
[-] wpforms-choicesjs.min.js [edit]
[-] image-upload.js [edit]
[-] form-templates.js [edit]
[-] drag-fields.js [edit]
[-] chocolate-choices.js [edit]
[-] admin-builder-providers.js [edit]
[-] templates.min.js [edit]
[-] payments-utils.min.js [edit]
[-] multiple-choices.min.js [edit]
[-] settings.js [edit]