トピックの抜粋とAI要約ボタン

:information_source: 概要 「トピックリストの抜粋」ボタンと「AI要約 gist」ボタンを統合します
:hammer_and_wrench: リポジトリ https://github.com/Lillinator/topic-excerpts-gists-button
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法

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

:bulb: 注意 - このテーマコンポーネントを使用するには、少なくとも Topic List Excerpts コンポーネントがインストールされている必要があります。 AI summary gists を有効にすることは任意ですが、このコンポーネントは両方と連携して動作するように設計されています。

:woman_technologist:t2: 概要

このテーマコンポーネントは、DiscourseのAI要約gistボタンとトピックリストの抜粋ボタンを組み合わせ、3つのトピックリスト表示オプションをワンボタン操作でより便利に利用できるようにします。

また、AI要約なしで使用することで、デフォルトのコンパクト表示と抜粋表示の切り替えを提供し、UXを向上させることもできます。これは、トピックリストの抜粋トグルがモバイルサイズのビューポートではデフォルトで非表示になるためです。

このコンポーネントには、トピックリストの抜粋用の新しいボタンアイコン、メインボタンのラベルの表示/非表示を切り替えるトグル、およびラベルテキストの編集オプションが含まれています。


:gear: 設定

設定 説明
Show labels デスクトップおよびタブレットのビューポートサイズでボタンラベルを有効または無効にします。ドロップダウンオプションはデスクトップでは常にラベルを表示します。モバイルでは常にアイコンのみを表示します。

:camera_flash: スクリーンショット

デフォルトの管理者設定

管理者は、デスクトップでテキストラベルを表示するかどうかを選択し、ボタンラベルの文字列を編集できます。

ユーザー体験

デフォルトのテキストラベルとコンパクトが選択されている状態。

トピックリストの抜粋が選択されている状態。

Show_labels が無効化され、AIトピック要約gistが選択されている状態(デスクトップのドロップダウンボタンにはラベルが依然として表示されます)。

AIなしでも問題なし!

AI要約gistが無効化されている(AI_summary_gists_enabled が無効、またはDiscourse AIが設定されていない)場合、トピックリストの抜粋のみが使用されます。また、一部のボタンラベルが短縮されています(設定内の文字列を参照)。

モバイル

ボタンはデフォルトでアイコンのみとなり、メニューはgistボタンと同様に画面下部からポップアップします。


:briefcase: 使用ケースと機能

  • 異なる場所に配置された2つのボタンではなく、コンパクト、AI要約gist、トピック抜粋の切り替えをより直感的なUXで提供します。
  • トピック抜粋のモバイル体験が改善され、ボタンが常に表示されます。
  • AI要約が有効でなくても使用可能です。Discourse AIの設定 AI_summary_gists_enabled が無効(またはAIが設定されていない)場合、ボタンにgistオプションは表示されません。

:light_bulb: 将来のタスクの可能性

  • カテゴリまたはグループの除外?
  • トピック抜粋カードでカテゴリとタグのバッジを下部に移動?

:musical_note: 備考

  • これは @Moin との共同プロジェクトであり、彼女はトピックリストの抜粋アイコンを作成しました。
  • このコンポーネントは Horizon 抜粋とは互換性がありません。

私の他の Discourse 関連コンテンツをチェック
「いいね!」 12

リリー、ありがとう
これは素晴らしいコンポーネントです :+1:

「いいね!」 3

ありがとうございます!お役に立てて嬉しいです :slight_smile:

「いいね!」 3

このコンポーネントをリファクタリングし、新しいModernized Foundationテーマでボタンの書式設定が機能するようにしました。元のFoundationでも引き続き機能します。

「いいね!」 3