Next Template Packs

This is a work in progress to illustrate what i have in mind for a next BuddyPress Template Pack. DO NOT USE on a live website! I repeat: DO NOT USE on a live website!

Some notes about my progess so far...

I mainly focused on Javascript and Ajax actions, by trying to split the huge buddypress.js file into smaller parts, loading it into the footer and loading smaller parts only when neede and by using json replies into the Ajax actions.

This is actually a template pack and tools to manage template packs!

Once activated, this plugin will first create a new Admin tabs in the BuddyPress settings Template Packs. It displays a list of the available template packs for the site and it helped me to come back to Legacy while building the "BP Next" one. This screenshot will explain itself what this UI could bring to the user...

The supports column is there to inform what components are supported by the template pack. For instance, the "Retired" forums component is not supported by this template pack (for now...)

Another tool is more for developers: the directory tools/i18n of this repo contains a script to easily create a pot file for a standalone template pack. So far we haven't figured out this as Legacy is using the 'buddypress' text domain, but as it's possible with this plugin to add new template packs inside the /wp-content/bp-templates repository (or any other location using the next_template_packs_locations and next_template_packs_url filters by the way) I thought this possibility was lacking (wp-plugin doesn't match our needs i think).

Primary nav, horizontally or vertically thanks to a widget!

I've added new templates to be able to load the primary nav dynamically: where it is today or in a widget. This leaves the choice to the user about the layout of this area. (horizontally or vertically)

A more dynamic activity stream

Search! Actually i've added search almost everywhere i could :)
"Timesinces" are updated thanks to Heartbeat
Dynamic tabs to inform if new activities are coming from members, friends, mentions...
Other Heartbeat improvements.

I haven't included the things i've been working on for the Activity post form, because it needs some more work on my side. But this video demonstrates it.

A new private messages UI

Rich text editor
single page App.
Use the @mentions script to contact any member of the community
New UI, looking a bit like a regular Email software :)

Here's a full preview of this new UI.

An important choice i've made was to move the Site wide notices out of this UI because the objects are really different. I think this should live in the notifications component by the way.. So you'll find the sitewide notices into the WordPress Administration as a sub menu of the Users one.

FYI, you'll find notice errors we'll need to fix upstream

Here's how it looks on the front-end, once the user clicks on the bubble:

A new Group's invite UI

Our current UI is really improvable imho. It lacks user feedback and the possibility to invite any member. It makes no sense to be so dependant of the Friends component to invite users to join a group imho. So this UI will make sure you can invite any member, and if the friends component is active, narrow your search to these friends :

It's built like the Private Messages UI as a single page App and the Send Invites nav acts a bit like the checkout of an ecommerce website. You add users to it and when you're ready to invite them, you simply send the invite and as it's generating a mail, it could also send a message to explain why the user(s) should join the group.