Changeset 12748 for trunk/src/bp-members/classes/class-bp-members-component.php

Timestamp:

10/11/2020 11:51:42 AM (4 years ago)

Author:

imath

Message:

BP Blocks: introduce the BP Members Block 👫

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

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

Just like the BP Member block you can choose the Profile photo size (or disable it), whether to show or hide the mention name.

You can also choose to show or hide the user display name and some extra information generated by BuddyPress about the user:

• Last time the user was active,
• Latest activity the user posted (if the Activity component is active).

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

Props espellcaste, imath

See #8369

File:

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

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

@@ -734 +734 @@
                     ),
                 ),
+                'bp/members' => array(
+                    'name'               => 'bp/members',
+                    'editor_script'      => 'bp-members-block',
+                    'editor_script_url'  => plugins_url( 'js/blocks/members.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-members-block',
+                    'style_url'          => plugins_url( 'css/blocks/members.css', dirname( __FILE__ ) ),
+                    'attributes'         => array(
+                        'itemIDs'            => array(
+                            'type'  => 'array',
+                            'items' => array(
+                                'type' => 'integer',
+                            ),
+                        ),
+                        'avatarSize'         => array(
+                            'type'    => 'string',
+                            'default' => 'full',
+                        ),
+                        'displayMentionSlug' => array(
+                            'type'    => 'boolean',
+                            'default' => true,
+                        ),
+                        'displayUserName'    => array(
+                            'type'    => 'boolean',
+                            'default' => true,
+                        ),
+                        'extraData'          => array(
+                            'type'    => 'string',
+                            'default' => 'none',
+                            'enum'    => array( 'last_activity', 'latest_update', 'none' ),
+                        ),
+                        'layoutPreference'   => array(
+                            'type'    => 'string',
+                            'default' => 'list',
+                            'enum'    => array( 'list', 'grid' ),
+                        ),
+                        'columns'            => array(
+                            'type'    => 'number',
+                            'default' => 2,
+                        ),
+                    ),
+                    'render_callback'    => 'bp_members_render_members_block',
+                ),
             )
         );