Question
Accenture
IN
Last activity: 13 May 2020 6:13 EDT
what changes need to do in PEGA to use "open the case id action"
Requirement is to pass case ID from host system and open the case using pega mashup. what should
the HTML as followes
<!-- ********************** Begin Pega content ********************** --> <script src ='https://----------------------/prweb/app/---/?pzuiactionzzz=CXtpbn13LzRHU0NMdVUvM3B2MFRGMEZPS1lVTkRyekZvV1NqSXVkK09CLy9kZG96c1F1amNIOVlM%0AeVRPWXJjZUc1M1Zu'></script> <div data-pega-encrypted ='true' data-pega-encrypted-hash = 'pzuiactionzzz=CXtpbn1JYVE2bUFOWkpKY1RObFBYYzlEUHRndVlQRWNOeGtuRERxNldVNXJoVm1ybnU0L0cyTjhF%0AUnBScm05anBrMllxK0NwQkVjS2MyQTVFSHJreEJ1Z3h2aGNVWDlVSDk4SE1EZkw0eFVNbjlxY05v%0ASlM1NThhbVZacVU2UVdZVzdaay8zZFpjdEVNRldheTBZRy9vU3c3Y1pOTVB0VFdlNDgxNU9RRjZG%0Ab0VEWlNQWEtBc1kzdFl3bTYvVFlxS1hhaGUzU2dyVEJhWEVSL1Z3Q2JHT1dlNmxZbXNEMTJlbDB2%0AdUorMmdUTXhNRkJleDJGQkwyY0xuZDRlc0tFOXJDS2tCK0pTT2F5bVg5OHBudXBrOFlqSk80dz09' data-pega-gadgetname ='PegaGadget' data-pega-action ='openWorkItem' data-pega-action-param-workid ='CaseID' data-pega-isdeferloaded ='false' data-pega-applicationname ='GOA' data-pega-threadname ='SalesOrder' data-pega-resizetype ='stretch' data-pega-url ='https://---------------------/prweb/app/----------------/' data-pega-action-param-parameters ='{"pzSkinName":"GOAEndUser","pyMashupSkeletonName":"SearchResultsPageSkeleton","CaseID":"ON-4368"}' ></div>
<!-- ********************** End Pega content ********************** -->
Requirement is to pass case ID from host system and open the case using pega mashup. what should
the HTML as followes
<!-- ********************** Begin Pega content ********************** --> <script src ='https://----------------------/prweb/app/---/?pzuiactionzzz=CXtpbn13LzRHU0NMdVUvM3B2MFRGMEZPS1lVTkRyekZvV1NqSXVkK09CLy9kZG96c1F1amNIOVlM%0AeVRPWXJjZUc1M1Zu'></script> <div data-pega-encrypted ='true' data-pega-encrypted-hash = 'pzuiactionzzz=CXtpbn1JYVE2bUFOWkpKY1RObFBYYzlEUHRndVlQRWNOeGtuRERxNldVNXJoVm1ybnU0L0cyTjhF%0AUnBScm05anBrMllxK0NwQkVjS2MyQTVFSHJreEJ1Z3h2aGNVWDlVSDk4SE1EZkw0eFVNbjlxY05v%0ASlM1NThhbVZacVU2UVdZVzdaay8zZFpjdEVNRldheTBZRy9vU3c3Y1pOTVB0VFdlNDgxNU9RRjZG%0Ab0VEWlNQWEtBc1kzdFl3bTYvVFlxS1hhaGUzU2dyVEJhWEVSL1Z3Q2JHT1dlNmxZbXNEMTJlbDB2%0AdUorMmdUTXhNRkJleDJGQkwyY0xuZDRlc0tFOXJDS2tCK0pTT2F5bVg5OHBudXBrOFlqSk80dz09' data-pega-gadgetname ='PegaGadget' data-pega-action ='openWorkItem' data-pega-action-param-workid ='CaseID' data-pega-isdeferloaded ='false' data-pega-applicationname ='GOA' data-pega-threadname ='SalesOrder' data-pega-resizetype ='stretch' data-pega-url ='https://---------------------/prweb/app/----------------/' data-pega-action-param-parameters ='{"pzSkinName":"GOAEndUser","pyMashupSkeletonName":"SearchResultsPageSkeleton","CaseID":"ON-4368"}' ></div>
<!-- ********************** End Pega content ********************** -->
what chages need to be done at Pega end so that I can pass the case id dynamically.
By hard coding the case id in Pega Mashup portal , its working properly.
***Edited by Moderator Marissa to update Platform Capability tags****
Pegasystems Inc.
NZ
Hello,
I don't know if this is the best way, but it works for me.
In your HTML code add a script that create a variable assigning the value from (I used QueryParameter, but I am pretty sure you can refer to DOM elements) and then use that variable in mashup script.
In the example below I am programmatically loading the mashup, same concept applies to non-deferLoad
<head>
<script>
var CaseID = location.search.split('CaseID=')[1];
</script>
</head>
<body>
<script src ='https://............._5872/?pyActivity=pzIncludeMashupScripts'></script>
<script>
function loadMashup(){
var mashupDiv = document.querySelector("[data-pega-gadgetname]");
mashupDiv.setAttribute("data-pega-action-param-workid", CaseID);
mashupDiv.setAttribute("data-pega-action-param-parameters","{'pzSkinName':'......','pyMashupSkeletonName':'pyDefaultMashupSkeleton','UserIdentifier':'......','Password':'......'}");
pega.web.api.doAction("PegaGadget", "load"); // load the mashup gadget on-demand
}
</script>
This is the URL of this web application (where I pass the parameter):
Your app URL: https://yourCustmApp/openpegacase.html?CaseID=I-10033
