Merge pull request #122 from 10up/feature/gutenberg-sidebar-status-av…

…ailability-panel

Add Gutenberg sidebar status availability panel

.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets" : ["env"]
+  "presets" : ["env", "react"]
 }

.eslintrc.json

@@ -17,6 +17,7 @@
     "camelcase": [ 1 ],
     "no-debugger": [ 1 ],
     "no-unused-vars": [ 1 ],
-    "function-paren-newline": [ 1, "never" ]
+    "function-paren-newline": [ 1, "never" ],
+    "no-extra-boolean-cast": [ 1 ]
   }
 }

assets/css/gutenberg-syndicated-post.css

@@ -0,0 +1,54 @@
+body.dt-linked-post {
+
+	& .edit-post-visual-editor,
+	& .editor-post-excerpt__textarea  {
+		opacity: .5;
+		pointer-events: none;
+		cursor: default;
+	}
+
+	& input,
+	& select,
+	& button,
+	& textarea,
+	& .button {
+		opacity: .5;
+		pointer-events: none;
+		cursor: default;
+	}
+
+	& .edit-post-header__settings,
+	& .components-time-picker,
+	& .react-datepicker,
+	& .components-panel__header {
+		& input,
+		& select,
+		& button,
+		& textarea,
+		& .button {
+			opacity: 1;
+			pointer-events: auto;
+			cursor: pointer;
+		}
+	}
+
+	& .components-panel__body-toggle,
+	& .edit-post-post-visibility__toggle,
+	& .editor-post-trash,
+	& .edit-post-post-schedule__toggle,
+	& .components-menu-item__button  {
+		opacity: 1;
+		pointer-events: auto;
+		cursor: pointer;
+	}
+
+	& #post-sticky-toggle-0 {
+		pointer-events: auto;
+		cursor: pointer;
+	}
+
+	& .edit-post-last-revision__panel {
+		display: none;
+	}
+
+}

assets/js/gutenberg-status-plugin.js

@@ -0,0 +1,36 @@
+import { wp, dtGutenberg } from 'window';
+
+const { registerPlugin } = wp.plugins;
+const { PluginPostStatusInfo } = wp.editPost;
+const { __ } = wp.i18n;
+const { PanelRow } =  wp.components;
+
+const renderDistributedFrom = () => {
+	return(
+		<PluginPostStatusInfo>
+				<span id='distributed-from'>
+					{ __( 'Distributed on: ' ) }
+					<strong> { dtGutenberg.syndicationTime } </strong>
+				</span>
+		</PluginPostStatusInfo>
+	)
+}
+
+const renderDistributedTo = () => {
+	return(
+		<PluginPostStatusInfo>
+			<span id='distributed-to'>
+				{ wp.i18n.sprintf(
+					wp.i18n.__( "Distributed to %1$s connection%2$s.", 'distributor' ),
+					dtGutenberg.syndicationCount,
+					'1' === dtGutenberg.syndicationCount ? '' : 's'
+				) }
+			</span>
+		</PluginPostStatusInfo>
+	)
+}
+
+const renderFunction = ( dtGutenberg.syndicationCount > 0  ) ? renderDistributedTo : renderDistributedFrom
+
+registerPlugin( 'distributor-status-panel', { render: renderFunction } );
+

assets/js/gutenberg-syndicated-post.js

@@ -0,0 +1,76 @@
+import { wp, dtGutenberg } from 'window'
+const { registerPlugin } = wp.plugins;
+
+
+wp.i18n.setLocaleData( dtGutenberg.i18n, 'distributor' )
+
+if ( '0' !== dtGutenberg.originalSourceId ) {
+
+	const messages = []
+
+	if ( parseInt( dtGutenberg.originalDeleted ) ) {
+		messages.push( wp.i18n.sprintf( wp.i18n.__( 'This %s was distributed from ' ), dtGutenberg.postTypeSingular ) )
+		messages.push( wp.element.createElement( 'a', {
+			href: dtGutenberg.postUrl,
+			key: 'original-location-link'
+		}, [
+			dtGutenberg.originalLocationName
+		] ) )
+		messages.push( wp.i18n.__( '. However, the original has been deleted.' ) )
+	} else if ( ! parseInt( dtGutenberg.unlinked ) ) {
+		messages.push( wp.i18n.__( 'Distributed from ', 'distributor' ) )
+
+		messages.push( wp.element.createElement( 'a', {
+			href: dtGutenberg.postUrl,
+			key: 'original-location-link'
+		}, [
+			dtGutenberg.originalLocationName
+		] ) )
+
+		messages.push( '.' )
+
+		messages.push(
+			wp.element.createElement( 'span', {
+				key: 'message-span'
+			}, [
+			wp.i18n.sprintf( wp.i18n.__( " The original %1$s will update this version unless you ", 'distributor' ), dtGutenberg.postTypeSingular.toLowerCase() ),
+			wp.element.createElement( 'a', {
+				href: dtGutenberg.unlinkNonceUrl,
+				key: 'original-unlink'
+			}, [
+				wp.i18n.__( 'unlink from the original.', 'distributor' )
+			] )
+		] ) )
+	} else {
+		messages.push( wp.i18n.__( 'Originally distributed from ', 'distributor' ) )
+
+		messages.push( wp.element.createElement( 'a', {
+			href: dtGutenberg.postUrl,
+			key: 'original-location-link'
+		}, [
+			dtGutenberg.originalLocationName
+		] ) )
+
+		messages.push( '.' )
+
+		messages.push( wp.element.createElement( 'span', {
+				key: 'message-span'
+		}, [
+			wp.i18n.sprintf( wp.i18n.__( " This %1$s has been unlinked from the original. However, you can always ", 'distributor' ), dtGutenberg.postTypeSingular.toLowerCase() ),
+			wp.element.createElement( 'a', {
+				href: dtGutenberg.linkNonceUrl,
+				key: 'original-restore-link'
+			}, [
+				wp.i18n.__( 'restore it.', 'distributor' )
+			] )
+		] ) )
+	}
+
+	const messageElement = wp.element.createElement( 'p', {
+		className: 'dt-message-wrapper'
+	}, messages )
+
+	wp.data.dispatch( 'core/editor' ).createWarningNotice( messageElement, {
+		isDismissible: false
+	} )
+}