cleanup component

Author: DavidCramer

php/ui/component/class-sync.php

@@ -7,66 +7,88 @@
 
 namespace Cloudinary\UI\Component;
 
-use function Cloudinary\get_plugin_instance;
-
 /**
  * Sync Component to hold data.
  *
  * @package Cloudinary\UI
  */
 class Sync extends Text {
 
+	/**
+	 * Holds the components build blueprint.
+	 *
+	 * @var string
+	 */
+	protected $blueprint = 'wrap|icon/|div|label|title|tooltip/|/title|/label|/div|status/|action/|/wrap';
+
 	/**
 	 * Filter the input parts structure.
 	 *
 	 * @param array $struct The array structure.
 	 *
 	 * @return array
 	 */
-	protected function input( $struct ) {
+	protected function status( $struct ) {
 
 		$to_sync = $this->count_to_sync();
-		if ( empty( $to_sync ) ) {
-
-			$message            = $this->get_part( 'span' );
-			$message['content'] = __( 'All assets are synced', 'cloudinary' );
-
-			$struct['element']             = 'div';
-			$struct['attributes']['class'] = array(
-				'notification',
-				'notification-success',
-				'dashicons-before',
-				'dashicons-yes-alt',
-			);
+
+		$struct['attributes']['class'] = array(
+			'notification',
+			'dashicons-before',
+		);
+
+		if ( empty( $to_sync ) || $this->setting->get_param( 'queue' )->is_enabled() ) {
+			$struct['element'] = 'div';
+
+			// Set basis.
+			$state      = 'notification-success';
+			$icon       = 'dashicons-yes-alt';
+			$state_text = __( 'All assets are synced', 'cloudinary' );
+
+			if ( $this->setting->get_param( 'queue' )->is_enabled() ) {
+				$state      = 'notification-syncing';
+				$icon       = 'dashicons-update';
+				$state_text = __( 'Syncing now', 'cloudinary' );
+			}
+
+			$message                         = $this->get_part( 'span' );
+			$message['content']              = $state_text;
+			$struct['attributes']['class'][] = $state;
+			$struct['attributes']['class'][] = $icon;
+
 			$struct['children']['message'] = $message;
+		}
+
+		return $struct;
+	}
 
-			return $struct;
+	/**
+	 * Filter the action part structure.
+	 *
+	 * @param array $struct The array structure.
+	 *
+	 * @return array
+	 */
+	protected function action( $struct ) {
+
+		if ( empty( $this->count_to_sync() ) ) {
+			return null;
 		}
 
 		$struct['element'] = 'a';
 		$href              = $this->setting->find_setting( 'sync_media' )->get_component()->get_url();
 		$args              = array();
-		if ( ! $this->setting->get_param( 'queue' )->is_enabled() ) {
-			$args['enable-bulk']             = true;
-			$struct['content']               = $this->setting->get_param( 'enable_text', __( 'Sync Now', 'cloudinary' ) );
-			$struct['attributes']['class'][] = 'button';
-		} else {
-
-			$message            = $this->get_part( 'span' );
-			$message['content'] = __( 'Syncing now', 'cloudinary' );
 
-			$struct['attributes']['class'] = array(
-				'notification',
-				'notification-syncing',
-				'dashicons-before',
-				'dashicons-update',
-			);
-			$struct['children']['message'] = $message;
+		if ( ! $this->setting->get_param( 'queue' )->is_enabled() ) {
+			$args['enable-bulk'] = true;
+			$struct['content']   = $this->setting->get_param( 'enable_text', __( 'Sync Now', 'cloudinary' ) );
 
+		} else {
 			$args['disable-bulk']          = true;
-			$struct['attributes']['title'] = $this->setting->get_param( 'disable_text', __( 'Stop Sync', 'cloudinary' ) );
+			$struct['content']             = $this->setting->get_param( 'disable_text', __( 'Stop Sync', 'cloudinary' ) );
+			$struct['attributes']['style'] = 'margin:21px;';
 		}
-
+		$struct['attributes']['class'][] = 'button';
 		if ( 'off' === $this->setting->find_setting( 'auto_sync' )->get_value() ) {
 			$struct['attributes']['disabled'] = 'disabled';
 		} else {
@@ -118,6 +140,10 @@ protected function tooltip( $struct ) {
 	 * @return int
 	 */
 	protected function count_to_sync() {
+		static $count;
+		if ( ! is_null( $count ) ) {
+			return $count;
+		}
 		$params = array(
 			'post_type'      => 'attachment',
 			'post_status'    => 'inherit',