Your IP : 216.73.216.95
/**
* WordPress dependencies
*/
const { __ } = wp.i18n;
const { InspectorControls } = wp.blockEditor;
const { PanelBody, SelectControl, ToggleControl, TextControl } = wp.components;
/**
* Internal dependencies
*/
import giveDonorWallOptions from '../data/options';
/**
* Render Inspector Controls
*/
const Inspector = ( { attributes, setAttributes } ) => {
const { donorsPerPage, ids, formID, orderBy, order, columns, showAvatar, showName, showCompanyName, showTotal, showDate, showComments, showAnonymous, onlyComments, commentLength, readMoreText, loadMoreText } = attributes;
const saveSetting = ( name, value ) => {
setAttributes( {
[ name ]: value,
} );
};
return (
<InspectorControls key="inspector">
<PanelBody title={ __( 'Donor Wall Settings', 'give' ) }>
<TextControl
name="donorsPerPage"
label={ __( 'Donors Per Page', 'give' ) }
value={ donorsPerPage }
onChange={ ( value ) => saveSetting( 'donorsPerPage', value ) } />
<TextControl
name="ids"
label={ __( 'Donor IDs', 'give' ) }
value={ ids }
onChange={ ( value ) => saveSetting( 'ids', value ) } />
<TextControl
name="formID"
label={ __( 'Form ID', 'give' ) }
value={ formID }
onChange={ ( value ) => saveSetting( 'formID', value ) } />
<SelectControl
label={ __( 'Order By', 'give' ) }
name="orderBy"
value={ orderBy }
options={ giveDonorWallOptions.orderBy }
onChange={ ( value ) => saveSetting( 'orderBy', value ) } />
<SelectControl
label={ __( 'Order', 'give' ) }
name="order"
value={ order }
options={ giveDonorWallOptions.order }
onChange={ ( value ) => saveSetting( 'order', value ) } />
<SelectControl
label={ __( 'Columns', 'give' ) }
name="columns"
value={ columns }
options={ giveDonorWallOptions.columns }
onChange={ ( value ) => saveSetting( 'columns', value ) } />
<ToggleControl
name="showAvatar"
label={ __( 'Show Avatar', 'give' ) }
checked={ !! showAvatar }
onChange={ ( value ) => saveSetting( 'showAvatar', value ) } />
<ToggleControl
name="showName"
label={ __( 'Show Name', 'give' ) }
checked={ !! showName }
onChange={ ( value ) => saveSetting( 'showName', value ) } />
<ToggleControl
name="showName"
label={ __( 'Show Company Name', 'give' ) }
checked={ !! showCompanyName }
onChange={ ( value ) => saveSetting( 'showCompanyName', value ) } />
<ToggleControl
name="showTotal"
label={ __( 'Show Total', 'give' ) }
checked={ !! showTotal }
onChange={ ( value ) => saveSetting( 'showTotal', value ) } />
<ToggleControl
name="showDate"
label={ __( 'Show Time', 'give' ) }
checked={ !! showDate }
onChange={ ( value ) => saveSetting( 'showDate', value ) } />
<ToggleControl
name="showComments"
label={ __( 'Show Comments', 'give' ) }
checked={ !! showComments }
onChange={ ( value ) => saveSetting( 'showComments', value ) } />
<ToggleControl
name="showAnonymous"
label={ __( 'Show Anonymous', 'give' ) }
checked={ !! showAnonymous }
onChange={ ( value ) => saveSetting( 'showAnonymous', value ) } />
<ToggleControl
name="onlyComments"
label={ __( 'Only Donors with Comments', 'give' ) }
checked={ !! onlyComments }
onChange={ ( value ) => saveSetting( 'onlyComments', value ) } />
<TextControl
name="commentLength"
label={ __( 'Comment Length', 'give' ) }
value={ commentLength }
onChange={ ( value ) => saveSetting( 'commentLength', value ) } />
<TextControl
name="readMoreText"
label={ __( 'Read More Text', 'give' ) }
value={ readMoreText }
onChange={ ( value ) => saveSetting( 'readMoreText', value ) } />
<TextControl
name="loadMoreText"
label={ __( 'Load More Text', 'give' ) }
value={ loadMoreText }
onChange={ ( value ) => saveSetting( 'loadMoreText', value ) } />
</PanelBody>
</InspectorControls>
);
};
export default Inspector;