Conditional naviagation-links based on auth fields

[TroubleShooter]

Hi,

 

I've been trying to create navigation links for my website. However, I can't seem to implement a logic to only show some links intended for a different role (as defined in authenticaition). Hoping someone could help.

 

Regards,

TroubleShooter

[DefinitelyNot31337]

Hello TroubleShooter,

 

You may want to do your links in an HTML DataPage then group your role-specific links in a container. Let me give a concrete example.

<div id="root-links">

<div id="user">
	<a href="#">User Specific Link</a>
</div>

<div id="tester">
	<a href="#">Tester Specific Link</a>
</div>

<div id="superadmin">
	<a href="#">Superadmin Specific Link</a>
</div>

<div>

<script>

document.querySelectorAll('#root-links div').forEach(function(elem){
	if([@authfield:navId] != elem.id) {
		elem.style.display = "none";
	}
});

</script>

 

After then, you can formulate a JavaScript code that will hide the group of links not intended not to be seen by the logged-on user.

Hope this helps.

 

Regards,

DN31337