Hello, I’m trying to do something. I want to display the user points from the Discourse Gamification plugin at the top of the site. For example, if a user named Adam has 700 points, how can I show this in the header section? Where should I place the code? I mean, what I really want is for the user to see their own points. Best regards!

It is a temporary but useful method. Maybe they want to improve it, I leave the code here Test website: https://trgala.com Js import { apiInitializer } from "discourse/lib/api"; export default apiInitializer("0.8", (api) => { api.onPageChange(() => { const currentUser = api.getCurrentUser(); if (!currentUser) { console.warn("User not logged in"); return; } fetch(`/u/${currentUser.username}.json`) .then(response => response.json()) .then(data => { console.log("Gamification Data:", data); let score = data?.user?.gamification_score ?? 0; // Eğer puan kutusu zaten varsa tekrar ekleme if (document.querySelector("#gamification-score")) return; // Header'ın .contents kapsayıcısını bul let headerContents = document.querySelector(".d-header>.wrap .contents"); if (headerContents) { // Puan kutusunu oluştur let scoreContainer = document.createElement("a"); scoreContainer.id = "gamification-score"; scoreContainer.classList.add("gamification-box"); scoreContainer.href = "website"; scoreContainer.target = "_blank"; // Yeni sekmede aç // Altın simge let icon = document.createElement("span"); icon.innerText = "T"; icon.classList.add("gold-icon"); // Puan metni let scoreText = document.createElement("span"); scoreText.innerText = `${score}`; scoreText.classList.add("gold-text"); // Simge ve metni kutuya ekle scoreContainer.appendChild(icon); scoreContainer.appendChild(scoreText); // Kutuyu header'a ekle headerContents.appendChild(scoreContainer); } }) .catch(error => console.error("Error fetching gamification score:", error)); }); });

This request is quite excellent; I am also curious to know the answer. I believe that if each user could see their contribution points under their name tag, it would greatly enhance community engagement. [The image shows a user interface possibly from an online platform with an avatar resembling a high-rise building and the username "shannon shannon1024." (由 AI 生成标题)]

at least give me an html example for user ratings

Perhaps this? [图片] Right Sidebar Blocks Theme component discourse2 Summary Right Sidebar Blocks shows a sidebar to the right of topic lists with a configurable list of blocks. eyeglasses Preview Preview on Discourse Theme Creator hammer_and_wrench Repository Link https://github.com/discourse/discourse-right-sidebar-blocks open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features The component includes a few blocks you can display in the sidebar: popular-tags …

“I want to move the Cheer Points from the user cards to the top of the homepage. The user should be able to see their score. These scores are taken from the leaderboard.” [Ekran görüntüsü 2025-02-27 131004]

This supports just below header and Topic Route too [图片] Discourse Bars beers cocktail (a sidebar framework) Theme component eyeglasses Overview A Theme Component that allows you to lay out Components[1] on top and side bars. Specify a set of “widgets” distinctly for Route and Position. Supports setups for each of: discovery[2], topic, tag[3], category[3:1], categories[3:2] OR tags-intersection[4] “Bars” can be either: top, left, right OR alternative right location. Each bar can be collapsed or dismissed (refresh browser to reset dismiss). They can be minimised by default. Handles the Official Sidebar, but if you … But you might need to build the Component yourself.

I want to move the Cheer Points from the user cards to the top of the homepage. The user should be able to see their score. These scores are taken from the leaderboard.

Would the placing for this banner/header item be by month, quarter, day, week, year, or all time?

Here’s the current Header API: [图片] Upcoming Header Changes - Preparing Themes and Plugins Development We’ve recently been working on updating Discourse’s header from the legacy ‘widget’ rendering system to modern Glimmer components. This change is now available in Discourse core behind the glimmer header mode site setting. timer_clock Approximate Timeline (very rough estimates - subject to change in either direction) Q1 2024: white_check_mark core implementation finished & enabled on Meta white_check_mark upgrade advice published; console deprecation messages enabled … But you probably just want to attach a Component to an outlet before-header-panel looks like a good one.

[The image shows a smartphone screen with a calculator app open, displaying the number "100", and icons for speech and search. (AI tarafından altyazılı)] No sir. The user should only see their score in the header. I need to add the section that is added to the profile card to the header. This score is obtained from the leaderboard, which reflects the points earned from task

t will be based on the total points earned over all time.

在页面头部的Discourse Gamification插件

开发

TRgala_Murat (Trg) 2025 年2 月 28 日 02:57 19

我创建了一个新组件。我使用了 API 来获取积分。我将用户部分移到了主页。

话题		回复	浏览量
Discourse Gamification Plugin official , gamification , included-in-core	51	37682	2026 年10 月 18 日
Leaderboard Plugin Feature completed	11	4727	2022 年5 月 12 日
Leaderboard in homepage Product Support	5	362	2025 年6 月 15 日
Idea/Suggestion for an option: Display additonally current Leaderboard Rank Feature gamification	5	208	2025 年8 月 15 日
Usercard: show leaderboard rank Theme component gamification , user-card	5	350	2025 年8 月 15 日

在页面头部的Discourse Gamification插件

相关话题