Hi folks,
Just a quick one today - I thought I'd show you what your Profile pages look like currently. As you know, in the current community your profiile page attempts to show you everything you might need all on one page. It's best described as a bit of a mess, even with some of the components currently switched off.
In Flarum, it's all a lot neater. Here's the desktop page:
At the top, in the orange bar, you can see some basic information about me. I can change my avatar easily just by clicking on it, you can see that I'm currently online, and when I joined. The white arrow is pointing to a Bio field that I've not yet filled out - but all I have to do is click in that area and I can add some details about myself. All of this information in the top bar is also available when reading threads if you hover your mouse over the avatar of the member who made each post:
(I've not shown it in the above screenshot, but if you click on the vertical three dots menu icon, you can then send a Private Message direct to that member).
Beneath the orange profile information area is a simple content display area. By default, it will show (in chronological order of most recent first) any posts that the member has made. It will only show the posts that the viewer has permission to see. On the left, it currently shows how many posts I've written. And underlined in the top post, you can see that's actually possible to reply directly to that post from right there in the Profile page. I can also set it as a Best Answer if I have the permissions to do so, or add a reaction. Or even, if necessary, use the "..." menu to flag the post for attention from an Educator.
On the left side, I can easily switch to look at all the Discussions (what Flarum calls threads) I've started, my Private Messages (only when looking at your own profile page), and any posts where the member has been @ mentioned (this is public). There's also a Settings section, as you would expect (we'll show that off another day - it's currently a little sparse. But that's where you'll set your Signature, as well as control what notifications and emails you receive).
On Mobile, the Profile page looks like this:
In the top centre of the black nav bar, you can see it says "Posts". Tapping on that opens a menu to jump between the different sections in the profile page. This particular menu is context sensitive - in other areas of the community it does different things. For example, when reading a thread it will open the quick-scroll tool that normally sits on the right of the screen when viewing on desktop.
Edit on 28/06/2019 to add some more screenshots and detail:
In the first screenshot in this post, you may have noticed the "Private Discussions" tab. This is quite a clever tab, as it is context sensitive. When viewing your own profile page, it will show you all of the Private Discussions you are involved in (most recently updated first). I'll use desktop screenshots, but it all works the same on mobile.
I've pointed out / highlighted a few items here. Firstly, say hello to my test account. Second - see how the avatar area is prompting me to add an avatar, as I don't have one yet. Finally, within the list of Private Messages (note - these have all been migrated across from Lithium - more on that process soon). Highlighted in yellow, you can see that these are discussions between myself and the named members. In Flarum, PMs will be virtually the same as normal threads - just restricted in access to named members (which can be more than 2). As such, you'll see both the messages you send, and the replies you get, within a single threaded view. You'll also see the same data (view counts, reply counts), and be able to use the same tools (ignore, follow, flag etc).
When viewing a profile page that is not your own, this tab changes:
Here you can see I am logged in with my test account, and viewing my normal account. In this instance it is now only showing the private discussions where both "alex_w" and "audaxic" are included. So how does it look when no PMs meet this criteria?
Here, I've opened the menu to send a PM to this member. And you can see that because there are no PMs between my test account and jaymailsays, it's just giving me a bit of text telling me that.
And finally, here's the Settings page as it stands today. Note that this is not final, but thought I'd show it anyway:
Above, we have Notification settings. Everything is available through web notifications (which you'll receive live if you're on the community). Some, but not all, are also available via email. Note that we've not yet got "digest" options for the emails, however we're looking at the best way to handle those in future. You've also got an option for auto-following discussions, and a toggle to switch off the online indicator.
Above, you can now see an additional toggle to block private conversations. Beneath that, is where you would (currently) edit the signature that is auto-appended to your posts. In the above, I have the editor open. Notice I'm using Markdown to apply bold to the text. Below, is the same screenshot with the signature edit submitted.
