tbatiuk
Community Member

Support completing code to hide a menu option in new Admin role

Jump to solution

Hi there,

I created a custom admin role enabling teachers to view all courses on the account (and no other functionality), but unfortunately this admin role defaults to also giving access to the Canvas Parent Tools LTI that is configured. This is not a permission that can be toggled under roles since it is LTI. I would like teachers to not have easy access to this, so hiding that content seems to be a good option to prevent easy access.

I followed the excellent guide at (https://community.canvaslms.com/people/james) but have yet to produce the desired results. Here is what I have written:

(function() {

if (document.URL.endsWith(‘1?’) && ENV.current_user_roles.indexOf('teacher’) > -1) {

    $('a[href$="/104"]').remove();

}

})();

And below is the code in question taken from that page (https://fca.instructure.com/accounts/1?😞

code

ENV current user roles

Would anyone be willing to point me in the right direction of improving this code? I greatly appreciate it. Thank you!

1 Solution

Hi Tim,

Try this if you're having issues determining if a user is a teacher or not..

if ($.inArray('teacher', ENV['current_user_roles']) >= 1){

   document.getElementsByClassName('context_external_tool_104')[0].remove()

}

View solution in original post

5 Replies
bneporadny
Community Champion

Hi Tim,

We also hide a specific menu option.  Below is the JS code I have in place to remove the desired menu item. 

document.getElementsByClassName('context_external_tool_187')[0].remove()

Brian

Beautiful, thank you! I will give this a go. Perhaps where I'm stumbling is relegating this specifically to affecting users with the teacher role, but I'll keep at it. Smiley Happy

Hi Tim,

Try this if you're having issues determining if a user is a teacher or not..

if ($.inArray('teacher', ENV['current_user_roles']) >= 1){

   document.getElementsByClassName('context_external_tool_104')[0].remove()

}

leon_huang
Community Member

Hi, I would like to hide the People menu item for a specific course. Can you please help?

0 Likes

This appears to work:

if($.inArray('admin',ENV.current_user_roles) == -1){
	if (/^\/courses\/COURSEID.*$/.test(window.location.pathname)) {
		let people = document.getElementsByClassName('people');
		people[0].style.display = 'none';
	}
}

Simply replace COURSEID with the id# of the course for which you'd like to hide the people link. This hides it for everyone except an admin.

0 Likes