/**
* Field Button Set (button_set)
*/
/*global jQuery, redux, redux_change */
(function ( $ ) {
'use strict';
redux.field_objects = redux.field_objects || {};
redux.field_objects.button_set = redux.field_objects.button_set || {};
redux.field_objects.button_set.init = function ( selector ) {
selector = $.redux.getSelector( selector, 'button_set' );
$( selector ).each(
function () {
const el = $( this );
let parent = el;
if ( ! el.hasClass( 'redux-field-container' ) ) {
parent = el.parents( '.redux-field-container:first' );
}
if ( parent.is( ':hidden' ) ) {
return;
}
if ( parent.hasClass( 'redux-field-init' ) ) {
parent.removeClass( 'redux-field-init' );
} else {
return;
}
el.find( '.buttonset' ).each(
function () {
if ( $( this ).is( ':checkbox' ) ) {
$( this ).find( '.buttonset-item' ).button();
}
$( this ).controlgroup();
}
);
el.find( '.buttonset-item.multi' ).on(
'click',
function () {
let val = '';
let name = '';
const id = $( this ).attr( 'id' );
const empty = $( this ).parent().find( '.buttonset-empty' );
const idName = empty.attr( 'data-name' );
let isChecked = false;
$( this ).parent().find( '.buttonset-item' ).each(
function () {
if ( $( this ).is( ':checked' ) ) {
isChecked = true;
}
}
);
if ( isChecked ) {
empty.attr( 'name', '' );
} else {
empty.attr( 'name', idName );
}
if ( $( this ).is( ':checked' ) ) {
val = $( this ).attr( 'data-val' );
name = idName + '[]';
}
$( this ).parent().find( '#' + id + '-hidden.buttonset-check' ).val( val );
$( this ).parent().find( '#' + id + '-hidden.buttonset-check' ).attr( 'name', name );
redux_change( $( this ) );
}
);
}
);
};
})( jQuery );