| Server IP : 104.21.112.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 : |
/**
* Checkbox selection functionality.
*
* @since 1.9.6.1
*/
// eslint-disable-next-line no-unused-vars
const WPFormsChoicesList = {
/**
* Creates and returns a checkbox selection manager.
*
* @since 1.9.6.1
*
* @param {jQuery} $container The container element with checkboxes.
*/
init( $container ) {
if ( $container.data( 'choices-list-initialized' ) ) {
return;
}
$container.data( 'choices-list-initialized', true );
// Private variables to store state.
const $selectAllCheckbox = $container.find( 'input[value="select-all"]' );
const $itemCheckboxes = $container.find( '.item-checkbox' );
/**
* Checks if the container has the necessary elements to initialize.
*
* @since 1.9.6.1
*
* @param {Object} $rootContainer The root container element to query for required elements.
*
* @return {boolean} True if the root container contains specific elements required for initialization, otherwise false.
*/
const canInitialize = ( $rootContainer ) => {
const hasSelectAll = $rootContainer.find( 'input[value="select-all"]' ).length > 0;
const hasItemCheckboxes = $rootContainer.find( '.item-checkbox' ).length > 0;
return hasSelectAll && hasItemCheckboxes;
};
/**
* Updates the state of the "Select All" checkbox based on the current
* state of individual item checkboxes. Determines whether all, none,
* or some items are selected and updates the "Select All" checkbox.
*
* @since 1.9.6.1
*/
const updateSelectAllState = () => {
this.updateSelectAllState( $container );
};
/**
* Handles the change event for the "Select All" checkbox. Updates the state
* of individual item checkboxes and clears the indeterminate state of the
* "Select All" checkbox.
*
* @since 1.9.6.1
*
* @param {Event} event The event object associated with the change event triggered on the "Select All" checkbox.
*/
const handleSelectAllChange = ( event ) => {
const isChecked = jQuery( event.target ).prop( 'checked' );
// Update all item checkboxes.
$itemCheckboxes.prop( 'checked', isChecked );
// Clear indeterminate state.
$selectAllCheckbox.prop( 'indeterminate', false );
};
/**
* Binds event listeners to the "select all" checkbox and item checkboxes.
*
* @since 1.9.6.1
*/
const bindEvents = () => {
// Add event listener to "select all" checkbox.
$selectAllCheckbox.on( 'change', handleSelectAllChange );
// Add event listeners to item checkboxes.
$itemCheckboxes.on( 'change', updateSelectAllState );
};
// Return early if required elements aren't found.
if ( ! canInitialize( $container ) ) {
return;
}
// Initialize event bindings.
bindEvents();
// Initialize the state.
updateSelectAllState();
},
/**
* Updates the select all checkbox state based on the current checked state of item checkboxes.
* This method can be called from outside the class to refresh the state after DOM changes.
*
* @since 1.9.6.1
*
* @param {jQuery} $container The container element with checkboxes.
*/
updateSelectAllState( $container ) {
const $selectAllCheckbox = $container.find( 'input[value="select-all"]' );
const $itemCheckboxes = $container.find( '.item-checkbox' );
const totalItems = $itemCheckboxes.length;
const checkedItems = $itemCheckboxes.filter( ':checked' ).length;
if ( checkedItems === 0 ) {
// None checked.
$selectAllCheckbox.prop( {
checked: false,
indeterminate: false,
} );
} else if ( checkedItems === totalItems ) {
// All checked.
$selectAllCheckbox.prop( {
checked: true,
indeterminate: false,
} );
} else {
// Some checked.
$selectAllCheckbox.prop( {
checked: false,
indeterminate: true,
} );
}
},
};