Pregunta
¿Cómo se puede ocultar o mostrar HTML según el rol o el grupo del usuario?
Respuesta
Consulte las dos secciones siguientes:
Ocultar o mostrar HTML según el rol del usuario
Si la información que está ocultando es delicada, puede que esta no sea una solución viable para usted, ya que el texto completo se puede mostrar en Viewing Sourceen el navegador.
Sin embargo, busque a continuación un ejemplo de código para implementar en su Centro de ayuda y un screencast que muestre dónde colocarlo.
<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>
Inserte el siguiente código bajo la plantilla CSS
/*hide role-specific div html*/
div.anonymous, div.end_user, div.agent, div.manager {
display: none;
}
Inserte el siguiente código bajo la plantilla 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 o mostrar HTML según el grupo del usuario
Si desea mostrar u ocultar HTML en función de los grupos, el proceso es el mismo que el anterior. Sin embargo, en la plantilla de JS, utilice el código siguiente.
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();
}
}
Si desea más información sobre cómo editar la plantilla de su Centro de ayuda, consulte el artículo: Personalización del tema del Centro de ayuda (Guide Professional y Enterprise).
0 Comentarios
Inicie sesión para dejar un comentario.