deprecated
2 weeks ago
block.json
1 day ago
edit.js
2 months ago
icon.svg
2 months ago
index.js
2 months ago
index.php
2 months ago
save.js
2 months ago
view.js
1 day ago
edit.js
98 lines
| 1 | import { |
| 2 | InnerBlocks, |
| 3 | InspectorControls, |
| 4 | useBlockProps, |
| 5 | } from '@wordpress/block-editor'; |
| 6 | import { BaseControl, PanelBody, SelectControl } from '@wordpress/components'; |
| 7 | import { __ } from '@wordpress/i18n'; |
| 8 | |
| 9 | export default function FAQ2Edit(props) { |
| 10 | const { attributes, setAttributes } = props; |
| 11 | const { showContent } = attributes; |
| 12 | const blockProps = useBlockProps({ |
| 13 | className: 'vk_faq', |
| 14 | }); |
| 15 | |
| 16 | const ALLOWED_BLOCKS = ['vk-blocks/faq2-q', 'vk-blocks/faq2-a']; |
| 17 | |
| 18 | const TEMPLATE = [['vk-blocks/faq2-q'], ['vk-blocks/faq2-a']]; |
| 19 | |
| 20 | return ( |
| 21 | <> |
| 22 | <InspectorControls> |
| 23 | <PanelBody title={__('Accordion Setting', 'vk-blocks')}> |
| 24 | {/* eslint-disable-next-line no-undef */} |
| 25 | {vk_blocks_check.is_pro ? ( |
| 26 | <BaseControl> |
| 27 | <SelectControl |
| 28 | __nextHasNoMarginBottom |
| 29 | name="vk_blocks_options[new_faq_accordion]" |
| 30 | value={showContent} |
| 31 | onChange={(value) => { |
| 32 | setAttributes({ |
| 33 | showContent: value, |
| 34 | }); |
| 35 | }} |
| 36 | options={[ |
| 37 | { |
| 38 | label: __( |
| 39 | 'Use common settings', |
| 40 | 'vk-blocks' |
| 41 | ), |
| 42 | value: 'default', |
| 43 | }, |
| 44 | { |
| 45 | label: __( |
| 46 | 'Disable accordion', |
| 47 | 'vk-blocks' |
| 48 | ), |
| 49 | value: 'disable', |
| 50 | }, |
| 51 | { |
| 52 | label: __( |
| 53 | 'Enable accordion and default open', |
| 54 | 'vk-blocks' |
| 55 | ), |
| 56 | value: 'open', |
| 57 | }, |
| 58 | { |
| 59 | label: __( |
| 60 | 'Enable accordion and default close', |
| 61 | 'vk-blocks' |
| 62 | ), |
| 63 | value: 'close', |
| 64 | }, |
| 65 | ]} |
| 66 | /> |
| 67 | <p> |
| 68 | {__( |
| 69 | '* You can change each common accordion settings from Setting > VK Blocks.', |
| 70 | 'vk-blocks' |
| 71 | )} |
| 72 | </p> |
| 73 | </BaseControl> |
| 74 | ) : ( |
| 75 | <p> |
| 76 | {__( |
| 77 | 'You can be collapsing this block at VK Blocks Pro', |
| 78 | 'vk-blocks' |
| 79 | )} |
| 80 | </p> |
| 81 | )} |
| 82 | </PanelBody> |
| 83 | </InspectorControls> |
| 84 | <div {...blockProps}> |
| 85 | <div className="vk_faq-header"></div> |
| 86 | <dl className="vk_faq-body"> |
| 87 | <InnerBlocks |
| 88 | allowedBlocks={ALLOWED_BLOCKS} |
| 89 | template={TEMPLATE} |
| 90 | templateLock="all" |
| 91 | /> |
| 92 | </dl> |
| 93 | <div className="vk_faq-footer"></div> |
| 94 | </div> |
| 95 | </> |
| 96 | ); |
| 97 | } |
| 98 |