messy messy checkpoint that adds jquery and localized vars for plugin and theme lists

Author: Anthony Burchell

plugin/lib/class-php-compatibility-checker.php

@@ -46,6 +46,37 @@ public static function instance() {
 		return self::$instance;
 	}
 
+	/**
+	 * Registers available blocks.
+	 *
+	 * @since 1.0.0
+	 */
+	public function set_up_ajax() {
+		$ajax_js = '../scripts/scan-runner.js';
+
+		global $wp_query;
+
+		wp_register_script( 'tide-checker', plugins_url( $ajax_js, __FILE__ ), array( 'jquery' ), '1.0', true );
+
+		wp_enqueue_script(
+			'tide-checker',
+			plugins_url( $ajax_js, __FILE__ ),
+			array( 'jquery' ),
+			'1.0',
+			true
+		);
+
+		wp_localize_script(
+			'tide-checker',
+			'checkerList',
+			array(
+				'pluginList'       => $this->generate_directory_list(),
+				'themeList'        => 'tbd',
+				'userOptions'        => 'some user options',
+			)
+		);
+	}
+
 	/**
 	 * Tool Page initialization.
 	 */
@@ -60,6 +91,7 @@ public function init() {
 
 		// Load our JavaScript.
 		add_action( 'admin_enqueue_scripts', array( $instance, 'admin_enqueue' ) );
+		add_action( 'admin_enqueue_scripts', array( $instance, 'set_up_ajax' ) );
 
 		// The action to run the compatibility test.
 		// add_action( 'wp_ajax_wpephpcompat_start_test', array( $instance, 'start_test' ) );
@@ -452,7 +484,7 @@ public function admin_enqueue( $hook ) {
 		wp_enqueue_style( 'wpephpcompat-style', plugins_url( '/styles/css/style.css', __FILE__ ), array(), $version );
 
 		// Scripts.
-		wp_enqueue_script( 'wpephpcompat-ajax', plugins_url( '/scripts/starter-script.js', __FILE__ ), array( 'jquery' ), $version );
+		// wp_enqueue_script( 'wpephpcompat-ajax', plugins_url( '/scripts/starter-script.js', __FILE__ ), array( 'jquery' ), $version );
 
 		/**
 		 * Strings for i18n.

plugin/scripts/scan-runner.js

@@ -0,0 +1,51 @@
+(function($) {
+	function build_rest_route( plugin_list ) {
+		var base_route = 'somesite.com/' + plugin_list;
+		return base_route;
+	}
+
+	function render_result_item( attributes ) {
+		$('#wpe_php_compat_results').append('<article class="'+ attributes.slug + '">');
+		$('#wpe_php_compat_results .' + attributes.slug ).append('<li class="' + attributes.slug + '"><b>Status:</b> ' + attributes.status + '</li>');
+ 		$('#wpe_php_compat_results').append('</article>');
+	}
+	$( document ).ready(function() {
+		// maybe we'll need to do some priming.
+	});
+	
+	$(document).on( 'click', '#runButton', function( event ) {
+		event.preventDefault();
+		console.log( checkerList );
+		// placeholder.
+		var plugin_list = 'akismet';
+		});
+
+		$(document).on( 'click', '#finalRunButton', function( event ) {
+			event.preventDefault();
+			console.log('hey, listen!');
+			// placeholder.
+			var plugin_list = 'akismet';
+			var endpoint = build_rest_route( plugin_list );
+			$.ajax({
+				url: endpoint,
+				beforeSend: function (xhr) {
+					// maybe in future state send header.
+					// xhr.setRequestHeader( 'X-WP-Nonce', ajaxpagination.rest_nonce);
+				},
+				type: 'GET',
+				success: function( html, status, request ) {
+					// a way to check for rest pages left..maybe we'll need some pagination. $total_pages = parseInt(request.getResponseHeader('X-WP-TotalPages'), 10);
+	
+					// an element removal if needed: $('#wpe_dynamic_rest_block').find( 'article' ).remove();
+					$.each( html, function(){
+						render_result_item( this );
+					});
+					// a value we can track as we progress through batches: value = 'something';
+				},
+				error: function () {
+					//@todo maybe alert if the endpoints arent available?
+				}
+			});
+	
+	});
+})(jQuery);