Compose Center

Theme component
1
:information_source: Summary Compose Center
:eyeglasses: Preview Theme Creator
:hammer_and_wrench: Repository GitHub - VaperinaDEV/discourse-compose-center: Compose Center is a place for all type of composing options.
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Hello :wave:

Compose Center is a place for all type of composing options. The idea was a place where you can easily handle your composing content.

Like:

  • New Topic
  • New Message
  • New Chat Message
  • Drafts
  • Pending Posts

I don’t want to hack the original layout and design so this made for the Default theme. Originally it can work pretty cool with a three column theme right sidebar. So it replaces the default + New Topic button with a Compose button. The content opens in DMenu and show a banner, profile avatar, user status, new topic/open draft, message, chat buttons, drafts and pending posts.

Quick buttons and links:

  • on banner My Drafts button: link to drafts
  • on banner pencil icon (edit): link to preferences/profile
  • on avatar (hover) pencil icon (edit): link to preferences/account
  • user status: opens user status modal
  • new topic/open draft button: opens topic composer
  • message button: opens pm composer
  • chat buttons: opens new chat message modal

The banner background is the blurred profile avatar if the user card background hasn’t setted up.

Default

Screenshot 2024-08-28 at 15.34.09
Screenshot 2024-08-28 at 15.34.09419×340 18.5 KB

With draft

Screenshot 2024-08-28 at 15.36.11
Screenshot 2024-08-28 at 15.36.11418×341 19.5 KB

With pending posts

Screenshot 2024-08-28 at 15.46.21
Screenshot 2024-08-28 at 15.46.21416×386 21 KB

User status

Screenshot 2024-08-28 at 15.46.32
Screenshot 2024-08-28 at 15.46.32413×384 21.8 KB

Theme Translations

Screenshot 2024-08-28 at 16.05.24
Screenshot 2024-08-28 at 16.05.24597×549 14.9 KB

:heart: Credit: I’ve integrated the New Topic Header Button theme component in it. This is inspired by Central theme profile block.

12 Likes
2

Nice work Don, installed on my personal site and I really this feature. :clap:

I’m not getting the new topic button on the header though, even if I preview from the component in admin. :thinking:

3 Likes
3

Thanks Lilly, I am glad you like it! :heart:

No, sorry I mean I integrate that component functionality in the DMenu. So the New Topic button code you see in DMenu is mostly coming from the New Topic Header Button theme component. :slight_smile:

3 Likes
4

Hah, after I posted, I was wondering if I was just misunderstanding the OP. Thank you for clarifying. (And when I think about it, I’d prefer to not have it in the header anyways.)

I really like that composer modal and would like to be able to open it from the sidebar, but one can create a custom section to do the same things.

I like the look of the little pop-up you made :smiley:

Screenshot 2024-08-28 at 9.03.15 AM
Screenshot 2024-08-28 at 9.03.15 AM746×648 252 KB

3 Likes
10

This is a screenshot of a computer screen displaying an anime-themed website with multiple elements, including a banner, a navigation menu, and text in different languages. (Captioned by AI)
This is a screenshot of a computer screen displaying an anime-themed website with multiple elements, including a banner, a navigation menu, and text in different languages. (Captioned by AI)1673×969 158 KB

The image is a photo of an animated character on a screen, with various icons and text displayed, suggesting it is from a mobile or computer interface. (Captioned by AI)
The image is a photo of an animated character on a screen, with various icons and text displayed, suggesting it is from a mobile or computer interface. (Captioned by AI)1115×383 46.1 KB

Is it possible to customize the color of this button to be the same as the button color of the theme you previously posted?

2 Likes
11

I’ve found a bug that makes the customized state settings disappear after refreshing.

12

Hello :wave:

I’ve added to the button the create-topic id so it will use that style now. I’ve also noticed a missing point…this button is appears to anon too. I’ve fixed it. FIX: Hide Compose button for anons and adds create-topic id to it by VaperinaDEV · Pull Request #4 · VaperinaDEV/discourse-compose-center · GitHub

I think this is an issue with user status in core. I have already a topic about it here: User status stops working for admins but I have to investigate it more… If you navigate to a topic or somewhere then it will appear again. So this issue is not related with this theme component.

4 Likes
15

Hello :wave:

I’ve merged an update to handle instances where chat is disabled. So now chat is not required to use this component. :slightly_smiling_face: Because of this I’ve changed the OP and added a Theme Creator link too.

3 Likes