用户卡：显示排行榜排名

[chapoi (Charlie)]

	Summary	Tiny component to add the Leaderboard Rank to the usercard
	Repository	repo
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

The usercard already shows the amount of cheers, so this component makes a small addition to also show the rank:

The word “Rank” is taken from the leaderboard itself, so if you change it globally it will reflect so here.

Settings

Only three settings:

If no ID is chosen it will default back to 1.

Hoping this wins the award for “Lowest Impact Theme Component Ever”

[jrgong]

That was fast

What are you thoughts to display it inside the same div as the “Cheers” score instead of a separate div?

so that it looks like this:

Cheers: 1234 ( #3)

(As Icon, maybe something FA5 more related to the leaderboard + the content inside () links to the leaderboard as well)

[chapoi (Charlie)]

Cool thought, but whole other ballpark I think. Now, I’m plopping it in via a connector, while the cheers is coming from a different connector in core. Afaik, not possible unless we do it via core in the same connector.

[NateDhaliwal]

Also I learned something new today - that the period can be changed by adding the args to the URL.

Great TC!

[jrgong]

thx for the explanation!

Then I guess, I will have another round of CSS workarounds then

[chapoi (Charlie)]

@jrgong

Then I guess, I will have another round of CSS workarounds then

Let me know if you need help, I’m reasonably sure it’s doable