# 테마 구성 요소에서 '이벤트 플러그인' 캘린더에 '카테고리 아이콘' 사용

**URL:** https://meta.discourse.org/t/theme-component-to-use-category-icons-in-events-plugin-calendar/156766
**Category:** Theme component
**Created:** [7월 4, 2020, 9:19오전 UTC](https://meta.discourse.org/t/theme-component-to-use-category-icons-in-events-plugin-calendar/156766 "2020-07-04T09:19:34Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![oca](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/oca/32/156060_2.png) [@oca](https://meta.discourse.org/u/oca)
#### Post date: [7월 4, 2020, 9:19오전 UTC](https://meta.discourse.org/t/theme-component-to-use-category-icons-in-events-plugin-calendar/156766/1 "2020-07-04T09:19:35Z")

</div>

# Discourse-events-calendar-icons

[레포지토리](https://framagit.org/oca/discourse-events-calendar-icons.git): `https://framagit.org/oca/discourse-events-calendar-icons.git`

이 컴포넌트는 다음 두 가지가 모두 필요합니다:

- [카테고리 아이콘 컴포넌트](https://meta.discourse.org/t/category-icons-component/104683)
- [이벤트 플러그인](https://meta.discourse.org/t/events-plugin/69776)

## 적용 전/후

 ![calendar-with-icons](https://global.discourse-cdn.com/meta/original/4X/3/0/e/30eefad1ef6e3f544e15e09195c7bb596fbc44b8.png)

 ![calendar-with-bullets](https://global.discourse-cdn.com/meta/original/4X/b/5/c/b5c41b27349194c0e026070a9419266fbb7fd799.png)

캘린더 뷰의 불릿(점)을 제거하고 [카테고리 아이콘 컴포넌트] 설정에서 정의된 카테고리 아이콘으로 대체합니다. 카테고리 아이콘이 없는 경우에도 불릿은 여전히 제거됩니다(예: 3월 3일 금요일).

## 설정

- `show locked category icon`: 비공개 카테고리에 자물쇠 아이콘을 추가합니다

## 설치 방법

- 컴포넌트를 일반 방식으로 설치합니다. [테마 또는 테마 컴포넌트를 설치하는 방법은 무엇인가요?](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)

[레포지토리](https://framagit.org/oca/discourse-events-calendar-icons.git): `https://framagit.org/oca/discourse-events-calendar-icons.git`

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [7월 7, 2020, 2:26오후 UTC](https://meta.discourse.org/t/theme-component-to-use-category-icons-in-events-plugin-calendar/156766/2 "2020-07-07T14:26:16Z")

</div>

좋은 작업입니다 @oca!

`category-icons` 위젯을 마운트하는 대신 `{{category-link}}` 헬퍼를 포함하면 카테고리 아이콘 컴포넌트에 대한 해킹을 피할 수 있다고 생각합니다. 로컬에서

```plaintext
{{category-link event.topic.category hideParent="true"}}

```

으로 시도해 봤는데 잘 작동합니다. 카테고리 라벨을 숨기기 위해 스타일 조정이 필요하지만, 그 외에는 부모 카테고리와 비부모 카테고리 모두에서 아이콘이 정상적으로 표시됩니다.

---

<div class="post-metadata">

### Author: ![oca](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/oca/32/156060_2.png) [@oca](https://meta.discourse.org/u/oca)
#### Post date: [8월 4, 2020, 10:21오전 UTC](https://meta.discourse.org/t/theme-component-to-use-category-icons-in-events-plugin-calendar/156766/3 "2020-08-04T10:21:00Z")

</div>

제안해 주신 해킹을 적용했습니다.  
표시는 거의 동일하며, 추가 단계가 필요하지 않습니다.  
참고로, 테마 설정에서 `category-link`의 잠금 아이콘을 사용했습니다.

첫 번째 게시물을 수정하여 해당 지침을 삭제할 수 없습니다. 누군가 해당 게시물을 위키로 등록해 주시거나 수정 권한을 부여해 주실 수 있나요? 미리 감사드립니다.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [8월 4, 2020, 12:25오후 UTC](https://meta.discourse.org/t/theme-component-to-use-category-icons-in-events-plugin-calendar/156766/4 "2020-08-04T12:25:13Z")

</div>

좋아요, 원래 게시물을 위키로 변경하도록 주제를 업데이트했습니다. 이제 편집할 수 있습니다.
