Issue #27 - display block count in both style batch lists. Show if bl…

…ock is ' (Not insertable)'
bobbingwide · Oct 26, 2020 · 8c3f840 · 8c3f840
1 parent bff2b62
commit 8c3f840
Showing 1 changed file with 17 additions and 2 deletions.
diff --git a/blocks/oik-blocklist/blocklist.js b/blocks/oik-blocklist/blocklist.js
@@ -6,7 +6,7 @@
  *
  */
 
-const { getBlockType, getBlockTypes, getBlockContent, serialize } = wp.blocks;
+const { getBlockType, getBlockTypes, getBlockContent, serialize, hasBlockSupport } = wp.blocks;
 const { BlockIcon } = wp.blockEditor;
 const { Fragment, renderToString } = wp.element;
 // Get just the __() localization function from wp.i18n
@@ -41,6 +41,8 @@ function BlockListStyled( prefix, showBlockLink, showCreateBlockLink, showDescri
     if ( showBatch ) {
         if ( showCreateBlockLink ) {
             var blocklist = <pre>
+                rem Blocks {count_blocks}
+                <br />
                 {block_types.map((block ) => BlockCreateBlockLink( block, component )) }
 
             </pre>
@@ -95,13 +97,16 @@ function namespaceFilter( element, index, array ) {
 
 function BlockListItem( block, showBlockLink ) {
 /* { block.icon */
-/* console.log( block ); */
+console.log( block );
     var blockLink = null;
 
     if ( showBlockLink ) {
         blockLink = getBlockLink( block );
     }
 
+    var blockSupportsInserter = null;
+    blockSupportsInserter = BlockSupportsInserter( block) ;
+
     return( <Fragment key={block.name}>
             <dt >
                 <BlockIcon icon={block.icon.src} />
@@ -116,18 +121,28 @@ function BlockListItem( block, showBlockLink ) {
 
                 {block.title } - {block.name }
                     </a> ) }
+
+
                 {!showBlockLink && (
                     <span>
                         {block.title} - {block.name} </span>)
                 }
+                {blockSupportsInserter}
                 <br />
                 {block.description}<br />
 
+
+
             </dd>
         </Fragment>
         );
 }
 
+function BlockSupportsInserter( block ) {
+
+    return hasBlockSupport( block, 'inserter', true) ?  '' : ' ( Not insertable )';
+}
+
 function BlockCreateItem( block, component ) {
     //console.log( block );
     var url = window.location.hostname;