[תמונה] Suggesting a previous/next topic button Feature Yes a theme component could make this a button I’d like to make these previous-next topic button keyboard shortcuts into a theme component that provides > buttons in the header. Can anyone suggest an existing theme component with a code snippet that provides a button that simply activates an existing keyboard shortcut? I’m starting with [תמונה] New Topic Header Button Theme component discourse2 Summary New Topic Header Button adds a convenient ‘New Topic’ button to the header of all pages eyeglasses Preview Preview on Discourse Theme Creator hammer_and_wrench Repository https://github.com/discourse/discourse-new-topic-button-theme-component question Install Guide How to install a theme or theme component open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features A simple theme comp…

This kind of already exists (but focusses on Next). https://github.com/paviliondev/discourse-tc-topic-next-button This uses the Core API so should continue to work … PR accepted if you want to add a back button option with setting.

Thank you, @merefield! I am stuck (at least I think that’s where :nerd_face: ) at the javascript snippet for the back button… discourse-tc-topic-next-button/javascripts/discourse/components/topic-previous-button.js at master · denvergeeks/discourse-tc-topic-next-button · GitHub where at the moment I have this… import Component from '@glimmer/component'; import { action } from '@ember/object'; import { tracked } from '@glimmer/tracking'; import { nextTopicUrl, previousTopicUrl, } from "discourse/lib/topic-list-tracker"; import DiscourseURL from "discourse/lib/url"; import { inject as service } from "@ember/service"; export default class TopicPreviousButton extends Component { @service site; @tracked label = ""; @tracked showButton = false; @tracked lastURL = ""; constructor(owner, args) { super(owner, args); previousTopicUrl().then((url) => { if (url) { this.showButton = true; this.lastURL = url; } else { this.showButton = false; this.lastURL = ""; } }) }; get goFirst() { return settings.topic_next_always_go_to_first_post } @action goToPreviousTopic() { let url; if (this.lastURL) { url = this.goFirst ? this.lastURL.substring(0, this.lastURL.nextIndexOf("/")) : this.lastURL; DiscourseURL.routeTo(url); } }; } I think the problem is near the bottom at ? this.lastURL.substring(0, this.lastURL.nextIndexOf("/")) Any thoughts? I tried ? this.lastURL.substring(0, this.lastURL.indexOf("/"))

You probably don’t want to create a separate component for the back button and handle all of the logic in the same component. Just extend the existing template and js file as needed. Otherwise you will likely end up with three templates instead of one which would seem excessive for such a small “component”?

Yeah we are using a different definition of Component here in #dev :slight_smile: [תמונה] denvergeeks: TopicPreviousButton extends Component This is a different Glimmer Component. So one Theme Component containing one Glimmer Component. You were about to create an extra one? I suggest you edit the same file, which will need two actions not one. And perhaps the label can only appear if the back button is not activated in the new setting?

Thanks Robert – I think I understand. I’ll give this a go.

הפיכת קיצורי מקלדת ‘previous/next topic’ לרכיב תמה

מפתח

denvergeeks 3 בדצמבר,‏ 2023,‏ 9:31am 5

Hmm… not sure what you are seeing in my code, but I’m just adding code to your existing component

נושא		תגובות	צפיות
Suggesting a previous/next topic button Feature	19	3640	3 בדצמבר,‏ 2023
Topic Footer Buttons Theme component official , topic-footer-buttons	4	2456	16 בינואר,‏ 2025
Buttons for Scrolling to the Top/Bottom of Topics Theme component	25	2812	1 בספטמבר,‏ 2025
New Topic Header Button Theme component official , new-topic-header-button	43	17236	15 בפברואר,‏ 2026
Customize new topic button text Theme component official , topic-button-text	29	4513	9 באפריל,‏ 2026

הפיכת קיצורי מקלדת ‘previous/next topic’ לרכיב תמה

נושאים קשורים