참고로, 지금까지 작성한 코드는 다음과 같습니다:
HTML 본문
<!-- body에 calendar-page 클래스를 추가하여 캘린더 페이지를 식별하는 데 사용 -->
<script>
// URL이 "/calendar"로 끝나는지 확인
if (window.location.href.endsWith("/calendar")) {
// CSS 규칙을 트리거하기 위해 body에 클래스 추가
document.body.classList.add('calendar-page');
}
</script>
<!-- 캘린더 화면에서 'Add Topic'을 'Add Event'로 변경 -->
<script>
// body에 "hide-on-calendar" 클래스가 있는지 확인
if (document.body.classList.contains('calendar-page')) {
// 버튼 텍스트 업데이트
const button = document.querySelector('.main-content.calendar .d-button-label');
if (button) {
button.textContent = 'Add Event';
}
}
</script>
CSS
// 이벤트 카테고리가 아닌 항목 숨기기
body.calendar-page li.select-kit-row.category-row[title]:not([title="Private Events"]):not([title="Public Events"]):not([title="Induction Sessions"]):not([title="Space Bookings"]) {
display: none;
}
누군가가 플러그인(이 경우 이벤트 플러그인의 “이 카테고리에 있는 토픽에 이벤트를 추가할 수 있음.” 설정)에 의해 카테고리 설정에 할당된 값을 가져오는 방법에 대해 제안을 해준다면, 카테고리를 하드코딩할 필요가 없으니 정말 좋겠습니다 … 하지만 제가 너무 욕심을 부리는 것 같다는 점은 잘 알고 있습니다.