close button in types screen

Author: contactashish13

classes/Visualizer/Render/Page/Types.php

@@ -129,6 +129,7 @@ protected function _renderToolbar() {
 		}
 		?>
 		<input type="submit" class="button button-primary button-large push-right" value="<?php esc_attr_e( 'Next', 'visualizer' ); ?>">
+		<input type="button" class="button button-secondary button-large push-left viz-abort" value="<?php esc_attr_e( 'Abort &amp; Close', 'visualizer' ); ?>">
 		<?php
 	}
 }

js/frame.js

@@ -121,6 +121,11 @@
 
         init_type_vs_library();
 
+        $('.viz-abort').on('click', function(e){
+            e.preventDefault();
+            window.parent.postMessage('visualizer:mediaframe:close', '*');
+        });
+
     }
 
     function init_type_vs_library() {

js/library.js

@@ -65,6 +65,14 @@
             var wnd = window,
                 view = new vmv.Chart({action: vu.create});
 
+            window.parent.addEventListener('message', function(event){
+                switch(event.data) {
+                    case 'visualizer:mediaframe:close':
+                        view.close();
+                        break;
+                }
+            }, false);
+
             // remove the 'type' while refreshing the library page on creation of a new chart.
             // this is to avoid cases where users have filtered for chart type A and end up creating chart type B
             wnd.send_to_editor = function () {
@@ -108,6 +116,12 @@
             });
             return false;
         });
+
+        // if addnew is found as a GET request parameter, show the modal.
+        if(location.href.indexOf('addnew') !== -1){
+            $('.add-new-chart').trigger('click');
+        }
+
         $(window).resize(function () {
             clearTimeout(resizeTimeout);
             resizeTimeout = setTimeout(function () {