실시간 진행률 바 테마 컴포넌트에 대한 조언 또는 기능 제안

개발
1

안녕하세요 여러분!

진행률 바(Progress bar) 테마 컴포넌트 프로토타입을 개발 중입니다.

초기 목적은 서버 비용이 사용자분들께서 제 ko-fi.com 계정을 통해 후원해 주시는 만큼, 포럼에서 사용자분들이 후원의 진행률을 확인할 수 있는 바를 제공하는 것이었습니다.

ko-fi에서 후원이 이루어질 때마다 ko-fi가 제가 만든 PHP 스크립트로 요청을 보내고, 이 스크립트가 Discourse에 요청을 보내 현재 금액 설정을 업데이트하도록 구성되어 있습니다.

PHP 스크립트 부분은 컴포넌트와 직접적인 관련이 없으며, 다양한 용도로 사용할 수 있는 범용 컴포넌트를 만들고 싶습니다.

복잡한 컴포넌트를 만들 역량은 부족하지만, 이곳의 다른 분들도 관심 있어 하실 것 같아 흥미로운 기능 아이디어나, 제보다 코드를 잘 아셔서 더 효율적이고 개선된 방법을 제안해 주실 분이 계시다면 자유롭게 참여해 주세요 :slight_smile:

현재 모습은 다음과 같습니다:

리포지토리: GitHub - Canapin/discourse-progress-bar: Adds a progress bar to Discourse · GitHub

현재 가능한 기능:

  • 진행률 바 위 또는 아래에 HTML 추가

  • 컴포넌트 너비와 진행률 바 높이 변경

  • 진행률 바와 숫자는 CSS로 설정됩니다.
    숫자는 content CSS 프로퍼티를 사용했는데, 다른 방식으로 실시간 업데이트하는 방법을 몰라서 그랬습니다.

추가하고 싶은 기능:

  • 목표 금액에 도달하면 컴포넌트를 자동으로 비활성화하거나 숨기기

  • 각 설정에 대한 설명 추가

  • 현재 코드가 "Discourse 코딩 스타일"을 따르지 않는 것 같습니다. Discourse의 것을 전혀 사용하지 않고 있습니다. 꼭 그렇게 해야 한다는 뜻은 아니지만, 현재 또는 미래의 기능에서 Discourse의 기존 메서드를 활용할 수 있다면 더 깔끔하고 이로운 방식이 될 수 있을 것 같습니다.

이런 컴포넌트에 관심이 있으시다면, 자유롭게 의견을 나눠 주세요 :slight_smile:

4

컴포넌트를 사용 및 설치하는 방법?

5
6

정말 좋은 아이디어이고, 여러 애플리케이션에서 매우 효과적으로 작동할 수 있는 기능입니다.

제 질문은 다음과 같습니다:

  • 진행 상태 표시줄을 게시물이나 다른 위치에 배치할 수 있나요?
  • 여러 기금 모금 활동을 위해 여러 개의 진행 상태 표시줄을 동시에 배치할 수 있나요?

결국 여러분이 여기서 잠재적으로 만들고 있는 것은 모든 디스코urs 설치 환경에서 사용할 수 있는 자체적인 ‘GoFundMe’ 기능입니다.

이론적으로는 다른 사용자들에게도 열려 있을 수 있습니다. 예를 들어, 어떤 디스코urs 인스턴스가 ‘기금 모금/내 프로젝트’ 유형의 카테고리를 운영하고자 할 경우 말입니다.

7

아니요.

아니요.

이 테마 컴포넌트에 대해 많이 작업하지 않을 것입니다. 아마도 기부를 활성화하는 해마다 작동하도록 시도해 볼 뿐일 것입니다. 그래서 이 주제에 대해 Customization > Theme component 주제를 생성하지 않았습니다.

또한, 진행 상태 표시줄의 실시간 업데이트가 더 이상 작동하지 않는다고 생각합니다. 직접 테스트는 하지 않았지만:

충분히(또는 전문적인) 사람들이 진행 상태 표시줄을 유용하다고 생각한다면, 새로운 기능을 가진 포크나 완전히 새로운 컴포넌트를 만들도록 권장합니다.

8

빠른 답변 감사합니다. 이 기능이 좀 더 실전에 쓸 수 있는 수준에 가까워진다면 몇 가지 활용 사례가 있습니다. 있다면 정말 멋진 기능이 될 것 같습니다.