ドロップダウンの名前を変更することは可能ですか?

コミュニティの皆さん、こんにちは :slight_smile:

特定のカテゴリ内でドロップダウンの名前を変更するオプションがあるか、どなたかご存知ですか?

「すべて」と「すべてのタグ」の部分をカスタマイズしたいです。

ほぼすべてのテキストをカスタマイズできます。

たとえば、次のような編集が必要だと推測します。

「いいね!」 2

しかし、特定のカテゴリのみでは変更されません。

非常にハッキーなCSSソリューションに取り組み始めましたが、完璧ではありません…また、そのようなハッキーなものを共有することには少し気が進みません。:confounded:

「いいね!」 5

承知いたしました。ご協力ありがとうございます!@merefield @Canapin

「いいね!」 3

ああ、すみません、ざっと読みました!

はい、それらはグローバルです。

「いいね!」 1

おねがい :wink: :wink:

HTMLコードでサブカテゴリがそのように定義されていない場合、特に複雑すぎると感じます…半ば機能するものはありますが、正しい方法で行われるべきだと思います。そして、Discourse JS APIが役立つかもしれません。残念ながら、それについてはあまり知りません。

「いいね!」 5

こんにちは :wave:

これでこれを実現するテーマコンポーネントを作成しました…

より簡単にするための2つの設定が含まれています。

category name
第一候補: category slug
第二候補: category dropdown title

tag name
第一候補: category slug
第二候補: tag dropdown title

このようになります。

サブカテゴリタグタイトルの追加

お役に立てれば幸いです :slightly_smiling_face:


編集: ドロップダウンの幅を修正し、カスタムテキストの幅に正しく揃えました。 UX: fix the dropdown width to keep the custom content width · VaperinaDEV/category-breadcrumb-dropdown-title@faca71c · GitHub

「いいね!」 8

素晴らしい、@Don さん、素晴らしい仕事ぶりです。驚きました :exploding_head: :star_struck:

「いいね!」 2

聞け!
:man_mage:

SCSSの深淵とフロントエンド錬金術の複雑さから、ドン卿が立ち上がった。関数を征服し、ループをマスターし、リストを解読した彼は、栄光あるフロントエンド功績勲章:sports_medal::person_bowing:を授与される。

そして、君のコンポーネントはJSの1行もなしで動作する…

Happy James Corden GIF by The Late Late Show with James Corden

「いいね!」 1

GPT4botがそれを書くのを手伝ったと教えてください :laughing:

「いいね!」 4

100% はい、残念ながら。

「いいね!」 2

このソリューションは素晴らしいですが、@Don、次のように実行することもできます。

api
  .modifySelectKit("category-drop")
  .replaceContent((component, content) => {
    let newContent = [];
    content.forEach((item) => {
      if (
        component.category?.slug === "general" &&
        item.id === "all-categories"
      ) {
        item.name = "jojo";
      }

      newContent.push(item);
    });
    return newContent;
  });

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/select-kit/addon/mixins/plugin-api.js には、実行できるすべてのアクションがリストされています。

  • appendContent
  • prependContent
  • replaceContent
  • onChange

これを使用するのに問題がある場合はお知らせください。おそらく、より適切に文書化されるべきですが、質問があれば対応します。

「いいね!」 6

@Don @j.jaffeux 君たちは最高だ!:fire:

「いいね!」 3