 |
概要 | topic-list-item のタイトルだけでなく、その領域全体を「Clickable Topic」でクリック可能にします。 |
 |
プレビュー | Discourse Theme Creator でプレビュー |
 |
リポジトリリンク | https://github.com/discourse/discourse-clickable-topic |
 |
Discourse テーマは初めてですか？ | Discourse テーマの使い方入門ガイド |
このテーマコンポーネントをインストール
当方でホストされていますか？ テーマコンポーネントは、Standard、Business、Enterprise プランで利用可能です。
本当にありがとうございます、とても必要なことですね！
非常に役立つコンポーネントですね！ユーザーエクスペリエンスの観点からすれば、Discourse に標準搭載されているべきだと思いますが、これは私の意見です。
ともあれ、同じロジックをカテゴリにも適用しようとして行き詰まっています。api.modifyClass で実装しようとしたのですが、重要な部分を見落としているようです。ご協力いただけますでしょうか。
私のデスクトップページには、この設定があります：
基本的には、左側の赤い枠をクリック可能にしたいのです：
あるいは、私が目指している完璧なイメージとしては、Blizzard のフォーラムデザインを再現することです。あのデザインが非常に気に入っているためです：
どなたかご支援いただければ幸いです。
レスポンスを待っている間、こちらのコンポーネントページも見つけました：
https://github.com/discourse/discourse/tree/master/app/assets/javascripts/discourse/app/components
さまざまなアプローチを試してみましたが、どうやら私のフックがそもそも利用できないようです？それとも何か見落としているのでしょうか！？ 
コンポーネントをお気に召していただき光栄です！
ご提案ありがとうございます 
現時点では、このコンポーネントはトピックリスト内の Topics 向けにのみ設計されています。
このコンポーネントを実験的にフォークしたい場合は、喜んでお任せします 
カテゴリをクリック可能にするための出発点として、Discourse コア内の topic-list-item コンポーネントを変更することでこれを実現している、このコンポーネントのコードを参照することをお勧めします。
このフォルダ内に新しいファイルを作成し、当コンポーネントに含まれる多数のカテゴリレイアウトのいずれかをターゲットにしてみてください。その際、フォーラムで選択したカテゴリページスタイルと同じものをターゲットにすることをお忘れなく。
いくつかの例を以下にその場所とともにリストします。
app/assets/javascripts/discourse/app/components/categories-and-latest-topics.js
app/assets/javascripts/discourse/app/components/categories-and-top-topics.js
app/assets/javascripts/discourse/app/components/categories-boxes-topic.js
app/assets/javascripts/discourse/app/components/categories-boxes-with-topics.js
app/assets/javascripts/discourse/app/components/categories-boxes.js
app/assets/javascripts/discourse/app/components/categories-only.js
app/assets/javascripts/discourse/app/components/category-list-item.js
プレビューが機能しなくなりました
これで大丈夫だと思います。
このコンポーネントは、カテゴリ + 最新ビュー（デフォルトでは私たちのケース）のトピックカードをクリック可能にするために使用していました。本日、最新の3.1.0beta8（現在は3.2.0.beta1-devと表示されています）にアップデートされてから、コンポーネントが正しく機能しなくなりました。
現在、カーソルのアクティブ状態はクリック可能のままですが、トピックエリアはクリックできません。ブラウザのコンソールを開くとエラーが表示されており、開発者が問題を特定するのに役立つかもしれません。
Uncaught TypeError: this.router is undefined
function navigateToTopic(topic, href) {
if (this.siteSettings.page_loading_indicator !== "slider") {
// スライダーを使用する場合、他のトピックコンテンツがロードされた後にヘッダーが更新される方が快適なため、
// ここで早期に設定するのはスキップします。
this.appEvents.trigger("header:update-topic", topic);
}
this.session.set("lastTopicIdViewed", {
topicId: topic.id,
historyUuid: this.router.location.getState?.().uuid
});
_url.default.routeTo(href || topic.get("url"));
return false;
}
エラーが発生している行は次のとおりです。
historyUuid: this.router.location.getState?.().uuid
これは、コアで計画中/進行中のEmberのアップグレードに関連している可能性がありますか？
@kinetiksoft様 - こちらでは問題を再現できませんでした。テーマコンポーネントは、最新バージョンのDiscourseに対して正常に機能しているようです。OPの「テーマクリエイターでプレビュー」リンクも機能しているようです。
問題のあるサイトのリンクを共有していただけますか？他のテーマ/プラグインとの競合があるのかもしれません。
ありがとうございます。該当コミュニティへのリンクをプライベートメッセージでお送りしました。公に共有するのは適切ではありません。
@kinetiksoftさん、ありがとうございます！問題は、テーマコンポーネントが「カテゴリ＋最新」ビュー（ホームページとして設定されているもの）と併用されている場合に発生するようです。
問題を解決するプルリクエストを作成しました。
マージされたらここに投稿します。その後、フォーラムをDiscourseコアの最新バージョンにアップデートする必要があります。
Davidさん、ありがとうございます！完璧に動作するコンポーネントの問題を特定するお手伝いができてよかったです。
完了しました。これにより、次回のDiscourseの最新バージョンへのアップデート時に有効になるはずです。
今週後半にアップデートを試行し、状況がどうなっているか必ずこのトピックに戻って報告します。改めてありがとうございます！
問題が解決されたことを確認できます。改めてありがとうございました！
このコンポーネントをDocsプラグインでサポートするように変更するにはどうすればよいですか？
Discourse 3.4.0.beta2-dev の最新バージョンを実行しています。
何が原因なのか、何か考えはありますか？
皆様のご協力とご意見に前もって感謝いたします。
