Hi Guys.I have a requirement:When a thread has a response, or is started by someone with the role of- "DigitalPlatforms Support" or - "Administrator" Please display an icon next to the thread display when viewing a board:Can anyone help me to implement this functionality?Regards

Hi bhupen - The icon which you are referring to is the user role icon, and by default, it shows up along with the user name, i.e. in the Author row. I checked and noted that these default icons are hidden via CSS in PlayStation Community, using display:none; CSS to be used to display them back again: .messageAuthorColumn .UserName.lia-user-name img.lia-user-rank-icon-left { display: block; margin-left: -81px !important; } Now, as you want to display this only for 2 roles, i.e. "DigitalPlatforms Support" or - "Administrator", so this can be done via jQuery: ForDigitalPlatforms Support:<img class="lia-user-rank-icon-left" title="DigitalPlatforms Support" alt="DigitalPlatforms Support" id="display_9" src="http://community.us.playstation.com/t5/image/serverpage/image-id/213315i52E5BF6439205975/image-size/large/is-moderation-mode/true?v=mpbl-1&amp;px=600">For SMSCS:<img class="lia-user-rank-icon-left" title="Administrator" alt="Administrator" id="display_7" src="http://community.us.playstation.com/t5/image/serverpage/image-id/213313i3C90E5E52BF684C6/image-size/large/is-moderation-mode/true?v=mpbl-1&amp;px=600"> So, you get to this node using jQuery, and the read the title attribute using .attr, and hide the icons which are not one of these 2. <script> $(".thread-list .lia-list-row .messageAuthorColumn").each(function(){ var getRole = $(this).find('.lia-user-rank-icon-left').attr('title');if(getRole != "PlayStation MVP" || getRole !="Administrator"){ $(this).find('.lia-user-rank-left-icon').hide();}}); </script> I hope this helps.

Hi bhupen - The method VarunLuthra mentioned is the way to go, I just made a few tweaks to it, it should work. Please check and let me know if you have any concerns. <script> $(".thread-list .lia-list-row .messageAuthorColumn").each(function(){ var getRole = $(this).find('.lia-user-rank-icon-left').attr('title'); if(getRole == "PlayStation MVP" || getRole =="Administrator"){ $(this).find('.lia-user-rank-icon-left').show(); }else { $(this).find('.lia-user-rank-icon-left').hide(); } }); </script>

bhupen - you need to add following script to your header: <@liaAddScript> (function( $ ) { $(document).ready(function(){ $(".thread-list .lia-list-row .messageAuthorColumn").each(function(){ var getRole = $(this).find('.lia-user-rank-icon-left').attr('title'); if(getRole == "PlayStation MVP" || getRole =="Administrator"){ $(this).find('.lia-user-rank-icon-left').show(); }else { $(this).find('.lia-user-rank-icon-left').hide(); } }); }); })(LITHIUM.jQuery); </@liaAddScript>

You're on the right track putting your script in the wrapper Page Head Content, though there are several other ways of including script blocks, depending on your preference. Previous advice is sound, though you can probably simplify this one a bit. You might leave the CSS rule which hides the icons, then just turn on the ones for the roles you want -- assuming you have far fewer Admin and Support users here than ordinary users -- which you should be able to select like so: <script type="text/javascript"> (function($){ $(document).ready(function() { $('.lia-user-rank-icon-left[title="DigitalPlatforms Support"], .lia-user-rank-icon-left[title="Administrator"]').show(); }); })(LITHIUM.jQuery); </script> I've wrapped this in a doc.ready so it won't execute until all of the elements in question are loaded. You could substitute Lithium versions of the <script> and doc.ready bits, though that's really not necessary if you're executing this in your wrapper header. Cheers,Tyson

Also, if you're going to stick this script in the wrapper header, you might want to wrap it with something like the following: <#if page.name == "ForumPage"> <script> ... </script> </#if> So it doesn't execute on every single page on the site. Cheers,Tyson

Show Icon on thread resonse or created by specific role

18 Replies

VarunGrazitti
Boss
12 years ago
I checked my code here http://community.us.playstation.com/t5/PlayStation-General/bd-p/10031 in firebug, and it worked perfectly, did you add my code as it is or made any changes. It shouldn't be a difficult task any more as you're just left to add the code.

lmk what steps are you following, must be missing something.
Sign in to react to this post
VarunGrazitti
Boss
12 years ago
bhupen - Got you, just one change and it will work. No changes in JS are required.

The CSS change you made, remove the display block,

.messageAuthorColumn .UserName.lia-user-name img.lia-user-rank-icon-left {
display: block;
margin-left: -81px !important;
}

Please mark the post Accept as a solution if it answers your question. Kudos for the helpful post are appreciated.
Sign in to react to this post
bhupen
Advisor
12 years ago
VarunGrazitti Its hard luck for me. Not workin in jquery do you have any idea how can I do it using FTL.
Following are the jquery code How can I do the same way in FTL:
<script>
$(".thread-list .lia-list-row .messageAuthorColumn").each(function(){

var getRole = $(this).find('.lia-user-rank-icon-left').attr('title');

if(getRole != "DigitalPlatforms" || getRole !="Administrator"){
$(this).find('.lia-user-rank-left-icon').hide();
}
});
</script>

Regards
Sign in to react to this post
VarunGrazitti
Boss
12 years ago
Where are you using the JS? I guess the issue is not in the code, either You don't have the Role "DigitalPlatforms" on stage or there are no posts made by these 2 roles on the page where you are checking for the posts. Try changing the name of the getRole variable to the ones which are present on 10031 board. LMK, it should work. I checked your production community, and I see a role "Cannon Fodder", "First Son" etc there, try using these instead of DigitalPlatforms to see if it works.
Sign in to react to this post
bhupen
Advisor
12 years ago
@graziti Iam puting the js on "Page Head Content" and also changed the value of getRole as well. its not working for me.

Sign in to react to this post
bhupen
Advisor
12 years ago
VarunGrazitti Tyson VarunLuthra

Thank you guyz for help. Some how I manged it and resolved.
Thanks you so much.

Cheers!

Sign in to react to this post
VarunLuthra
Advisor
12 years ago
Hi @bhupen, such posts are helpful for other developers, please mark the appropriate reply as the solution so other people can get to know which post was the solution. Might help someone in someways.
Sign in to react to this post
VarunGrazitti
Boss
12 years ago
Good to hear.
Sign in to react to this post

Forum Discussion

Show Icon on thread resonse or created by specific role

18 Replies

Recent Discussions

Classic: How to delete a board under grouphub using board delete v2 API

How to create/subscribe the Webhook in Aurora

Help identifying XML fields for message attributes in Khoros data export

Help identifying XML fields for message attributes in Khoros data export

Which entity to refer for knowing user to badge mapping in XML data dump