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
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)
0 Comentários
Por favor, entre para comentar.