Plugin Tabs noticias

Wordpress/wordpress/wp-content/plugins/all-bootstrap-blocks/blocks/collapse/block.js

@@ -0,0 +1,67 @@
+import * as areoi from '../_components/Core.js';
+import meta from './block.json';
+
+const ALLOWED_BLOCKS = null;
+const BLOCKS_TEMPLATE = null;
+
+const blockIcon = <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M24 0v24H0V0h24z" fill="none" opacity=".87"/><path d="M7.41 18.59L8.83 20 12 16.83 15.17 20l1.41-1.41L12 14l-4.59 4.59zm9.18-13.18L15.17 4 12 7.17 8.83 4 7.41 5.41 12 10l4.59-4.59z"/></svg>;
+
+areoi.blocks.registerBlockType( meta, {
+    icon: blockIcon,
+    edit: props => {
+        const {
+            attributes,
+            setAttributes,
+            clientId
+        } = props;
+
+        const { block_id } = attributes;
+        if ( !block_id ) {
+            setAttributes( { block_id: clientId } );
+        }
+
+        const classes = [
+            'collapse',
+            'show'
+        ];
+
+        const blockProps = areoi.editor.useBlockProps( {
+            className: areoi.helper.GetClassName( classes ),
+            style: { cssText: areoi.helper.GetStyles( attributes ) }
+        } );
+
+        function onChange( key, value ) {
+            setAttributes( { [key]: value } );
+        }
+
+        return (
+            <>
+                { areoi.DisplayPreview( areoi, attributes, onChange, 'collapse' ) }
+                {
+                    !attributes.preview &&
+                    <div { ...blockProps } data-anchor={ attributes.anchor ? ' : #' + attributes.anchor : '' }>
+                        <areoi.editor.InspectorControls key="setting">
+                            <areoi.components.PanelBody title={ 'Settings' } initialOpen={ false }>
+                                <areoi.components.PanelRow>
+                                    <areoi.components.ToggleControl 
+                                        label={ 'Open' }
+                                        help="Set the collapsible content visible as a default.. "
+                                        checked={ attributes['open'] }
+                                        onChange={ ( value ) => onChange( 'open', value ) }
+                                    />
+                                </areoi.components.PanelRow>
+                            </areoi.components.PanelBody>  
+                        </areoi.editor.InspectorControls>
+
+                        <areoi.editor.InnerBlocks template={ BLOCKS_TEMPLATE } allowedBlocks={ ALLOWED_BLOCKS } />
+                    </div>
+                }
+            </>
+        );
+    },
+    save: () => { 
+        return (
+            <areoi.editor.InnerBlocks.Content/>
+        );
+    },
+});

Wordpress/wordpress/wp-content/plugins/all-bootstrap-blocks/blocks/collapse/block.json

@@ -0,0 +1,40 @@
+{
+	"apiVersion": 2,
+	"name": "areoi/collapse",
+	"title": "Collapse",
+	"category": "areoi-components",
+	"description": "The collapse JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you toggle.",
+	"textdomain": "default",
+	"keywords": [ "areoi", "bootstrap", "components" ],
+	"example": {
+		"attributes": {
+			"preview": true
+		}
+	},
+	"attributes": {
+		"preview": {
+			"type": "boolean",
+			"default": false
+		},
+		"anchor": {
+			"type": "string",
+			"default": false
+		},
+		"block_id": {
+			"type": "string",
+			"default": null
+		},
+		"open": {
+			"type": "boolean",
+			"default": false
+		}
+	},
+	"supports": {
+		"anchor": true,
+		"align": false,
+		"html": false
+	},
+	"editorScript": "areoi-blocks",
+    "editorStyle": "file:./index.css",
+    "style": "file:../../build/style.css"
+}

Wordpress/wordpress/wp-content/plugins/all-bootstrap-blocks/blocks/collapse/index.css

@@ -0,0 +1,4 @@
+.wp-block-areoi-collapse {
+	border:  1px dashed #ccc;
+	padding: 10px;
+}