Solved Topic Badge

Install this theme component

Hello :wave:

This theme component adds styling options to the solved and unsolved topics. You can set custom badge and background color.

By default it looks like this on topic list page :arrow_down_small:
Styled (before title)

Screenshot 2023-10-11 at 11.49.18

With background

Screenshot 2023-10-11 at 11.49.47


Inline
Screenshot 2023-10-11 at 23.35.31


Styled (after title)
Screenshot 2023-10-11 at 23.37.33


Topic title, Topic header
Styled
Screenshot 2023-10-11 at 23.40.35


Inline
Screenshot 2023-10-11 at 23.43.39


There are a bunch of settings where you can change the icon, text and style separately solved and unsolved.

Global indicator settings :arrow_down_small:
Screenshot 2023-10-12 at 8.54.44

type
– styled (badge)
– inline (it placed inline before title)

placement (styled)
– before-title
– after-title

border-radius
– badge rounding


Solved Indicator settings

Screenshot 2023-10-12 at 9.03.58

solved indicator
– It uses unicode :heavy_check_mark: but you can use other too. (e.g. emoji). It place before label.



solved border color
The badge has a 1px transparent border and this setting you can set a color for it.

enable solved topic background
Enabling this setting will activate the background field below it where you can set the topic list item background color.


Unsolved Indicator setting

Same settings for unsolved indicator below these…

If you want to enable the unsolved indicator than turn on the empty box on unsolved Discourse Solved plugin setting.


Todo:

– Try to move it to use as topic status (will appear everywhere the topic status is appear and it allows to use custom icon too)

18 Likes

Cool theme-component. Only one minor issue is the about category post also marked unsolved .

1 Like

Hello @Heliosurge :wave:

Thank you :slight_smile:
Technically the about topic is also a solvable topic. If you have enabled the empty box on unsolved setting on Discourse Solved plugin then the empty box is appears for the topic list about topic and in the about topic too. To hide the unsolved badge for a specific topic you have to close it.

2 Likes

Awesome thank you! Learned something new.

:beers::sunglasses::+1::sparkles:

1 Like

does not work :roll_eyes:

Can you be more specific?

Does it do… Nothing at all?
Did you enable the component in the theme you’re using?
Is there an error message?
Something in the javascript tab in your browser’s development tools (F12 on most browsers)?

4 Likes

Thank’s for component….

but with the component
https://github.com/VaperinaDEV/discourse-solved-quote-

the message résolve not show with green, component don’t work …. :frowning:

it’s not possible to have 2 component one for subject and one for message work

Hello @barto_95 :wave:

These two components should works together correctly but the correct component url is: GitHub - VaperinaDEV/discourse-solved-quote-customization

2 Likes

Hello :wave: I’ve updated this theme component to work with Glimmer topic list. :slightly_smiling_face: Thanks for the report: Discourse topic-list changes · Issue #4 · VaperinaDEV/solved-topic-badge · GitHub

4 Likes

Theme component is giving error after the latest update of discourse and it is not working

Can you take s screen shot of the error and share it here?

Your site may not work because a theme / component has errors.
Caused by. Click here to update, reconfigure or disable.

(this message is only shown to site administrators)

1 Like

You updated the theme component then and it is still not working?

Is there another problem you are seeing as well with your site? All this component does I think is change the appearance of the solved plugin. If it’s not working right anymore you could disable it until the author is able to fix it.

1 Like

I have disabled it for now, I will try again when the component is updated.

1 Like

The legacy topic list has been dropped this month.
The code can be removed:


Made a quick PR:

6 Likes

Oops, sorry, I forgot to update this component. Thanks @Arkshine, I’ve merged it. :heart:
@ozkn, please update the component.

4 Likes

This component is incompatible with discourse-umbrella-groupswitchdisplay and cannot be used together. An error has occurred which may prevent your site from working correctly.

Reason: Conflict between active themes/components.

Click here to update, reconfigure, or disable the component.

(This message is only visible to site administrators.)

Thanks for the update. I updated and tried but I get the same error. @Don

1 Like

Oh, yeah sorry I see. Fixed here: FIX: Discourse version to beta3 · VaperinaDEV/solved-topic-badge@e5889a3 · GitHub Please update again. :slight_smile:

3 Likes

Thanks, it’s working fine now without any problems.

2 Likes