How to display active SCTASK in Service Portal?

[Byron Plant]

Hi good day!

We have a customized widget in our Service Portal (created by previous developer) that shows that active RITM Tickets (sc_req_item table) and active Incidents (incident table) of user (see image below).

Now, I need to add a new ICON that when click, will show all the active SCTASK (sc_task table) of user.

[Byron Plant]

Hi @shloke04 good day! This is the new requirement I was telling you. Can you help? thanks in advance.

[Byron Plant]

Hi @shloke04 good day! This is the new requirement I was telling you. Can you help? thanks in advance.

[shloke04 · Accepted solution]

Hi @Byron Plant 

Sure will try to assist here. In order to understand what's happening here is as below:

1) When you click on the icon, the list is getting displayed which I believe is a Data Driven OOB widget being utilized here where in the Instance of the widget the Table and conditions are defined to show wither Requested Item or Incident data.

2) So now in order to build a similar functionality please try the steps below and show results what are you getting here:

Press Control on Keyboard and then Right click on the Icon for Incident or Requested Item and then select the option shown in Red below i.e. "Widget in Editor"

 

Now once you open the widget can you share the result here for all three component below:

HTML

Client Controller

Server Script

So what would be happening here is from this widget they must be passing certain parameter to Data Driven widget and then displaying the result in List format, so need to have a look at the code which you need to share here.

Hope this helps. Please mark the answer as correct/helpful based on impact.

Regards,
Shloke

[Byron Plant]

Hi @shloke04 thank you for responding. 

Server Script

cat = {id: 1, label: requestLabel, icon: 'fa fa-shopping-cart',link:req_link,'count':reqCount,page:'my_requests',visible:data.currentPage=='my_tickets'||data.currentPage=='my_requests'||data.currentPage=='my_incidents'};
categories.push(cat);

cat = {id: 2, label:incLabel, icon: 'fa fa-ticket',link:incident_link,'count':incCount,page:'my_incident',visible:data.currentPage=='my_tickets'||data.currentPage=='my_requests'||data.currentPage=='my_incident;
categories.push(cat);
			 cat = {id: 3, label:CATTaskLabel, icon: 'fa fa-ticket',link:catalog_link,'count':CatCount, page :'New Page Name',visible:data.currentPage=='my_tickets'||data.currentPage=='my_incident'};
categories.push(cat);
if(gs.isLoggedIn() && (gs.getUser().hasRole('business_stakeholder') || gs.getUser().hasRole('approver_user') || gs.getUser().hasRole('itil'))){
	cat = {id: 4, label:apprLabel, icon: 'fa fa-check-square-o',link:appr_link,'count':apprCount, page:'my_approvals',visible:data.currentPage=='my_approvals'||data.currentPage=='my_surveys'};
	categories.push(cat);
}

cat = {id: 5, label:survLabel, icon: 'fa fa-question',link:survey_link,'count':surveyCount, page :'my_surveys',visible:data.currentPage=='my_approvals'||data.currentPage=='my_surveys'};
categories.push(cat);

cat = {id: 6, label:profLabel, icon: 'fa-info-circle',link:info_link,page:'user_profile',visible:data.currentPage=='user_profile'||data.currentPage=='my_delegates'};
categories.push(cat);

cat = {id: 7, label:deleLabel, icon: 'fa fa-list',link:watch_link,'count':delegateCount, page :'my_delegates',visible:data.currentPage=='user_profile'||data.currentPage=='my_delegates'};
categories.push(cat);


data.categories = categories;
data.myApprovals = getMyApprovals();
//console.log(data.myApprovals);
//console.log(data.categories );