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:

Hola, el ID del tema se mostrará después de los metadatos de la publicación.
Quiero que se muestre después del título del tema, ¿cómo lo hago?
¡Muchas gracias!

Simplemente puedes hacer component-name:after widget-name:after. O utiliza un plugin outlet si está disponible en la posición que deseas.

No tiene efecto :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">Topic: ${topic.get('id')}</div>`);
    }
  });
</script>

¿Realmente escribiste component-name widget-name en lugar del nombre real del componente?

Quiero mostrar el ID del tema debajo del nombre de usuario, ¿qué widget-name puedo reemplazar? :slight_smile:
¡Gracias!

Hola, ¿quién puede ayudarme :frowning:?

¿Probaste lo que Falco sugirió en el mensaje anterior?

Hola, ¿cómo podemos mostrar el número de vistas del tema en la publicación?

Hola, ¿quién puede ayudarme a mostrar el botón de mensaje de movimiento fuera del tema?

js.user.private_message

Ejemplo: