사용자의 역할이나 그룹에 따라 HTML을 숨기거나 표시하려면 어떻게 해야 하나요?

질문

사용자의 역할이나 그룹에 따라 HTML을 숨기거나 표시하려면 어떻게 해야 하나요?

답변

고지 사항: 이 문서는 안내 목적으로만 제공되고 있습니다. Zendesk는 코드를 지원하거나 보장하지 않습니다. 문제가 있는 경우 댓글 섹션에 게시하거나 온라인으로 해결 방법을 찾아보세요.

HTML 숨기기 또는 표시에 대한 내용은 아래 두 섹션을 참조하세요.

사용자 역할 기준

사용자 그룹 기준

사용자의 역할에 따라 HTML 숨기기 또는 표시

숨기고 있는 정보가 민감한 경우 브라우저에서 소스 보기를 통해 전체 텍스트를 볼 수 있으므로 이 방법이 적합하지 않을 수 있습니다.

하지만 헬프 센터에서 구현할 아래의 샘플 코드와 이 코드를 어디에 넣는지 보여주는 스크린 캐스트를 찾습니다.

<div class="anonymous">
<center><h1>Welcome Anonymous User!</h1></center>
</div> <div class="end_user">
<center><h1>Welcome End-User!</h1></center>
</div> <div class="agent">
<center><h1>Welcome Agent!</h1></center>
</div> <div class="manager">
<center><h1>Welcome Manager!</h1></center>
</div>

CSS 기본서식 아래에 다음 코드를 삽입합니다.

/*hide role-specific div html*/
div.anonymous, div.end_user, div.agent, div.manager {
display: none;
}

JS 기본서식 아래에 다음 코드를 삽입합니다.

// Show div html based on role
if (HelpCenter.user.role=="anonymous"){
 $("div.anonymous").show();
}

if (HelpCenter.user.role=="end_user"){
 $("div.end_user").show();
}

if (HelpCenter.user.role=="agent"){
 $("div.agent").show();
}

if (HelpCenter.user.role=="manager"){
 $("div.manager").show();
}

사용자의 그룹에 따라 HTML 숨기기 또는 표시

그룹을 기준으로 HTML을 표시하거나 숨기려면 위의 절차와 동일합니다. 하지만 JS 기본서식에 아래 코드를 사용하세요.

var groups = HelpCenter.user.groups;
for (var i = 0; i < groups.length; i++) {
 if (groups[i].name == 'L2 Support' && groups[i].isActive == true) {
 $("div.l2").show();
 }
}

헬프 센터의 기본서식 편집에 대한 자세한 내용은 헬프 센터 테마 사용자 지정하기(Guide Professional 및 Enterprise) 문서를 참조하세요.

참고: jQuery는 기본적으로 제공되지 않습니다. 바닐라 JavaScript 대신 테마에서 jQuery 문을 사용하려면 jQuery 라이브러리를 가져와야 합니다. 자세한 내용은 jQuery 가져오기 또는 업그레이드하기 문서를 참조하세요.