pagination and filter not working in modal from "add media" button

Author: contactashish13

classes/Visualizer/Module/Admin.php

@@ -121,6 +121,7 @@ public function enqueueMediaScripts() {
 	 * @return array The extended array of media view strings.
 	 */
 	public function setupMediaViewStrings( $strings ) {
+		$chart_types = self::_getChartTypesLocalized( true, true, true );
 		$strings['visualizer'] = array(
 			'actions'    => array(
 				'get_charts'   => Visualizer_Plugin::ACTION_GET_CHARTS,
@@ -134,8 +135,8 @@ public function setupMediaViewStrings( $strings ) {
 				'create'  => esc_html__( 'Create New', 'visualizer' ),
 			),
 			'library'    => array(
-				'filters' => self::_getChartTypesLocalized( true, true ),
-				'types'   => array_keys( self::_getChartTypesLocalized( true, true ) ),
+				'filters' => $chart_types,
+				'types'   => array_keys( $chart_types ),
 			),
 			'nonce'      => wp_create_nonce(),
 			'buildurl'   => add_query_arg( 'action', Visualizer_Plugin::ACTION_CREATE_CHART, admin_url( 'admin-ajax.php' ) ),
@@ -153,8 +154,16 @@ public function setupMediaViewStrings( $strings ) {
 	 * @access private
 	 * @return array The associated array of chart types with localized names.
 	 */
-	public static function _getChartTypesLocalized( $enabledOnly = false, $get2Darray = false ) {
-		$types = array(
+	public static function _getChartTypesLocalized( $enabledOnly = false, $get2Darray = false, $add_select = false ) {
+		$additional = array();
+		if ( $add_select ) {
+			$additional['select'] = array(
+				'name'    => esc_html__( 'All', 'visualizer' ),
+				'enabled' => true,
+			);
+		}
+
+		$types = array_merge( $additional, array(
 			'pie'         => array(
 				'name'    => esc_html__( 'Pie', 'visualizer' ),
 				'enabled' => true,
@@ -204,7 +213,7 @@ public static function _getChartTypesLocalized( $enabledOnly = false, $get2Darra
 				'name'    => esc_html__( 'Combo', 'visualizer' ),
 				'enabled' => false,
 			),
-		);
+		) );
 		$types = apply_filters( 'visualizer_pro_chart_types', $types );
 		if ( $enabledOnly ) {
 			$filtered = array();

classes/Visualizer/Module/Chart.php

@@ -83,6 +83,11 @@ public function getCharts() {
 			),
 		);
 		$filter     = filter_input( INPUT_GET, 's', FILTER_SANITIZE_STRING );
+		if ( empty( $filter ) ) {
+			// 'filter' is from the modal from the add media button.
+			$filter	= filter_input( INPUT_GET, 'filter', FILTER_SANITIZE_STRING );
+		}
+
 		if ( $filter && in_array( $filter, Visualizer_Plugin::getChartTypes() ) ) {
 			$query_args['meta_query'] = array(
 				array(

js/media/view.js

@@ -59,7 +59,18 @@
 			settings.height = self.options.height;
 
 			table = new gv.DataTable({cols: series});
-			chart = type === 'gauge' ? 'Gauge' : type.charAt(0).toUpperCase() + type.slice(1) + 'Chart';
+
+            switch (type) {
+                case "gauge":
+                case "table":
+                case "timeline":
+                    chart  = type.charAt(0).toUpperCase() + type.slice(1);
+                    break;
+                default:
+			        chart = type.charAt(0).toUpperCase() + type.slice(1) + 'Chart';
+                    break;
+            }
+
 			chart = new gv[chart](self.el);
 
 			switch (type) {