10h30/ultimatemember
1
0
Fork 0
mirror of https://github.com/10h30/ultimatemember.git synced 2026-07-20 07:04:06 +09:00
Code Issues Packages Projects Releases Wiki Activity

- added ability to set restriction options for each Gutenberg block;

Browse Source
This commit is contained in:
nikitasinelnikov
2019-01-04 19:00:21 +02:00
parent 1c873daf01
commit 5e7b250a9e
7 changed files with 361 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
includes/admin/assets/js/um-admin-blocks.js
+223
View File
@@ -0,0 +1,223 @@
'use strict';
/**
* Add Control element
*/
var um_el = wp.element.createElement;
var um_components = wp.components,
umToggleControl = um_components.ToggleControl,
umSelectControl = um_components.SelectControl,
umTextareaControl = um_components.TextareaControl,
umPanelBody = um_components.PanelBody;
var __ = wp.i18n.__;
var um_block_restriction = wp.compose.createHigherOrderComponent( function( BlockEdit ) {
var um_condition_fields = {
um_who_access:'um_block_settings_hide',
um_roles_access:'um_block_settings_hide',
um_message_type:'um_block_settings_hide',
um_message_content:'um_block_settings_hide'
};
return function( props ) {
if ( props.attributes.um_is_restrict !== true ) {
um_condition_fields['um_who_access'] = 'um_block_settings_hide';
um_condition_fields['um_roles_access'] = 'um_block_settings_hide';
um_condition_fields['um_message_type'] = 'um_block_settings_hide';
um_condition_fields['um_message_content'] = 'um_block_settings_hide';
} else {
um_condition_fields['um_who_access'] = '';
if ( parseInt( props.attributes.um_who_access ) === 0 || typeof props.attributes.um_who_access === 'undefined' ) {
um_condition_fields['um_roles_access'] = 'um_block_settings_hide';
um_condition_fields['um_message_type'] = 'um_block_settings_hide';
um_condition_fields['um_message_content'] = 'um_block_settings_hide';
} else if ( parseInt( props.attributes.um_who_access ) === 1 ) {
um_condition_fields['um_roles_access'] = '';
um_condition_fields['um_message_type'] = '';
if ( parseInt( props.attributes.um_message_type ) === 0 || typeof props.attributes.um_message_type === 'undefined' ) {
um_condition_fields['um_message_content'] = 'um_block_settings_hide';
} else {
um_condition_fields['um_message_content'] = '';
}
} else {
um_condition_fields['um_message_type'] = '';
if ( parseInt( props.attributes.um_message_type ) === 0 || typeof props.attributes.um_message_type === 'undefined' ) {
um_condition_fields['um_message_content'] = 'um_block_settings_hide';
} else {
um_condition_fields['um_message_content'] = '';
}
}
}
return um_el(
wp.element.Fragment,
{},
um_el( BlockEdit, props ),
um_el(
wp.editor.InspectorControls,
{},
um_el(
umPanelBody,
{
title: __( 'UM access Controls', 'ultimate-member' )
},
um_el(
umToggleControl,
{
label: __( 'Restrict access?', 'ultimate-member' ),
checked: props.attributes.um_is_restrict,
onChange: function onChange( value ) {
props.setAttributes({ um_is_restrict: value });
if ( value === false ) {
um_condition_fields['um_who_access'] = 'um_block_settings_hide';
um_condition_fields['um_roles_access'] = 'um_block_settings_hide';
um_condition_fields['um_message_type'] = 'um_block_settings_hide';
um_condition_fields['um_message_content'] = 'um_block_settings_hide';
} else {
um_condition_fields['um_who_access'] = '';
}
}
}
),
um_el(
umSelectControl,
{
type: 'number',
className: um_condition_fields['um_who_access'],
label: __( 'Who can access this content?', 'ultimate-member' ),
value: props.attributes.um_who_access,
options: [
{
label: __( 'Everyone', 'ultimate-member' ),
value: 0
},
{
label: __( 'Logged in users', 'ultimate-member' ),
value: 1
},
{
label: __( 'Logged out users', 'ultimate-member' ),
value: 2
}
],
onChange: function onChange( value ) {
props.setAttributes({ um_who_access: value });
if ( parseInt( value ) === 0 ) {
um_condition_fields['um_message_type'] = 'um_block_settings_hide';
um_condition_fields['um_message_content'] = 'um_block_settings_hide';
um_condition_fields['um_roles_access'] = 'um_block_settings_hide';
} else if ( parseInt( value ) === 1 ) {
um_condition_fields['um_message_type'] = '';
um_condition_fields['um_roles_access'] = '';
} else {
um_condition_fields['um_message_type'] = '';
um_condition_fields['um_roles_access'] = 'um_block_settings_hide';
}
}
}
),
um_el(
umSelectControl,
{
multiple: true,
className: um_condition_fields['um_roles_access'],
label: __( 'What roles can access this content?', 'ultimate-member' ),
value: props.attributes.um_roles_access,
options: um_restrict_roles,
onChange: function onChange( value ) {
props.setAttributes({ um_roles_access: value });
}
}
),
um_el(
umSelectControl,
{
type: 'number',
className: um_condition_fields['um_message_type'],
label: __( 'Restriction Message', 'ultimate-member' ),
value: props.attributes.um_message_type,
options: [
{
label: __( 'Global default message', 'ultimate-member' ),
value: 0
},
{
label: __( 'Custom Message', 'ultimate-member' ),
value: 1
}
],
onChange: function onChange( value ) {
props.setAttributes({ um_message_type: value });
if ( parseInt( value ) === 0 ) {
um_condition_fields['um_message_content'] = 'um_block_settings_hide';
} else {
um_condition_fields['um_message_content'] = '';
}
}
}
),
um_el(
umTextareaControl,
{
type: 'number',
className: um_condition_fields['um_message_content'],
label: __( 'Message Content', 'ultimate-member' ),
value: props.attributes.um_message_content,
onChange: function onChange( value ) {
props.setAttributes({ um_message_content: value });
}
}
)
)
)
);
};
}, 'um_block_restriction' );
wp.hooks.addFilter( 'editor.BlockEdit', 'um-block/um_block_restriction', um_block_restriction );
/**
* Save Attributes
*
* @type {{um_is_restrict: {type: string}, um_who_access: {type: string}, um_message_type: {type: string}, um_message_content: {type: string}}}
*/
var um_block_restrict_settings = {
um_is_restrict: {
type: "boolean"
},
um_who_access: {
type: "select"
},
um_roles_access: {
type: "select"
},
um_message_type: {
type: "select"
},
um_message_content: {
type: "string"
}
};
/**
*
* @param settings
* @returns {*}
*/
function um_add_block_attributes( settings ) {
var _lodash = lodash,
assign = _lodash.assign;
settings.attributes = assign( settings.attributes, um_block_restrict_settings );
return settings;
}
wp.hooks.addFilter( 'blocks.registerBlockType', 'um-block/um_add_block_attributes', um_add_block_attributes );