Comment masquer ou afficher le code HTML en fonction du rôle ou du groupe de l’utilisateur ?

Question

Comment masquer ou afficher le code HTML en fonction du rôle ou du groupe de l’utilisateur ?

Réponse

Consultez les deux sections ci-dessous :

• 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 le texte intégral peut être affiché en affichant la source dans le navigateur.

Cependant, vous trouverez ci-dessous un exemple de code à mettre en œuvre dans votre Centre d’aide, ainsi qu’un screencast montrant où le placer.

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

Insérez le code suivant sous le modèle CSS

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

Insérez le code suivant sous le modèle 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();
}

Masquer ou afficher le code HTML en fonction du groupe de l’utilisateur

Si vous souhaitez afficher/masquer le code HTML en fonction des groupes, suivez la même procédure que celle décrite ci-dessus. Cependant, dans le modèle JS, utilisez le code ci-dessous.

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

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

Dégagement de responsabilité : cet article est fourni à titre informatif uniquement. Zendesk ne fournit pas l’assistance pour le code et ne le garantit pas. Si vous rencontrez des problèmes, publiez-en la description dans la section des commentaires ou essayez de trouver une solution en ligne.

Remarque : jQuery n’est pas fourni par défaut. Veillez à importer une bibliothèque jQuery si vous voulez utiliser des instructions jQuery dans un thème à la place du code JavaScript vanille. Pour en savoir plus, consultez l’article : Importation ou mise à niveau de jQuery.