Last Piece Hacktivist Crew

Editing: gkit-shortcode-block.js

var el = wp.element.createElement,
    registerBlockType = wp.blocks.registerBlockType;

registerBlockType( 'gridkit/shortcode', {
    title: 'GridKIT',
    icon: 'portfolio',
    category: 'common',
    attributes: {
        content: {
            type: 'string',
            source: 'html',
            selector: 'div'
        },
        gridId: {
            type: 'string',
            source: 'attribute',
            selector: 'div',
            attribute: 'data-gkit-id'
        }
    },

edit: function( props ) {
        var updateFieldValue = function( val ) {
            props.setAttributes( { content: '[gkit id='+val+']', gridId: val } );
        };

var options = [];
        if (crp_shortcodes.length > 0) {
          options.push({label: 'Choose...', value: ''})

for (var i in crp_shortcodes) {
              options.push({label: crp_shortcodes[i].title + '   [gkit id=' + crp_shortcodes[i].id + ']', value: crp_shortcodes[i].id})
          }
        } else {
          options.push({label: 'You do not have any layouts!', value: ''})
        }

return el('div', {
            className: props.className
        }, [
            el( 'div', {className: 'gkit-block-box'}, [ el( 'div', {className: 'gkit-block-label'}, 'Select layout' ), el( 'div', {className: 'gkit-block-logo'} )] ),
            el(
                wp.components.SelectControl,
                {
                    label: '',
                    value: props.attributes.gridId,
                    onChange: updateFieldValue,
                    options: options
                }
            )
        ]);
    },
    save: function( props ) {
        return el( 'div', {'data-gkit-id': props.attributes.gridId, className: "wp-block-gridkit-shortcode-" + props.attributes.gridId}, props.attributes.content);
    }
} );

Cancel