/about 페이지에 그룹 추가

안녕하세요, 여러분.

코드의 연식이 오래되어 더 이상 지원되지 않을 수도 있다는 점이 확실치 않아서, 다소 무리한 질문일 수 있습니다 :blush:

지난 몇 년간 이 테마를 @awesomerobot 님의 코드로 /about 페이지에 TL4 팀 구성원들을 표시해 왔습니다:

<!-- /about 페이지에 TL4 사용자 표시 - REF: https://meta.discourse.org/t/add-more-groups-to-about-us-page/110381/4 -->
<script type="text/discourse-plugin" version="0.8">
const ajax = require('discourse/lib/ajax').ajax;
  api.registerConnectorClass('about-after-moderators', 'custom-group', { 
    setupComponent(args, component) {
        var groups = ["trust_level_4"]; // 여기 그룹 이름을 추가하세요. 예: var groups = ["trust_level_4", "interns"];
                groups.forEach(function(group) {
            ajax("/groups/" + group + "/members.json").then (function(result){ 
              var groupMembers = [];
              result.members.forEach(function(members){
                groupMembers.push(members);
              });
              component.set(group, groupMembers); 
            });
        });
    }
    });
</script>
<script type="text/x-handlebars" data-template-name="/connectors/about-after-moderators/custom-group"> 
    <section class='about custom'> 
       <h3>Our Trust Level 4 Team</h3> <!-- 아이콘과 제목 변경 -->
       <div class='users'>
         {{#each trust_level_4 as |u|}} <!-- 여기서 그룹 이름 변경 -->
           {{user-info user=u}}
         {{/each}}
        </div>
    </section>
</script>

아쉽게도 며칠 전에 새로운 /about 페이지로 업데이트한 후부터 일부 기능이 깨져 있습니다.

로그아웃 상태에서는 제목은 표시되지만 사용자 목록이 나타나지 않습니다:

또한 제목 왼쪽에 아이콘이 표시되는데, 위에서 확인하신 것처럼 위 코드에는 해당 아이콘이 없습니다. 로그인 상태에서는 이 아이콘이 표시되지 않습니다.

이 테마 코드를 업데이트하여 로그아웃 상태에서는 아무것도 표시하지 않거나, 또는 TL4 사용자 목록을 정상적으로 표시하도록 수정할 수 있을까요?

두 번째 문제는 사이트 설정 about page hidden groups에서 사용하는 특수 그룹에 추가된 사용자들이 반영되지 않는다는 것입니다. 해당 그룹의 사용자는 상단 Admins 목록에서는 올바르게 숨겨지지만, 하단 TL4 목록에서는 여전히 표시됩니다.

세 번째 문제는 정렬이 어긋나 있다는 것입니다. 화면 크기에 따라 줄바꿈되는 대신, 모든 TL4 이름을 한 줄로 나열하고 있습니다:

다시 한번 말씀드리지만, 이전에 사용했던 코드의 연식과 /about 페이지의 새로운 업데이트로 인해 이것이 가능한지 확실하지 않습니다.

어떤 조언이나 제안도 환영합니다 :slight_smile:

이를 좀 더 복사-붙여넣기 방식이 아닌 방법으로 지원하기 위해, 새 /about 페이지에 추가 그룹을 추가할 수 있는 테마 컴포넌트를 만들었습니다:

불행히도 현재 두 가지 접근 방식 모두에서 여전히 이러한 상태입니다… 프론트엔드에서 해당 설정에 액세스할 수 있는 권한이 없는 것 같으므로, 이를 지원하려면 Discourse에 추가적인 변경이 필요합니다.