Como posso ocultar ou exibir HTML com base na função ou no grupo do usuário?

Pergunta

Como posso ocultar ou exibir HTML com base na função ou no grupo do usuário?

Resposta

Consulte as duas seções abaixo:

• Ocultar ou exibir HTML com base na função do usuário

• Ocultar ou exibir HTML com base no grupo do usuário

Ocultar ou exibir HTML com base na função do usuário

Se as informações que você está ocultando forem confidenciais, essa pode não ser uma solução viável, pois o texto completo pode ser exibido em Visualizar fonte no navegador.

Entretanto, veja abaixo um código de exemplo para implementar em sua Central de Ajuda e um screencast mostrando onde colocá-lo.

<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>

Insira o código a seguir sob o modelo CSS

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

Insira o código a seguir sob o modelo 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();
}

Ocultar ou exibir HTML com base no grupo do usuário

Se você deseja exibir/ocultar o HTML com base em grupos, o processo será o mesmo descrito acima. Entretanto, no modelo JS, use o código abaixo.

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();
 }
}

Para obter mais informações sobre a edição do modelo da sua Central de Ajuda, consulte o artigo: Personalização do tema de sua Central de Ajuda (Guide Professional e Enterprise)

Aviso: Este artigo destina-se apenas a fins informativos. O Zendesk não oferece suporte nem garantia ao código. Publique problemas encontrados na seção de comentários ou pesquise por uma solução online.

Observação: O jQuery não é fornecido por padrão. Importe uma biblioteca jQuery se desejar usar instruções jQuery em um tema no lugar de Vanilla JavaScript. Para obter mais informações, consulte o artigo: Importação ou atualização do jQuery.