Merge branch '3.4.0' of https://github.com/codeinwp/visualizer into test-3.4.0

Author: contactashish13

classes/Visualizer/Render/Library.php

@@ -118,12 +118,13 @@ private function _renderLibrary() {
 			echo ' | </li>';
 		}
 		echo '</ul>';
+
 		echo '<form action="" method="get"><p id="visualizer-search" class="search-box">
                 <input type="search" placeholder="' . __( 'Enter title', 'visualizer' ) . '" name="s" value="' . $filterBy . '">
                 <input type="hidden" name="page" value="visualizer">
                 <button type="submit" id="search-submit" title="' . __( 'Search', 'visualizer' ) . '"><i class="dashicons dashicons-search"></i></button>
-                <button type="button" class="add-new-chart" title="' . __( 'Add New', 'visualizer' ) . '"><i class="dashicons dashicons-plus-alt"></i></button>
            </p> </form>';
+
 		echo '</div>';
 		echo '<div id="visualizer-content-wrapper">';
 		if ( ! empty( $this->charts ) ) {

js/render-datatables.js

@@ -62,15 +62,26 @@
                 case 'post':
                     // fall-through.
                 case 'library':
-                    // remove scrollY if its greater than what will fit in the box (along with the legend).
-                    if(parseInt(chart.settings['scrollY_int']) > 180){
-                        chart.settings['scrollY_int'];
-                    }
-                    delete chart.settings['scrollX'];
-                    $.extend( settings, { 
+                    // for smaller screens...
+                    if(screen.width < 1300){
+                        delete chart.settings['scrollX'];
+                        delete chart.settings['scrollY'];
+                        delete chart.settings['scrollY_int'];
+                        $.extend( settings, {
+                            scrollX: 150,
+                            scrollY: (0.5 * parseInt($(container).css('height').replace('px',''))),
+                            scrollCollapse: true,
+                        } );
+                    }else{
+                        if(parseInt(chart.settings['scrollY_int']) > 180){
+                            chart.settings['scrollY_int'];
+                        }
+                        delete chart.settings['scrollX'];
+                        $.extend( settings, {
                             scrollX: 150,
                             scrollY: 180,
-                    } );
+                        } );
+                    }
                     break;
                 case 'chart':
                     delete chart.settings['scrollX']; // jshint ignore:line

js/render-facade.js

@@ -87,6 +87,10 @@
         // fixed as part of the issue to add annotations.
         if(visualizer.page_type === 'library'){
             if(localStorage.getItem( 'viz-facade-loaded' ) === '1'){
+                // prevent library from hanging.
+                setTimeout( function(){
+                    localStorage.removeItem( 'viz-facade-loaded' );
+                }, 2000);
                 return;
             }
             localStorage.setItem( 'viz-facade-loaded', '1');

readme.txt

@@ -25,6 +25,9 @@ On top of our responsive charts and graphs, you can also add our responsive tabl
 ### Flexible and customizable ###
 Make the charts your own. Configure an extensive set of options to perfectly match the look and feel of your website. You can use Google Chart Tools with their default setting - all customization is optional and the basic setup is launch-ready. However, charts and graphs can be easily customizable in case your webpage adopts a style which is at odds with provided defaults. Every chart exposes a number of options that customize its look and feel.
 
+### Gutenberg support ###
+Whether you like Gutenberg or not, it doesn't matter, you can add your charts using our easy-to-use gutenberg interface, or simply paste your chart code on the old editor.
+
 ### Responsive Charts in HTML5/SVG ###
 Charts are rendered using HTML5/SVG technology to provide cross-browser compatibility (including VML for older IE versions) and cross platform portability to iPhones, iPads and Android. Your users will never have to mess with extra plugins or any software. If they have a web browser, they can see your charts.