カスタムコンポーネント -- 任意のプラグインアウトレットにボタンまたはテキストを追加

:information_source: 概要 どこにでもボタンやテキストを追加する機能
:hammer_and_wrench: リポジトリ https://github.com/literatecomputing/discourse-custom-components
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourseテーマは初めてですか? Discourseテーマ使用の初心者ガイド

このテーマコンポーネントをインストール

プラグインアウトレットのどこにでもリンクボタンや任意のテキストを追加できます。(画像内の透かしは無視してください。ステージング/テストサイトでスクリーンショットを撮りました。)

プラグインアウトレットがどこにあるかを確認するには、https://meta.discourse.org/t/introducing-discourse-developer-toolbar/346215 を使用してください。プラグインアウトレットが何であるかわからない場合は、https://meta.discourse.org/t/using-plugin-outlet-connectors-from-a-theme-or-plugin/32727 を確認できますが、このコンポーネントを使用すると、プログラミングを行ったり、プラグインアウトレットについて真剣に理解したりすることなく、いくつかの制限付きでテキストを任意のプラグインアウトレットに挿入できます。

このプラグインは、ユーザープロファイルやユーザーカードに「購読するにはここをクリックしてください。そうすればプライベートメッセージを送信できます」というボタンを表示したい人のために開発を始めました。彼らは、プライベートメッセージを送信できないユーザーに対してボタンが表示されることを望んでいました。私が思うほど賢くないことがあるため、グループを使用してボタンが表示されるかどうかを判断するようにコンポーネントを作成しました。このアプローチの1つの問題は、スタッフメンバーが購読者グループに含まれていなかったため、プライベートメッセージを送信できるにもかかわらず、「購読する必要があります」というボタンが表示されてしまうことでした。また、グループは非表示になっていたため、テーマコンポーネントでそれを使用することはそもそも不可能でした。私は、ボタンを表示するかどうかを判断するために currentUser.can_send_private_messages を使用するように、そのテーマコンポーネントを書き直しました

これは誰のためですか?

リンク付きのボタン、または特定のグループに対して表示/非表示が切り替わる任意のテキストを挿入したい場合は、これを任意のプラグインアウトレットに挿入できます。メンバーではないユーザーを除くすべてのメッセージの間に「購読する必要があります」というリンクボタンを追加したいですか?これはそれを実現します。任意のHTMLをプラグインアウトレットに貼り付けて、どのように見えるか確認したいですか?これも可能です。

開発者にとってのメリット

このテーマには、次の方法に関するいくつかの簡単な例が含まれています。

  • Objects type for theme setting の使用
  • api.renderInOutlet の使用(こちらで説明されている)により、設定によって制御されるアウトレットにGlimmerコンポーネントを貼り付けることができます。connectors ディレクトリにファイルを作成するのではなく
  • currentUser にアクセスするシンプルなGlimmerコンポーネントの記述
  • コンポーネントを別の(インライン)テンプレートにラップすることで、データを渡せるようにする
  • テーマ設定からMarkdownの制約なしに任意のHTMLを表示する。確かに、おそらく

しかし、.gjs ファイル内の <template> 内でこれを試みている場合、動作は少し異なります(例:{{htmlSafe component.text}}

「いいね!」 15

スペースにより、テキストが太字にならない。


素晴らしいコンポーネントです!

「いいね!」 5

ボタンのURLにプレースホルダーを追加することは可能でしょうか。例えば、ユーザーがいるトピックIDをURLに含めるなどです。

予算があれば、確認します。

ボタンにトピックIDがあった場合、どのような機能になりますか?

もし解決してプルリクエストを作成したい場合は、おそらく受け入れます。

答えはおそらく「いいえ」ですが、ここで説明されている回避策を使用できると思います。

「いいね!」 2

Hi @pfaffman

ビジネスアカウントのユーザーグループのメンバー全員の各トピックにこのようなボタンセットを追加したいと考えています。
そのボタンは、ユーザーが現在いるURLを含む新しいPMを作成するトリガーとなります。
これにより、ビジネス顧客は特定のトピックをピン留め、ハイライト、または「スポンサー」として私たちにリクエストを送信できます。

「いいね!」 1

ご存知の通り、新しいトピックコンポーザーを開くURLを作成できます。それをテーマコンポーネントによって追加されるリンクにすることができます。

テーマコンポーネントにコードを追加しないとそれは不可能だと思います(しかし、可能かもしれません)。誰かがそれについてアイデアを持っていて、ここで(または他のトピックで)そのソリューションを提供するかもしれません。もしそうでなければ、私に連絡するか、#marketplaceで必要なものと予算の説明を投稿してください。

「いいね!」 3