Howto show the topic id in Metadata of initial Post

AI-generated summary

The discussion revolves around displaying the Topic ID in the initial Post metadata of a specific category in Discourse. nstoecki42 initially tried to achieve this through configuration and a plugin but was unsuccessful.

Falco provided a solution by adding a script to Settings > Customize > Common > </head> to display the Topic ID after the post-meta-data. The script uses the api.decorateWidget method to add a div with the Topic ID to the post-meta-data.

nstoecki42 confirmed that this solution worked for them, and also noted that additional CSS stylesheets would be needed.

Subsequent posts from huynhthai824 and others discussed how to display the Topic ID in different locations, such as below the topic title or below the user name. fzngagan suggested trying Falco’s original solution.

Additionally, huynhthai824 asked about displaying the count of views for a topic in the post, and later asked about adding a button to move a message out of a topic.

I tried to display the Topic ID in the initial Post of all topics of a specific category but failed. I could not find a way by configuring Discourse and also a plugin - similar to Discourse BBCODE - failed to work.

Could you please give me a clear hint on how to realize to display the Topic ID in the initial Post metadata of each topic of a specific category?

I need this to continue the customer expectations of the old system as well some related functions and behavior.

Thanks a lot!

The topic_id is at the end of the URL.

Can you say more about what expectations you are tryingto may and what features you need?

As I mentioned in my Post I try to write a plugin, probably the Development category is not the proper place due I don’t want this in Discourse itself. Can you point me to some kind of solution how to display additional (existing) meta data in the initial Post Header?

I know that the URL contains the TopicID as last “Tuple” and there is also a canonical link in the html header that does. I need to display the TopicID on the initial Post. We often speak about “Topic#34074” or something and want to stay with that habit, which our customers and partners are used to.
So I tried to extract the ID (successfully) and past it into the ‘div.topic-meta-data’, which failed.

Add this to Settings > Customize > Common > </head>:

<script type="text/discourse-plugin" version="0.5">
  api.decorateWidget('post-meta-data:after', dec => {
    if (dec.attrs.post_number === 1) {
      const topic = dec.getModel().get('topic');
      return dec.rawHtml(`<div class="post-info topic-id">Topic: ${topic.get('id')}</div>`);
    }
  });
</script>

And you get:

And you just need to add some CSS.

of course, stylesheets are needed! :sunglasses:

exactly what I’m looking for - thanks a lot!!! :hugs:

Bonjour, l’ID du sujet s’affichera après les métadonnées du message.
Je souhaite qu’il s’affiche après le titre du sujet. Comment faire ?
Merci beaucoup !

Vous pouvez simplement faire component-name:after widget-name:after. Ou utilisez une prise de plugin si elle est disponible à l’emplacement souhaité.

Aucun effet :frowning:

<script type="text/discourse-plugin" version="0.5">
  api.decorateWidget('component-name:after', dec => {
    if (dec.attrs.post_number === 1) {
      const topic = dec.getModel().get('topic');
      return dec.rawHtml(`<div class="post-info topic-id">Sujet : ${topic.get('id')}</div>`);
    }
  });
</script>

Avez-vous vraiment et littéralement mis component-name widget-name au lieu du vrai nom du composant ?

Je souhaite afficher l’ID du sujet sous le nom d’utilisateur. Quel widget-name puis-je utiliser pour remplacer le code ? :slight_smile:
Merci !

Bonjour, qui peut m’aider :frowning:

Avez-vous essayé ce que Falco a suggéré dans le message ci-dessus ?

Bonjour, comment pouvons-nous afficher le nombre de vues d’un sujet dans un message ?

Bonjour, qui peut m’aider à afficher le bouton « Déplacer le message hors du sujet » ?

js.user.private_message

exemple :