array(
'size' => 10,
'maxlength' => 400,
),
'label' => array(), // determines the elements of radio button.
'reveal' => array(), // the keys should correspond the label key element.
);
/**
* Loads the field type necessary components.
*/
protected function setUp() {}
/**
* Returns an array holding the urls of enqueuing scripts.
*/
protected function getEnqueuingScripts() {
return array(
// array( 'src' => dirname( __FILE__ ) . '/js/jquery.knob.js', 'dependencies' => array( 'jquery' ) ),
);
}
/**
* Returns an array holding the urls of enqueuing styles.
*/
protected function getEnqueuingStyles() {
return array();
}
/**
* Returns the field type specific JavaScript script.
*/
protected function getScripts() {
$aJSArray = json_encode( $this->aFieldTypeSlugs );
/* The below function will be triggered when a new repeatable field is added. */
return "
jQuery( document ).ready( function(){
revealSelection = function( sSelectedInputID ) {
jQuery( '#hidden-' + sSelectedInputID ).siblings().hide();
jQuery( '#hidden-' + sSelectedInputID ).show();
}
jQuery().registerAdminPageFrameworkCallbacks( {
/**
* Called when a field of this field type gets repeated.
*/
repeated_field: function( oCloned, aModel ) {
/* Update the hidden elements' ID */
oCloned.find( '.sample_hidden_element' ).incrementIDAttribute( 'id' );
/* The checked states will be gone after updating the ID of radio buttons so re-check them again */
oCloned.find( 'input[type=radio][checked=checked]' ).attr( 'checked', 'checked' );
/* Rebind the event */
oCloned.find( 'input[type=radio]' ).change( function() {
jQuery( this ).closest( '.admin-page-framework-field' )
.find( 'input[type=radio]' )
.attr( 'checked', false );
jQuery( this ).attr( 'checked', 'checked' );
revealSelection( jQuery( this ).attr( 'id' ) );
});
},
},
[ 'sample' ]
);
} );
" . PHP_EOL;
}
/**
* Returns IE specific CSS rules.
*/
protected function getIEStyles() { return ''; }
/**
* Returns the field type specific CSS rules.
*/
protected function getStyles() {
return "";
}
/**
* Returns the output of the field type.
* @return string The field output.
*/
protected function getField( $aField ) {
$_aOutput = array();
$sValue = $aField['attributes']['value'];
foreach( $this->getAsArray( $aField['label'] ) as $sKey =>$sLabel ) {
// Attributes
$aInputAttributes = array(
'type' => 'radio',
'checked' => $sValue == $sKey ? 'checked' : null,
'value' => $sKey,
'id' => $aField['input_id'] . '_' . $sKey,
'data-default' => $aField['default'],
)
+ $this->getElement( $aField, array( 'attributes', $sKey ), $aField['attributes'] )
+ $aField['attributes'];
$aLabelAttributes = array(
'for' => $aInputAttributes['id'],
'class' => $aInputAttributes['disabled'] ? 'disabled' : null,
);
// Output
$_aOutput[] = $this->getElement( $aField, array( 'before_label', $sKey ) )
. ""
. ""
. "
"
. $this->getElement( $aField, array( 'after_label', $sKey ) )
;
}
// Hidden contents
$_aOutput[] = $this->_getHiddenContents( $aField );
// Revealer script
$_aOutput[] = $this->getRevealerScript(
$aField['_field_container_id'],
$aField['input_id'] . '_' . $sValue
);
// Result
return implode( PHP_EOL, $_aOutput );
}
/**
* Returns a generated hidden HTML output which appears when a redio button is selected.
* @since 3.5.3
* @return string The generated hidden HTML output.
*/
private function _getHiddenContents( array $aField ) {
$_aOutput = array();
foreach( $aField['reveal'] as $sKey => $sHiddenOutput ) {
// the hidden array key should correspond to the label array.
if ( ! isset( $aField['label'][ $sKey ] ) ) {
continue;
}
$_aOutput[] = /* Insert the output */
"generateAttributes(
array(
'style' => 'display:none;',
'class' => 'sample_hidden_element',
'id' => "hidden-" . $aField['input_id'] . '_' . $sKey, // hidden- + {input id}
)
) . ">"
. $sHiddenOutput
. "
";
}
return ""
. implode( '', $_aOutput )
. "
";
}
/**
*
* @return string
*/
private function getRevealerScript( $sFieldContainerID, $sDefaultSelectionID ) {
return
"";
}
}
endif;