Guilherme Capanema
6 years ago
9 changed files with 299 additions and 5 deletions
Split View
Diff Options
-
+26 -4admin/class-reuna-blocos-admin.php
-
+2 -0admin/dist/js/editor.js
-
+14 -0admin/dist/js/editor.js.LICENSE.txt
-
+137 -0admin/js/editor.jsx
-
+2 -1includes/class-reuna-blocos.php
-
+1 -0mix-manifest.json
-
+112 -0package-lock.json
-
+3 -0package.json
-
+2 -0webpack.mix.js
+ 26
- 4
admin/class-reuna-blocos-admin.php
View File
+ 2
- 0
admin/dist/js/editor.js
File diff suppressed because it is too large
View File
+ 14
- 0
admin/dist/js/editor.js.LICENSE.txt
View File
| @ -0,0 +1,14 @@ | |||
| /*! | |||
| Copyright (c) 2017 Jed Watson. | |||
| Licensed under the MIT License (MIT), see | |||
| http://jedwatson.github.io/classnames | |||
| */ | |||
| /** | |||
| * @license | |||
| * Lodash <https://lodash.com/> | |||
| * Copyright OpenJS Foundation and other contributors <https://openjsf.org/> | |||
| * Released under MIT license <https://lodash.com/license> | |||
| * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE> | |||
| * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors | |||
| */ | |||
+ 137
- 0
admin/js/editor.jsx
View File
| @ -0,0 +1,137 @@ | |||
| import classnames from 'classnames'; | |||
| import { assign } from 'lodash'; | |||
| const { addFilter } = wp.hooks; | |||
| const { __ } = wp.i18n; | |||
| const { Fragment } = wp.element; | |||
| const { InspectorControls, InspectorAdvancedControls } = wp.editor | |||
| const { createHigherOrderComponent } = wp.compose; | |||
| const { SelectControl, ToggleControl } = wp.components | |||
| const spacingOptions = [ | |||
| { | |||
| label: __('Normal'), | |||
| value: '', | |||
| }, | |||
| { | |||
| label: __('Pequeno'), | |||
| value: 'sm', | |||
| }, | |||
| { | |||
| label: __('Médio'), | |||
| value: 'md', | |||
| }, | |||
| { | |||
| label: __('Grande'), | |||
| value: 'lg', | |||
| }, | |||
| ]; | |||
| /** | |||
| * Add spacing control attribute to block. | |||
| * | |||
| * @param {object} settings Current block settings. | |||
| * @param {string} name Name of block. | |||
| * | |||
| * @returns {object} Modified block settings. | |||
| */ | |||
| addFilter('blocks.registerBlockType', 'reuna/columns/attribute/spacing', function(settings, name) { | |||
| if (name !== 'core/columns') { | |||
| return settings; | |||
| } | |||
| settings.attributes = assign(settings.attributes, { | |||
| invertOnMobile: { | |||
| type: 'boolean', | |||
| default: false, | |||
| }, | |||
| keepOnMobile: { | |||
| type: 'boolean', | |||
| default: false, | |||
| }, | |||
| spacing: { | |||
| type: 'string', | |||
| default: spacingOptions[0].value, | |||
| }, | |||
| }); | |||
| return settings; | |||
| }); | |||
| addFilter('editor.BlockEdit', 'reuna-blocos/custom-column-controls', createHigherOrderComponent(function(BlockEdit) { | |||
| return function(props) { | |||
| if (props.name !== 'core/columns') { | |||
| return ( | |||
| <BlockEdit {...props} /> | |||
| ); | |||
| } | |||
| const { invertOnMobile, keepOnMobile, spacing } = props.attributes; | |||
| return ( | |||
| <Fragment> | |||
| <BlockEdit {...props} /> | |||
| <InspectorControls> | |||
| <PanelBody | |||
| title={ __('Responsividade') } | |||
| initialOpen={ false } | |||
| > | |||
| <ToggleControl | |||
| label={ __('Inverter ordem das colunas em celulares') } | |||
| checked={ invertOnMobile } | |||
| onChange={ () => setAttributes({ invertOnMobile: ! invertOnMobile }) } | |||
| /> | |||
| <ToggleControl | |||
| label={ __('Manter colunas em celulares') } | |||
| checked={ keepOnMobile } | |||
| onChange={ () => setAttributes({ keepOnMobile: ! keepOnMobile }) } | |||
| /> | |||
| </PanelBody> | |||
| </InspectorControls> | |||
| <InspectorAdvancedControls> | |||
| <SelectControl | |||
| label={ __('Espaçamento entre colunas') } | |||
| value={ spacing } | |||
| options={ spacingOptions } | |||
| onChange={ () => setAttributes({ spacing: spacing }) } | |||
| /> | |||
| </InspectorAdvancedControls> | |||
| </Fragment> | |||
| ); | |||
| }; | |||
| }, 'customColumnControls')); | |||
| /** | |||
| * Add custom element class in save element. | |||
| * | |||
| * @param {Object} extraProps Block element. | |||
| * @param {Object} blockType Blocks object. | |||
| * @param {Object} attributes Blocks attributes. | |||
| * | |||
| * @return {Object} extraProps Modified block element. | |||
| */ | |||
| addFilter('blocks.getSaveContent.extraProps', 'reuna-blocos/add-custom-columns-classes', function(extraProps, blockType, attributes) { | |||
| if (blockType.name !== 'core/columns') { | |||
| return extraProps; | |||
| } | |||
| const { invertOnMobile, keepOnMobile, spacing } = attributes; | |||
| if (invertOnMobile) { | |||
| extraProps.className = classnames(extraProps.className, 'invert-on-mobile'); | |||
| } | |||
| if (keepOnMobile) { | |||
| extraProps.className = classnames(extraProps.className, 'keep-on-mobile'); | |||
| } | |||
| if (spacing) { | |||
| extraProps.className = classnames(extraProps.className, `has-spacing-${spacing}`); | |||
| } | |||
| return extraProps; | |||
| }); | |||
+ 2
- 1
includes/class-reuna-blocos.php
View File
+ 1
- 0
mix-manifest.json
View File
| @ -1,3 +1,4 @@ | |||
| { | |||
| "/admin/dist/js/editor.js": "/admin/dist/js/editor.js", | |||
| "/admin/dist/css/blocos.css": "/admin/dist/css/blocos.css" | |||
| } | |||