드롭다운 이름을 변경할 수 있나요?

커뮤니티 여러분, 안녕하세요 :slight_smile:

특정 카테고리 안의 드롭다운 이름을 변경할 수 있는 옵션이 있는지 혹시 아시는 분이 계실까요?

'전체(all)'와 ‘모든 태그(all tags)’ 부분을 커스터마이징하고 싶습니다:

거의 모든 텍스트를 사용자 지정할 수 있습니다:

예를 들어, 다음을 편집해야 할 것 같습니다:

하지만 특정 카테고리에서만 변경되지 않습니다.

매우 해킹적인 CSS 해결책을 만들기 시작했는데, 완벽하지는 않아요… 어쨌든 이렇게 해킹적인 것을 공유하는 데 약간 망설여집니다. :confounded:

알겠습니다, 도움 주셔서 감사합니다! @merefield @Canapin

아, 죄송합니다. 스캔으로 읽었네요!

네, 전역 변수입니다.

아, 그래? :wink: :wink:

HTML 코드에서 하위 카테고리가 그렇게 정의되지 않은데, 이 방식은 너무 복잡하다고 생각합니다. 반쯤 작동하는 코드가 있긴 하지만, 제대로 된 방식으로 구현해야 한다고 생각해요. Discourse JS API가 이 문제를 해결하는 데 도움이 될 수 있을 것 같은데, 안타깝게도 그 API에 대해 잘 모릅니다.

안녕하세요 :wave:

이것을 구현하기 위해 이제 테마 컴포넌트를 만들었습니다…

더 쉽게 만들 수 있도록 두 가지 설정이 포함되어 있습니다.

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

와, 정말 대단한 작업이네요 @Don - 놀라울 따름입니다 :exploding_head: :star_struck:

들으시오!
:man_mage:

SCSS의 신비로움과 프런트엔드 연금술의 정교함 속에서 돈 남작이 일어섰습니다. 함수를 정복하고, 루프를 장악하며, 리스트를 해독해낸 그에게 우리는 자랑스러이 ‘프런트엔드 공로 메달’을 수여합니다 :sports_medal::person_bowing:.

그리고 그의 컴포넌트는 JS 코드를 한 줄도 쓰지 않고 작동하죠…

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

솔직히 말해 주세요. 그 글을 GPT4bot이 대신 써 주었나요? :laughing:

네, 100% 그렇습니다. 그게 무섭습니다.

음, 이 솔루션은 인상적이지만 @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

이것을 사용하는 데 문제가 있으면 알려주세요. 문서화가 더 잘 되어야 할 것 같은데, 궁금한 점이 있으면 언제든지 도와드릴게요.

@Don @j.jaffeux 여러분, 정말 최고예요!! :fire: