Changeset 12580

Timestamp:

03/25/2020 07:47:37 AM (6 years ago)

Author:

imath

Message:

Introduce the BP Group Block

It uses the BP Blocks API to register a block to let site owners feature one group of their community site. It includes Block settings to enable/disable some information such as the group profile photo, the group cover image, the group description and the group home page button.

See #8048

Location:

trunk/src/bp-groups

Files:

• bp-groups-blocks.php (added)
• classes/class-bp-groups-component.php (modified) (2 diffs)
• css (added)
• css/blocks (added)
• css/blocks/group-rtl.css (added)
• css/blocks/group.css (added)

trunk/src/bp-groups/classes/class-bp-groups-component.php

@@ -131 +131 @@
                         'notifications',
                         'cssjs',
+                        'blocks',
                 );
 
@@ -941 +942 @@
                 ) );
         }
+
+        /**
+         * Register the BP Groups Blocks.
+         *
+         * @since 6.0.0
+         *
+         * @param array $blocks Optional. See BP_Component::blocks_init() for
+         *                      description.
+         */
+        public function blocks_init( $blocks = array() ) {
+                parent::blocks_init(
+                        array(
+                                'bp/group' => array(
+                                        'name'               => 'bp/group',
+                                        'editor_script'      => 'bp-group-block',
+                                        'editor_script_url'  => plugins_url( 'js/blocks/group.js', dirname(  __FILE__ ) ),
+                                        'editor_script_deps' => array(
+                                                'wp-blocks',
+                                                'wp-element',
+                                                'wp-components',
+                                                'wp-i18n',
+                                                'wp-editor',
+                                                'wp-compose',
+                                                'wp-data',
+                                                'wp-block-editor',
+                                                'bp-block-components',
+                                        ),
+                                        'style'              => 'bp-group-block',
+                                        'style_url'          => plugins_url( 'css/blocks/group.css', dirname( __FILE__ ) ),
+                                        'render_callback'    => 'bp_groups_render_group_block',
+                                        'attributes'         => array(
+                                                'itemID'              => array(
+                                                        'type'    => 'integer',
+                                                        'default' => 0,
+                                                ),
+                                                'avatarSize'          => array(
+                                                        'type'    => 'string',
+                                                        'default' => 'full',
+                                                ),
+                                                'displayDescription'  => array(
+                                                        'type'    => 'boolean',
+                                                        'default' => true,
+                                                ),
+                                                'displayActionButton' => array(
+                                                        'type'    => 'boolean',
+                                                        'default' => true,
+                                                ),
+                                                'displayCoverImage'   => array(
+                                                        'type'    => 'boolean',
+                                                        'default' => true,
+                                                ),
+                                        ),
+                                ),
+                        )
+                );
+        }
 }