Comments (6)
Hi!
In the above commit, I've made a first step in building the block. Here's how the placeholder looks:
Then, once the member is selected, here's how the rendered block look:
There are some other steps to achieve:
- Make the Autocomplete control more generic so it can be used by any BP Block.
- Add an edit button and alignments buttons to the block toolbar.
- Add settings to disable the avatar, etc.. (Sidebar secondary in the sketch)
- Improve the rendered block style and implement the Cover image feature.
from bp-blocks.
The commit above is adding a sidebar for the block settings. Here's a screen capture:
from bp-blocks.
In 6f01bca I've added the cover image. Here are some screen captures of it:
**With a full size avatar.** **With a thumb size avatar.** **With no avatar.**from bp-blocks.
Hi @karmatosed
Thanks a lot for your work on the sketches. I agree it could be super helpful 😊. This block could be used to display our profiles.wordpress.org « card » in the future.
To start with local profiles, I really like it. Some thoughts:
- I think we could use a custom autocomplete component extending the one provide by Gutenberg. I believe some communities might have a lot of members and the dropdown might not suit these communities.
- I imagine the settings sidebar of the block would include options to show hide the avatar/cover image.
- I can imagine some users might want to include some xprofile fields.. Let’s keep it simple for 1st version. Having cover, avatar, username linked to the profile page, and the display name is nice.
- Should we include some actions button like : View profile, Mention, Send à private message ?
from bp-blocks.
This looks great!
The only suggestion I'd add for future blocks is to add via a PR.
from bp-blocks.
Closing this as the block has been merged into BP Core
from bp-blocks.
Related Issues (20)
- Activity Embed block
- Plugin Notice
- Add Type checking with PropTypes HOT 1
- Errors when the groups component is not active HOT 2
- Allow to give up on editing embed activity block HOT 1
- Allow an activity to be updated
- Allow users to list & manage their activities in WP admin screen HOT 2
- Activity Embed block: the value of the url is emptied
- Github Action: PHPCS (Coding Standards)
- Github Action: Node
- Migrate BP Widgets as BP Blocks HOT 3
- Add a new BP Core Block Component to replace Editor settings filter
- `wp-editor` dependency shouldn't be used in Widgets Screen
- Dynamic blocks no more dynamic in WP 5.9?
- Submit BP Search Block to WP.org plugin directory HOT 1
- German translation created... HOT 3
- Migrate from Parcel to @wordpress/scripts (Webpack)
- Completely move BP Blocks in BuddyPress & only keep BP Block Add-ons in this plugin
- Update the Emoji picker to support Twemoji 13
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bp-blocks.