Pregunta
¿Cómo se puede ocultar o mostrar HTML según el rol o el grupo del usuario?
Respuesta
Este artículo contiene las siguientes secciones:
Ocultar o mostrar HTML según el rol del usuario
Si la información que está ocultando es confidencial, es posible que esta no sea una solución viable para usted, ya que un usuario puede ver el texto completo usando la función Ver código fuente de página en su navegador web.
A continuación se muestra un ejemplo de código para implementar en su Centro de ayuda. Comience por colocar el código directamente debajo del primer elemento Inserte el siguiente código bajo la plantilla de CSS: Inserte el siguiente código bajo la plantilla de JS: Si desea mostrar u ocultar HTML en función de grupos, el proceso es el mismo que se describe en los pasos para un rol de usuario. Comience por colocar el código directamente debajo del primer elemento Inserte el siguiente código bajo la plantilla de CSS: Inserte el siguiente código bajo la plantilla de JS: 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).home_page.hbs
archivo.
<div class="anonymous">
<h1>Welcome Anonymous User!</h1>
</div>
<div class="end_user">
<h1>Welcome End-User!</h1>
</div>
<div class="agent">
<h1>Welcome Agent!</h1>
</div>
<div class="manager">
<h1>Welcome Manager!</h1>
</div>div.anonymous, div.end_user, div.agent, div.manager {
width: 100%;
text-align: center;
display: none;
}const anonymous = document.querySelector(".anonymous")
const end_user = document.querySelector(".end_user")
const agent = document.querySelector(".agent")
const manager = document.querySelector(".manager")
// Show div html based on role
if (HelpCenter.user.role=="anonymous"){
anonymous.style.display = "block";
}
if (HelpCenter.user.role=="end_user"){
end_user.style.display = "block";
}
if (HelpCenter.user.role=="agent"){
agent.style.display = "block";
}
if (HelpCenter.user.role=="manager"){
manager.style.display = "block";
}
Ocultar o mostrar HTML según el grupo del usuario
home_page.hbs
archivo.
const user_group = document.querySelector(".user_group")
<div class="user_group">
<h1>Welcome to L2 Support!</h1>
</div>
div.user_group {
width: 100%;
text-align: center;
display: none;
}
if (groups[i].name == 'L2 Support' && groups[i].isActive
== true)
actualice “Soporte L2” a un nombre de grupo en la cuenta. const groups = HelpCenter.user.groups;
for (let i = 0; i < groups.length; i++) {
if (groups[i].name == 'L2 Support' && groups[i].isActive == true) {
user_group.style.display = "block";
}
}