Show page size field if pagination is enabled Codeinwp/visualizer-pro#382

Author: girishpanchal30

classes/Visualizer/Gutenberg/Block.php

@@ -351,7 +351,9 @@ public function get_visualizer_data( $post ) {
 
 		// faetch and update settings
 		$data['visualizer-settings'] = get_post_meta( $post_id, Visualizer_Plugin::CF_SETTINGS, true );
-
+		if ( empty( $data['visualizer-settings']['pagination'] ) ) {
+			$data['visualizer-settings']['pageSize'] = '';
+		}
 		// handle series filter hooks
 		$data['visualizer-series'] = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_SERIES, get_post_meta( $post_id, Visualizer_Plugin::CF_SERIES, true ), $post_id, $data['visualizer-chart-type'] );
 

classes/Visualizer/Gutenberg/build/block.js

@@ -161,16 +161,18 @@ class TableSettings extends Component {
 							} }
 						/>
 
-						<TextControl
-							label={ __( 'Number of rows per page' ) }
-							help={ __( 'The number of rows in each page, when paging is enabled.' ) }
-							type="number"
-							value={ settings.pageSize }
-							onChange={ e => {
-								settings.pageSize = e;
-								this.props.edit( settings );
-							} }
-						/>
+						{ '1' === settings.pagination && (
+							<TextControl
+								label={ __( 'Number of rows per page' ) }
+								help={ __( 'The number of rows in each page, when paging is enabled.' ) }
+								type="number"
+								value={ settings.pageSize }
+								onChange={ e => {
+									settings.pageSize = e;
+									this.props.edit( settings );
+								} }
+							/>
+						) }
 
 						<SelectControl
 							label={ __( 'Disable Sort' ) }

classes/Visualizer/Gutenberg/src/Components/Sidebar/TableSettings.js

@@ -124,6 +124,9 @@ class Editor extends Component {
 
 	editSettings( settings ) {
 		let chart = { ...this.state.chart };
+		if ( '1' !== settings.pagination ) {
+			delete settings.pageSize;
+		}
 		chart['visualizer-settings'] = settings;
 		this.setState({
 			chart,