/
blockinfo.js
72 lines (65 loc) · 2.65 KB
/
blockinfo.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
/*
* Block info renderer - displays the fields for the block info block
*
* @copyright (C) Copyright Bobbing Wide 2019,2020,2021
* @author Herb Miller @bobbingwide
*
*/
import {BlockSupportsInserter, getBlockorVariation} from "../oik-blockicon/blockicons";
import {BlockVariations } from "../oik-blockicon/blockvariations";
import { BlockiconStyled } from '../oik-blockicon/blockicons.js';
import { BlockListItem, BlockDescription } from '../oik-blocklist/blocklist';
/**
*
* @param blocknamebarvariation
* @param showBlockLink boolean - true if we only want to display a block link similar to the block list
* @param showBlockIcon - true when we want to display the block's icon
* @param showBlockTypeName
* @param showTitle
* @param showDescription
* @param showCategory
* @param showKeywords
* @param showVariations
* @param props
* @returns {JSX.Element}
* @constructor
*/
function BlockinfoStyled( blocknamebarvariation, showBlockLink, showBlockIcon, showBlockTypeName, showTitle, showDescription, showCategory, showKeywords, showVariations, ...props ) {
//console.log( blocknamebarvariation );
var block = getBlockorVariation(blocknamebarvariation);
if (showBlockLink) {
var blockListItem = BlockListItem(block, showBlockLink);
return (
<dl>
{blockListItem}
</dl>
)
} else {
//console.log( block );
var blockicon = showBlockIcon ? BlockiconStyled(blocknamebarvariation, props) : null;
//console.log( blockicon );
var blockTypeName = showBlockTypeName ? <div>{block.block_name} {block.name}</div> : null;
var blockTitle = showTitle ? <div>{block.title}</div> : null;
var blockDescription = showDescription ? BlockDescription( block.description ) : null;
var blockCategory = showCategory ? <div>{block.category}</div> : null;
var keywords = block.keywords ? block.keywords.join() : null;
var blockKeywords = showKeywords ? <div>{keywords}</div> : null;
var blockSupportsInserter = null;
blockSupportsInserter = BlockSupportsInserter(block);
blockSupportsInserter = (blockSupportsInserter === '') ? null : <div>{blockSupportsInserter}</div>;
var blockVariations = showVariations ? BlockVariations(block) : null;
return (
<div className={props.className}>
{blockicon}
{blockSupportsInserter}
{blockTypeName}
{blockTitle}
{blockDescription}
{blockCategory}
{blockKeywords}
{blockVariations}
</div>
);
}
}
export { BlockinfoStyled };