// src/gmbreviews/edit.js
|
import { useBlockProps, InspectorControls } from '@wordpress/block-editor';
|
import { PanelBody, RangeControl, ToggleControl } from '@wordpress/components';
|
import { __ } from '@wordpress/i18n';
|
import ServerSideRender from '@wordpress/server-side-render';
|
|
export default function Edit({ attributes, setAttributes }) {
|
const blockProps = useBlockProps();
|
const { count, inheritUser, showStats, minStars, showViewAllLink, showRating, showDate, showReviewLink } = attributes;
|
|
return (
|
<>
|
<InspectorControls>
|
<PanelBody title={__('Review Settings', 'jvb')}>
|
<ToggleControl
|
label={__('Inherit User', 'jvb')}
|
checked={inheritUser}
|
onChange={(value) => setAttributes({ inheritUser: value })}
|
/>
|
<RangeControl
|
label={__('Number of Reviews', 'jvb')}
|
value={count}
|
onChange={(value) => setAttributes({ count: value })}
|
min={1}
|
max={20}
|
/>
|
<ToggleControl
|
label={__('Show Rating', 'jvb')}
|
checked={showRating}
|
onChange={(value) => setAttributes({ showRating: value })}
|
/>
|
<ToggleControl
|
label={__('Show Date', 'jvb')}
|
checked={showDate}
|
onChange={(value) => setAttributes({ showDate: value })}
|
/>
|
<ToggleControl
|
label={__('Show Review Link', 'jvb')}
|
checked={showReviewLink}
|
onChange={(value) => setAttributes({ showReviewLink: value })}
|
/>
|
<ToggleControl
|
label={__('Show Stats', 'jvb')}
|
checked={showStats}
|
onChange={(value) => setAttributes({ showStats: value })}
|
/>
|
<ToggleControl
|
label={__('Show All Reviews Link', 'jvb')}
|
checked={showViewAllLink}
|
onChange={(value) => setAttributes({ showViewAllLink: value })}
|
/>
|
<RangeControl
|
label={__('Minimum Rating', 'jvb')}
|
value={minStars}
|
onChange={(value) => setAttributes({ minStars: value })}
|
min={1}
|
max={5}
|
/>
|
</PanelBody>
|
</InspectorControls>
|
<div {...blockProps}>
|
<ServerSideRender
|
block="jvb/gmbreviews"
|
attributes={attributes}
|
/>
|
</div>
|
</>
|
);
|
}
|
