fix: hide 'Show Chart' reminder message when in chart view mode

The info message was visible by default. Hide it via inline style and
toggle visibility via JS only when entering/leaving editor mode.

Author: HardeepAsrani

classes/Visualizer/Render/Layout.php

@@ -790,7 +790,7 @@ public static function _renderTabBasic( $args ) {
 													data-t-editor="<?php _e( 'Show Chart', 'visualizer' ); ?>"
 													data-t-chart="<?php _e( 'Edit Data', 'visualizer' ); ?>"
 											>
-											<p class="viz-group-description viz-info-msg"><?php echo sprintf( __( 'Please make sure you click \'Show Chart\' before you save the chart.', 'visualizer' ) ); ?></p>
+											<p class="viz-group-description viz-info-msg" style="display:none"><?php echo sprintf( __( 'Please make sure you click \'Show Chart\' before you save the chart.', 'visualizer' ) ); ?></p>
 										</div>
 										<?php } else { ?>
 											<input type="button" id="editor-undo" class="button button-secondary" style="display: none" value="<?php _e( 'Undo Changes', 'visualizer' ); ?>">
@@ -799,7 +799,7 @@ public static function _renderTabBasic( $args ) {
 													data-t-editor="<?php _e( 'Show Chart', 'visualizer' ); ?>"
 													data-t-chart="<?php _e( 'View Editor', 'visualizer' ); ?>"
 											>
-											<p class="viz-group-description viz-info-msg"><?php echo sprintf( __( 'Please make sure you click \'Show Chart\' before you save the chart.', 'visualizer' ) ); ?></p>
+											<p class="viz-group-description viz-info-msg" style="display:none"><?php echo sprintf( __( 'Please make sure you click \'Show Chart\' before you save the chart.', 'visualizer' ) ); ?></p>
 										<?php } ?>
 									</form>
 								</div>

js/simple-editor.js

@@ -30,6 +30,7 @@
                 button.html( button.attr( 'data-t-chart' ) );
                 button.attr( 'data-current', 'chart' );
                 $('p.viz-editor-selection').show();
+                $('p.viz-info-msg').hide();
                 $('.viz-text-editor').hide();
                 $('.viz-simple-editor').hide();
                 $( '#canvas' ).css('z-index', '1').show();
@@ -40,6 +41,7 @@
             button.html( button.attr( 'data-t-editor' ) );
             button.attr( 'data-current', 'editor' );
             $('p.viz-editor-selection').hide();
+            $('p.viz-info-msg').show();
             $('.viz-text-editor').css('z-index', '9999').show();
             $('.viz-simple-editor').css('z-index', '9999').show();
             $( '#canvas' ).css('z-index', '-100').hide();
@@ -53,6 +55,7 @@
             button.html( button.attr( 'data-t-chart' ) );
             button.attr( 'data-current', 'chart' );
             $('p.viz-editor-selection').show();
+            $('p.viz-info-msg').hide();
             $('.viz-text-editor').hide();
             $('.viz-simple-editor').hide();
             $( '#canvas' ).css('z-index', '1').show();
@@ -74,6 +77,7 @@
                 button.html( button.attr( 'data-t-chart' ) );
                 button.attr( 'data-current', 'chart' );
                 $('p.viz-editor-selection').show();
+                $('p.viz-info-msg').hide();
                 $('.viz-table-editor').hide();
                 $('.viz-simple-editor').hide();
                 $( '#canvas' ).css('z-index', '1').show();
@@ -84,6 +88,7 @@
             button.html( button.attr( 'data-t-editor' ) );
             button.attr( 'data-current', 'editor' );
             $('p.viz-editor-selection').hide();
+            $('p.viz-info-msg').show();
             $( '.viz-table-editor' ).css("z-index", "9999").show();
             $('.viz-simple-editor').css('z-index', '9999').show();
             $('body').trigger('visualizer:db:editor:table:redraw', {});
@@ -98,6 +103,7 @@
             button.html( button.attr( 'data-t-chart' ) );
             button.attr( 'data-current', 'chart' );
             $('p.viz-editor-selection').show();
+            $('p.viz-info-msg').hide();
             $('.viz-table-editor').hide();
             $('.viz-simple-editor').hide();
             $( '#canvas' ).css('z-index', '1').show();