I was able to implement the above scenario using below code:
HTML:
For the conversation:
<div class="timeline-title h4" ng-if="e.capture.show">{{::e.name}}</div>
Case created by:
<div class="timeline-title h4" ng-if="data.stream.capture.show">{{data.stream.user_full_name}}</div>
Server Side:
/* entries started */
var entries1 = data.stream.entries;
var existingEntries1 = "";
data.array1 =[];
for (var i = 0; i < entries1.length; i++)
{
var showName = {} ;
existingEntries1 = entries1[i].user_sys_id.toString();
if(gs.getUser().getUserByID(existingEntries1).hasRole('snc_internal'))
{
showName.show = false;
}
else
{
showName.show = true;
}
data.array1.push(showName);
entries1[i].capture = data.array1[i];
}
/*entries end*/
/* created started */
var entries2 = data.stream;
var existingEntries2 = "";
var showName2 = {} ;
existingEntries2 = data.stream.user_sys_id.toString();
if(gs.getUser().getUserByID(existingEntries2).hasRole('snc_internal'))
{
showName2.show = false;
}
else
{
showName2.show = true;
}
entries2.capture = showName2;
/*created end*/
After adding these check I was able to hide the agent name and show only external agent name on the conversation widget.
