Question
Comment masquer ou afficher le code HTML en fonction du rôle ou du groupe de l’utilisateur ?
Réponse
Cet article contient les sections suivantes :
- Masquer ou afficher le code HTML en fonction du rôle de l’utilisateur
- Masquer ou afficher le code HTML en fonction du groupe de l’utilisateur
Masquer ou afficher le code HTML en fonction du rôle de l’utilisateur
Si les informations que vous masquez sont sensibles, cela n’est peut-être pas une bonne solution pour vous, car un utilisateur peut afficher le texte intégral à l’aide de l’option Afficher le code source de la page dans son navigateur web.
Vous trouverez ci-dessous un exemple de code à implémenter dans votre Centre d'aide. Commencez par placer le code directement sous le premier élément Insérez le code suivant sous le modèle CSS : Insérez le code suivant sous le modèle JS : Si vous voulez afficher ou masquer le code HTML en fonction des groupes, le processus est le même que celui répertorié dans les étapes pour un rôle d’utilisateur. Commencez par placer le code directement sous le premier élément Insérez le code suivant sous le modèle CSS : Insérez le code suivant sous le modèle JS : Pour en savoir plus sur la modification du modèle de votre Centre d’aide, consultez l’article : Personnalisation du thème de votre centre d’aide (Guide Professional et Enterprise).home_page.hbs
:
<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";
}
Masquer ou afficher le code HTML en fonction du groupe de l’utilisateur
home_page.hbs
:
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)
mettre à jour l'assistance L2 en un nom de groupe dans le compte. 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";
}
}