GithubHelp home page GithubHelp logo

Group block sketches about bp-blocks HOT 4 CLOSED

karmatosed avatar karmatosed commented on September 27, 2024
Group block sketches

from bp-blocks.

Comments (4)

renatonascalves avatar renatonascalves commented on September 27, 2024

That's nice! A few thoughts:

  • At the moment, both the users and the groups components have support to cover and profile/avatar images/attachments. I'd like us to make something that would accomodate both or any of them, as there are communities using one or the other. Both of them could use placeholders (as it is already used in the normal theme), but visually, it'd be good if they could "match" on the block.

  • Having the cover or profile image and the group title, linking to the group itself seems like a first pass. However, now we are going to enter in a place of necessities. Communities necessity. Some would like to have the total number of members in the group in the block, or the total number of activities, or adding the group title and also the group moderator with their information, etc.

I'm not saying we should add those things. Only that the block should be flexible enough, visually, that adding those information (I presume this will be a dynamic block), will not be much of a hassle.

  • One last note about the picker. I wonder if it should be a search input though. For communities with hundreds of groups, that would be easier and more performant.

--

Now to your questions.

would we want to show invitations to join or maybe a click-through,

This seems like a good idea. Having a checkbox in the sidebar to hide/show this would be ideal.

or is it to also go as far as showing group activity?

I'd think not. But we can see requests to show a "preview", kind of like the recent 10 activities, or the latest 10 forum topics of a group, etc. I however don't know the demand for this, so I'd label it as nice-to-have.

Maybe there are 2 blocks here, one for group profile and one for group activity?

I'm not sure if it deserves a second block. Doing in a way that it inserts into the group block and is left out without loss to the layout, I could see something similar to the invitation idea you brought it up.

Meaning, I can click an option in the sidebar and have a feed of activitiy or group forum topics. I know the idea is not to overflow the sidebar with settings, but I don't see the need for a second block for something that would be better served together with the main block.

Anyway, my suggestion of an approach would be to have a block like a transformer, where one could put or remove part of blocks in without disrupting everything.
:)

from bp-blocks.

imath avatar imath commented on September 27, 2024

Thanks @karmatosed for your work on this and thanks @renatonascalves for your feedback.

Here are my thoughts:

  • I agree with Renato about the dropdown control we should probably use an autocomplete control. I can imagine considering the block will be available within the editor, admins will be able to list all ! hidden groups of the community site.
  • for a first version let’s keep it simple : Group Name linked to the group’s page, Group Description, avatar, cover.
  • the settings sidebar can be used as Tammie suggested to hide/show all properties of my previous point except the group name.
  • in the future: I see a great interest in displaying the number of group members and action buttons like Visit or Join.

I believe « Group Activities » is another block 😉

from bp-blocks.

imath avatar imath commented on September 27, 2024

As @renatonascalves requested, I've used a PR instead of directly committing. Thanks in advance for your feedbacks.

from bp-blocks.

imath avatar imath commented on September 27, 2024

Closing this as the block has been merged into BP Core

https://buddypress.trac.wordpress.org/ticket/8048

from bp-blocks.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.