Discussion Thread

Hello,

Is there any way to highlight the instructor's name in the discussion thread? So far, I have tried to implement the following JS codes, but it highlights the names of all authors in the discussion page. Any suggestions would be greatly appreciated.

<SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN>$<SPAN class="punctuation token">.</SPAN><SPAN class="token function">inArray</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'teacher'</SPAN><SPAN class="punctuation token">,</SPAN>ENV<SPAN class="punctuation token">[</SPAN><SPAN class="string token">'current_user_roles'</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="operator token">===</SPAN> <SPAN class="number token">2</SPAN> <SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN><BR />      <SPAN class="token function">$</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'a.author'</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">css</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"background-color"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"yellow"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><BR /><SPAN class="punctuation token">}</SPAN>‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Find more posts tagged with

Accepted answers

themidiman

I experimented with this in our test environment:

<SPAN class="selector token">.author:not(.student_context_card_trigger)</SPAN> <SPAN class="punctuation token">{</SPAN><BR />     <SPAN class="property token">background-color</SPAN><SPAN class="punctuation token">:</SPAN>#ffff00<SPAN class="punctuation token">;</SPAN><BR /><SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Alas, it will also highlight dropped students too. If only Instructure would give the instructor role author a separate CSS class, or actually even better tag the post itself with a badge of some sort. That would absolve the need to hack the CSS and JS code altogether.

All comments

themidiman

If you're trying to exclude the student posts, you will need to adjust your jQuery expression to something like this (using the .not() selector😞

<SPAN class="token function">$</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">".author"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">not</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">".student_context_card_trigger"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">css</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"background-color"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"yellow"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

Also, are you only trying to target the role of instructor for this behavior, or all roles? Just curious why your logic is restricting it to that particular role?

Hope that helps.

themidiman

I experimented with this in our test environment:

<SPAN class="selector token">.author:not(.student_context_card_trigger)</SPAN> <SPAN class="punctuation token">{</SPAN><BR />     <SPAN class="property token">background-color</SPAN><SPAN class="punctuation token">:</SPAN>#ffff00<SPAN class="punctuation token">;</SPAN><BR /><SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

James

Interesting conversation here. I'm working on a Canvancement that will allow someone to click in the header area of a discussion and it will highlight all of the posts from that user, optionally using different colors to indicate the nesting level of the post. At the time, I noticed that teachers are handled differently than students.

In the latest issue (timing), I would advocate against using setTimer and going with Mutation Observers instead. That way when the document changes you can react, rather than having to sit there and continually poll waiting for changes.

Unanswered Questions

Concluded Course and Canvas Data Services
Canvas Data Services sent out an alert that a course was concluded (because the course was concluded) and the status of each user in the UI is set to complete, however, the enrollments API endpoint shows the status of each user in the course as active. Is this a common issue? Have I misinterpreted how the individual…
Canvas Media Question
How can one track Canvas Media use without having the reports available from Canvas Studio? Checking API endpoints and the Data 2 schema, there do not seem to be dedicated Canvas Media endpoints. Am I missing some? A method I've considered is using the body field of the wiki_pages table, as this contains the html code of…
Canvas Catalog API - Completed Certificates
Hello, I'm trying to utilize an API call to pull completed certificates and was hoping to download and store the certs as a backup. I can successfully run the API call but it will not allow me to view the certificate unless I access the URL while signed into an account where it's "my" cert. Is there a permissions setting…
UI for weekly progression idea
UI for weekly progression idea that rest in the Schedule tab of the **K-12 UI** of Canvas it's incomplete and I really would not take it and push it into instance but I am going to post it here because in the past people like @James && @robotcars || @Steve_25 have had terrific input in the past... maybe w/their eyes and…
Canvas integration with React + Flask webapp - initially for authenticaiton
I have a new React + Flask webapp. It has its own login for users to start using the app. I have added this as an external tool in Canvas. What I want initially is to see of canvas users can start using the webapp without having to login if they click on the external tool link in a canvas course. I have 2 methods…