Files
laipower/wp-content/plugins/activitypub/assets/js/activitypub-distribution-mode.js

32 lines
1.0 KiB
JavaScript

/**
* Toggle the custom distribution-mode fields based on the selected radio.
*
* The custom batch-size / pause inputs are only relevant when the
* "custom" preset is active. They are rendered visible by default so the
* form remains usable when JavaScript is disabled; this script collapses
* them on load when another mode is selected, and toggles them when the
* radio changes.
*/
( function() {
const radios = document.querySelectorAll( 'input[name="activitypub_distribution_mode"]' );
const fields = document.getElementById( 'activitypub-custom-distribution-fields' );
if ( ! fields || ! radios.length ) {
return;
}
function updateVisibility( value ) {
fields.style.display = 'custom' === value ? '' : 'none';
}
const initial = document.querySelector( 'input[name="activitypub_distribution_mode"]:checked' );
updateVisibility( initial ? initial.value : 'default' );
radios.forEach( function( radio ) {
radio.addEventListener( 'change', function() {
updateVisibility( this.value );
} );
} );
}() );