Add classic editor and block editor support Codeinwp/visualizer-pro#343

Author: girishpanchal30

classes/Visualizer/Module/Wizard.php

@@ -282,6 +282,17 @@ private function setup_wizard_create_draft_page( $return_page_id = false ) {
 				)
 			);
 		}
+		if ( function_exists( 'use_block_editor_for_post_type' ) && use_block_editor_for_post_type( 'page' ) ) {
+			$this->wizard_data = get_option( self::OPTION_NAME, array() );
+			if ( ! empty( $this->wizard_data['chart_id'] ) ) {
+				$block_data      = array(
+					'id'    => $this->wizard_data['chart_id'],
+					'lazy'  => '-1',
+					'route' => 'chartSelect',
+				);
+				$basic_shortcode = '<!-- wp:visualizer/chart ' . wp_json_encode( $block_data ) . ' /-->';
+			}
+		}
 		$post_title = __( 'Visualizer Demo Page', 'visualizer' );
 		$page_id    = post_exists( $post_title, '', '', 'page' );
 		$args       = array(

css/style-wizard.css

@@ -1198,6 +1198,9 @@ display: none;
 	background: #39C3D2;
 	transition: all .3s ease-in-out;
 }
+.vz-chart-list .slick-arrow[disabled="disabled"], .vz-chart-list .slick-arrow[aria-disabled="true"] {
+	color: #eeeeee
+}
 
 @media (max-width: 767px){
 	.wp-toolbar .vz-wizard-fullscreen{margin-top: 0;}

js/setup-wizard.js

@@ -291,5 +291,19 @@ jQuery(function ($) {
 		slidesToShow: 1,
 		centerMode: false,
 		variableWidth: true
-	});
+	})
+	.on( 'afterChange', function(event, slick, currentSlide) {
+		// Disable next buttion.
+		if( currentSlide === 4 ) {
+			$('.slick-next').attr('disabled', true).css('pointer-events', 'none');
+		} else {
+			$('.slick-next').removeAttr('disabled').css('pointer-events', 'all');
+		}
+		// Disable prev buttion.
+		if( currentSlide === 0 ) {
+			$('.slick-prev').attr('disabled', true).css('pointer-events', 'none');
+		} else {
+			$('.slick-prev').removeAttr('disabled').css('pointer-events', 'all');
+		}
+	} );
 });