Fix javascript error in library page Codeinwp/visualizer-pro#51

Author: girishpanchal30

classes/Visualizer/Render/Library.php

@@ -233,11 +233,20 @@ private function _renderLibrary() {
 			foreach ( $this->charts as $placeholder_id => $chart ) {
 				// show the sidebar after the first 3 charts.
 				$count++;
+				$enable_controls = false;
+				$settings = isset( $chart['settings'] ) ? $chart['settings'] : array();
+				if ( ! empty( $settings['controls']['controlType'] ) ) {
+					$column_index = $settings['controls']['filterColumnIndex'];
+					$column_label = $settings['controls']['filterColumnLabel'];
+					if ( 'false' !== $column_index || 'false' !== $column_label ) {
+						$enable_controls = true;
+					}
+				}
 				if ( 3 === $count ) {
 					$this->_renderSidebar();
-					$this->_renderChartBox( $placeholder_id, $chart['id'] );
+					$this->_renderChartBox( $placeholder_id, $chart['id'], $enable_controls );
 				} else {
-					$this->_renderChartBox( $placeholder_id, $chart['id'] );
+					$this->_renderChartBox( $placeholder_id, $chart['id'], $enable_controls );
 				}
 			}
 			// show the sidebar if there are less than 3 charts.
@@ -282,7 +291,7 @@ private function _renderLibrary() {
 	 * @param string $placeholder_id The placeholder's id for the chart.
 	 * @param int    $chart_id The id of the chart.
 	 */
-	private function _renderChartBox( $placeholder_id, $chart_id ) {
+	private function _renderChartBox( $placeholder_id, $chart_id, $with_filter = false ) {
 		$settings    = get_post_meta( $chart_id, Visualizer_Plugin::CF_SETTINGS );
 		$title       = '#' . $chart_id;
 		if ( ! empty( $settings[0]['title'] ) ) {
@@ -336,14 +345,14 @@ private function _renderChartBox( $placeholder_id, $chart_id ) {
 		}
 		$shortcode = sprintf( '[visualizer id="%s" lazy="no" class=""]', $chart_id );
 		echo '<div class="items"><div class="visualizer-chart"><div class="visualizer-chart-title">', esc_html( $title ), '</div>';
-		if ( Visualizer_Module::is_pro() ) {
+		if ( Visualizer_Module::is_pro() && $with_filter ) {
 			echo '<div id="chart_wrapper_' . $placeholder_id . '">';
 			echo '<div id="control_wrapper_' . $placeholder_id . '" class="vz-library-chart-filter"></div>';
 		}
 		echo '<div id="', $placeholder_id, '" class="visualizer-chart-canvas">';
 		echo '<img src="', VISUALIZER_ABSURL, 'images/ajax-loader.gif" class="loader">';
 		echo '</div>';
-		if ( Visualizer_Module::is_pro() ) {
+		if ( Visualizer_Module::is_pro() && $with_filter ) {
 			echo '</div>';
 		}
 		echo '<div class="visualizer-chart-footer visualizer-clearfix">';

css/library.css

@@ -432,8 +432,8 @@ div#visualizer-types ul, div#visualizer-types form p {
 	padding: 5px 0 5px 5px;
 	border: 1px solid #ddd;
 }
-.google-visualization-controls-rangefilter-thumblabel {
-	padding: 0 !important;
+.google-visualization-controls-rangefilter {
+	white-space: inherit !important;
 }
 @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1000px) and (max-width: 1600px)  {
 	#visualizer-sidebar.one-columns .visualizer-sidebar-box ul li:nth-child(+n+7) {

js/render-google.js

@@ -77,7 +77,7 @@ var chartWrapperError = [];
 
             var controlWrapperElement = document.getElementById( "control_wrapper_" + id ) || null;
             var withControlMode = typeof settings.controls !== 'undefined' && controlWrapperElement ? true : false;
-
+            console.log( settings.controls );
             if ( $( controlWrapperElement ).hasClass( 'no-filter' ) ) {
                 withControlMode = false;
             }