Frage
Wie kann ich je nach Rolle oder Gruppe eines Benutzers HTML ausblenden oder anzeigen?
Antwort
Dieser Beitrag enthält die folgenden Abschnitte:
- HTML je nach Rolle des Benutzers aus- oder einblenden
- HTML je nach Gruppe des Benutzers aus- oder einblenden
HTML je nach Rolle des Benutzers aus- oder einblenden
Wenn es sich bei den ausgeblendeten Informationen um vertrauliche Informationen handelt, ist dies möglicherweise keine praktikable Lösung, da Benutzer mit der Funktion Seitenquelle anzeigen in ihrem Webbrowser den Volltext anzeigen können.
Nachfolgend finden Sie einen Beispielcode, den Sie in Ihrem Help Center implementieren können. Platzieren Sie den Code zunächst direkt unter dem ersten Fügen Sie den folgenden Code unter der CSS-Vorlage ein: Fügen Sie den folgenden Code unter der JS-Vorlage ein. Wenn Sie HTML basierend auf Gruppen ein- oder ausblenden möchten, gehen Sie wie in den Schritten für eine Benutzerrolle beschrieben vor. Platzieren Sie den Code zunächst direkt unter dem ersten Fügen Sie den folgenden Code unter der CSS-Vorlage ein: Fügen Sie den folgenden Code unter der JS-Vorlage ein. Weitere Informationen zum Bearbeiten der Vorlage für Ihr Help Center finden Sie im folgenden Beitrag: Anpassen des Help-Center-Designs (Guide Professional und 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";
}
HTML je nach Gruppe des Benutzers aus- oder einblenden
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)
„L2 Support“ in einen Gruppennamen im Konto. 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";
}
}