All functions in Block Component

Author: marekdedic

plugin/frontend/js/block.js

@@ -55,7 +55,7 @@ jQuery( document ).ready( function( $ ) {
 	SgdgEditorComponent.prototype = Object.create( wp.element.Component.prototype );
 	SgdgEditorComponent.prototype.render = function() {
 		if ( 0 === $( '#sgdg-block-editor-list' ).children().length ) {
-			ajaxQuery( this.props, this.props.attributes.path );
+			this.ajax( this.props.attributes.path );
 		}
 		return el( 'table', { class: 'widefat' }, [
 			el( 'thead', {},
@@ -71,58 +71,24 @@ jQuery( document ).ready( function( $ ) {
 			)
 		]);
 	};
-
-	wp.blocks.registerBlockType( 'skaut-google-drive-gallery/gallery', {
-		title: sgdgBlockLocalize.block_name,
-		description: sgdgBlockLocalize.block_description,
-		category: 'common',
-		icon: iconSvg,
-		attributes: {
-			path: {
-				type: 'array',
-				default: []
-			}
-		},
-		edit: SgdgEditorComponent,
-		save: renderFrontend,
-		transforms: {
-			from: [
-				{
-					type: 'shortcode',
-					tag: [ 'sgdg' ],
-					priority: 15,
-					attributes: {
-						path: {
-							type: 'string',
-							shortcode: extractFromShortcode
-						}
-					}
-			}
-			]
-		}
-	});
-
-	function renderFrontend( props ) {
-		return null;
-	}
-
-	function ajaxQuery( props, path ) {
+	SgdgEditorComponent.prototype.ajax = function( path ) {
+		var that = this;
 		$( '#sgdg-block-editor-list' ).html( '' );
 		$.get( sgdgBlockLocalize.ajax_url, {
 			_ajax_nonce: sgdgBlockLocalize.nonce, // eslint-disable-line camelcase
 			action: 'list_gallery_dir',
 			'path': path
 			}, function( data ) {
 				if ( data.response ) {
-					success( data.response, props, path );
+					that.ajaxSuccess( data.response, path );
 				} else if ( data.error ) {
-					error( data.error );
+					that.ajaxError( data.error );
 				}
 			}
 		);
-	}
-
-	function success( data, props, path ) {
+	};
+	SgdgEditorComponent.prototype.ajaxSuccess = function( data, path ) {
+		var that = this;
 		var i;
 		var len = data.length;
 		var html = '';
@@ -151,14 +117,47 @@ jQuery( document ).ready( function( $ ) {
 			} else {
 				path = path.concat( newDir );
 			}
-			props.setAttributes({'path': path});
-			ajaxQuery( props, path );
+			that.props.setAttributes({'path': path});
+			that.ajax( path );
 		});
-	}
-
-	function error( message ) {
+	};
+	SgdgEditorComponent.prototype.ajaxError = function( message ) {
 		var html = '<div class="notice notice-error"><p>' + message + '</p></div>';
 		$( '#sgdg-block-editor-list' ).parent().replaceWith( html );
+	};
+
+	wp.blocks.registerBlockType( 'skaut-google-drive-gallery/gallery', {
+		title: sgdgBlockLocalize.block_name,
+		description: sgdgBlockLocalize.block_description,
+		category: 'common',
+		icon: iconSvg,
+		attributes: {
+			path: {
+				type: 'array',
+				default: []
+			}
+		},
+		edit: SgdgEditorComponent,
+		save: renderFrontend,
+		transforms: {
+			from: [
+				{
+					type: 'shortcode',
+					tag: [ 'sgdg' ],
+					priority: 15,
+					attributes: {
+						path: {
+							type: 'string',
+							shortcode: extractFromShortcode
+						}
+					}
+			}
+			]
+		}
+	});
+
+	function renderFrontend( props ) {
+		return null;
 	}
 
 	function extractFromShortcode( named ) {