이벤트(캘린더) UX 문제

갱신된 캘린더 플러그인을 사용하면서 다음과 같은 UX 문제를 겪고 있습니다

이벤트 카드의 히어로 이미지가 이미지로 링크되고 주제(topic)로 링크되지 않음

이는 예상치 못한 동작입니다. 해당 이미지를 클릭하면 주제 페이지로 이동하는 것이 바람직합니다.

작성기(Composer)와 고급 설정 대화상자에 플러그인 아웃렛(Plugin Outlets)이 부족함

요약(cooked)된 게시물의 이벤트 뷰에는 많은 플러그인 아웃렛과 discourse-post-event-info 래퍼가 있지만, 작성기 내의 새 이벤트 뷰에는 아무것도 없으며, 고급 설정 대화상자에도 없습니다. 이로 인해 커스터마이징이나 확장이 불가능합니다.

고급 설정 대화상자의 사용자 정의 필드 섹션에 특정 CSS 클래스가 없음

사용자 정의 필드에 대한 특수 포맷팅이나 입력을 허용하려면, 플러그인 아웃렛(이전 문제 참조)이 필요할 뿐만 아니라 일반적인 사용자 정의 필드 입력 섹션 전체를 숨길 수 있는 기능도 필요합니다. “사용자 정의 필드” 섹션에는 form-kit__container --full CSS 클래스만 있고 ID는 없습니다.

개별 필드에는 control-customFields-fieldname ID가 있습니다.

하단의 “고급 설정” 버튼이 변경되지 않음

고급 설정 화면에 진입해도 버튼의 모습은 그대로 유지됩니다. 사실 이 버튼은 토글(toggle) 버튼으로, 고급 설정 대화상자에서 "고급 설정"을 누르면 다시 메인 뷰로 돌아갑니다.

시리얼라이저(Serializer)에 사용자 정의 필드 추가

UX 문제라기보다는, 사용자 정의 필드를 프론트엔드에서 구조화된 방식으로 접근할 수 없습니다.
현재 우리는 다음 코드를 수행하는 플러그인을 사용하여 이를 해결하고 있습니다:

  add_to_class("DiscoursePostEvent::BasicEventSerializer", :event_extensions_custom_fields) do
    object.custom_fields
  end

  add_to_serializer("discourse_post_event/basic_event", :custom_fields) do
    event_extensions_custom_fields
  end
4개의 좋아요

추가로 하나 더. 이벤트 미리보기에서 내용을 편집한 후 주제 제목을 편집하려고 하면, 주제 제목 입력 필드를 두 번 클릭해야 활성 입력 필드가 됩니다.

첫 번째 클릭은 게시글 내용 영역을 활성화하고(동영상 0:10), 두 번째 클릭이 실제로 주제 제목 입력 필드를 활성화합니다.

1개의 좋아요

이 문제를 보고해 주셔서 감사합니다! 몇 가지 개선 사항이 들어오고 있습니다:

이미지 동작 수정 (그리고 .form-kit__container-custom-fields 클래스 추가): UX: fix linked event image behavior - Pull Request #41135 - discourse/discourse - GitHub

더 일관된 “고급 모드” 토글: UX: refactor advanced mode toggle to shared component - Pull Request #41138 - discourse/discourse - GitHub

1개의 좋아요