Changeset 12749 for trunk/src/bp-groups/classes/class-bp-groups-component.php

Timestamp:

10/11/2020 01:14:24 PM (4 years ago)

Author:

imath

Message:

BP Blocks: introduce the BP Groups Block 🎈🎈🎈

Unlike what we are doing in the BP Groups widgets (filtering a max amount of groups according to their popularity, last activity, alphabetically, ...), the BP Groups block lets you select as many groups as you wish to feature them into your post or page.

Groups are selected one by one using the BP Auto-completer React component.

Just like the BP Group block you can choose the Profile photo size (or disable it).

You can also choose to show or hide the group's name and some extra information about the group:

• The group's description.
• Last time the group was active.
• The amount of group members.

Finally you can choose to display groups in a grid of 2 to 4 columns or in a list.

PS: this commit also fixes a failing test by adding the CSS files generated by the Members & Groups blocks sass files to the ones to disable from the stylelint CSS task.

Props espellcaste, imath

Fixes #8369

File:

• trunk/src/bp-groups/classes/class-bp-groups-component.php (modified) (1 diff)

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

@@ -1011 +1011 @@
                     ),
                 ),
+                'bp/groups' => array(
+                    'name'               => 'bp/groups',
+                    'editor_script'      => 'bp-groups-block',
+                    'editor_script_url'  => plugins_url( 'js/blocks/groups.js', dirname( __FILE__ ) ),
+                    'editor_script_deps' => array(
+                        'wp-blocks',
+                        'wp-element',
+                        'wp-components',
+                        'wp-i18n',
+                        'wp-compose',
+                        'wp-data',
+                        'wp-api-fetch',
+                        'wp-url',
+                        'wp-block-editor',
+                        'bp-block-components',
+                        'lodash',
+                    ),
+                    'style'              => 'bp-groups-block',
+                    'style_url'          => plugins_url( 'css/blocks/groups.css', dirname( __FILE__ ) ),
+                    'attributes'         => array(
+                        'itemIDs'          => array(
+                            'type'  => 'array',
+                            'items' => array(
+                                'type' => 'integer',
+                            ),
+                        ),
+                        'avatarSize'       => array(
+                            'type'    => 'string',
+                            'default' => 'full',
+                        ),
+                        'displayGroupName' => array(
+                            'type'    => 'boolean',
+                            'default' => true,
+                        ),
+                        'extraInfo'        => array(
+                            'type'    => 'string',
+                            'default' => 'none',
+                            'enum'    => array( 'description', 'popular', 'active', 'none' ),
+                        ),
+                        'layoutPreference' => array(
+                            'type'    => 'string',
+                            'default' => 'list',
+                            'enum'    => array( 'list', 'grid' ),
+                        ),
+                        'columns'          => array(
+                            'type'    => 'number',
+                            'default' => 2,
+                        ),
+                    ),
+                    'render_callback'    => 'bp_groups_render_groups_block',
+                ),
             )
         );