I’m still new to Discourse, but learning more about how to code on top of it to customize things. I’m trying to learn the best way to insert code in particular spots on a page (more targeted than in a general outlet area). It looks like I’ll have to override the template that controls that spot. I take that to mean that, whether I do it in the area of my customize dashboard, or in a separate github repo I’ll use as a theme, I will have to: Find the right template to edit Reprint the whole template wherever I am doing my coding (dashboard, repo, etc.), and make the changes I want to the template Step 1 is proving to be a hurdle. How do I find the right template to edit? This is what I gather: The discourse templates are here, and it seems that the “real” templates I’ll want to edit are generally in the components file here. As an example, say I want to add a line to each group listing on the group index page (the equivalent of this page). Where is the template for that? My best guess is that it’s the group card templates template, but I’m not sure, especially because I’m brand new to Ember. Is there a more sure fire way for me to identify the right template?

Did you try the Ember browser extension? It shows template and components: [image]

That sounds great. Do you mean the Ember Inspector?

Got it. Using it, there’s one thing I’m not getting (probably has to do with my being new to ember): If you look at the discourse groups page, each group entry has a name and user-count. Using the Ember inspector, I can see the name is from the groups-info template, but where does the group-user-count come from? (it doesn’t seem to have an entry in the ember inspector)

app/assets/javascripts/discourse/app/templates/groups/index.hbs 7a2e8d3ea {{#d-section pageClass="groups"}} {{#if currentUser.admin}} {{d-button action=(action "new") class="btn-default groups-header-new pull-right" icon="plus" label="admin.groups.new.title" }} {{/if}} {{input value=(readonly filter) placeholderKey="groups.index.all" class="groups-header-filters-name no-blur" input=(action "onFilterChanged" value="target.value") }} {{combo-box This file has been truncated. show original

Thanks. I see on group-user-count appears on line 55. Does this mean that if I wanted to, say, add a line right before the group-user-count line, I would have to copy the entire 100 lines of that index.hbs file into my code and insert it like this: [100 lines here]

Normally you check if there is a suitable plugin outlet, and use that. you can try and target things with jQuery, but that’s not going to work if you are trying to change an iterative element. If you can’t do either of those things: ask Discourse team to add a plugin outlet providing justification replace the entire template with your own as you suggest.

[imagem] merefield: Normally you check if there is a suitable plugin outlet, and use that. Do you mean changing the code in the outlets around it? (like components/group-info) EDIT: Sorry, I confused templates and plugin outlets. I understand that plugin outlets are lines in the discourse code (like {{plugin-outlet name="topic-above-post-stream" args=(hash model=model)} ) the discourse team has put there as an anchor you can use to change the code.

EDIT: Moved this follow up to here bc its on a slightly different issue.

Melhor estratégia para encontrar o template certo para editar?

Dev

JQ331 3 Junho , 2020 16:02 9

EDIT: Movi este acompanhamento para aqui porque trata de um problema ligeiramente diferente.

Tópico		Respostas	Vistas
Is there a theming 'map'? (An easy way to find plugin-outlets etc) Development	11	2161	7 Fevereiro , 2020
(not recommended) Overriding Discourse templates from a Theme or Plugin Developer Guides how-to	9	3128	7 Março , 2024
What HTML can you customize? Development	9	5556	24 Abril , 2020
I would like to change the template completely Development	1	1506	15 Abril , 2019
Newbie help accessing code Product Support	5	1848	7 Dezembro , 2019

Melhor estratégia para encontrar o template certo para editar?

Related topics