コンポーネントで、フォーラムのベースURIを調べるには？

Moin · 2025 年 6 月 13 日午後 8:59

どこで使用しますか？

例えば、Reddit風のテーマでは、テンプレートでdiscourse/helpers/base-pathを使用して、右側のウェルカムメッセージに「カテゴリリスト」リンクを作成します。

github.com/discourse/discourse-redditish-theme

javascripts/discourse/components/sidebar-welcome.gjs

01cf31807


      
          import Component from "@glimmer/component";
          import { action } from "@ember/object";
          import { service } from "@ember/service";
          import { and } from "truth-helpers";
          import DButton from "discourse/components/d-button";
          import basePath from "discourse/helpers/base-path";
          import htmlSafe from "discourse/helpers/html-safe";
          import Composer from "discourse/models/composer";
          import { i18n } from "discourse-i18n";
          import SidebarLatestTopics from "./sidebar-latest-topics";
          
          export default class SidebarWelcome extends Component {
            @service router;
            @service composer;
            @service siteSettings;
            @service site;

github.com/discourse/discourse-redditish-theme

javascripts/discourse/components/sidebar-welcome.gjs

01cf31807


      
              tags: this.args.tag?.id,
            });
          }
          
          <template>
            {{#if this.isTopRoute}}
              <div class="custom-right-sidebar_welcome">
                <h2>{{i18n (themePrefix "top_route_welcome")}}</h2>
                <p>
                  {{htmlSafe
                    (i18n (themePrefix "top_route_description") basePath=(basePath))
                  }}
                </p>
                {{#if (and this.currentUser this.currentUser.can_create_topic)}}
                  <DButton
                    class="btn-primary"
                    @id="custom-create-topic"
                    @action={{action "customCreateTopic"}}
                    @label="topic.create"
                  />
                {{/if}}

github.com/discourse/discourse-redditish-theme

locales/en.yml

01cf31807


      
          top_route_description: "You're viewing a feed containing topics from all categories. If you're looking for something more specific, browse <a href='%{basePath}/categories'>the category list</a>."

JavaScript関数でURLを取得するためにdiscourse/lib/get-urlが使用されている例もあります。

トピック		返信	表示
How do I add links to site settings into the settings description of my component? Dev	5	100	2025 年 6 月 16 日
Can `%{base_path}` be used in object setting descriptions? Dev	0	30	2025 年 9 月 3 日
Base_url and base_uri Support	2	1542	2019 年 8 月 6 日
Breadcrumb Links Theme component	42	1109	2025 年 8 月 17 日
Base_path not being substituted in some cases Bug fixed	4	268	2024 年 8 月 3 日

コンポーネントで、フォーラムのベースURIを調べるには？

関連トピック