The summary page displays task-related information. This article describes how you can reuse task-related information in the summary page.
In this sample orchestration, an employee submits a leave application form. The application form then goes to the employee's manager for approval.
Create a sample HTML renderer (html.esp) for resourseType Employees/PtoApplication.
The renderer assumes the following properties to be set on the node:
Note: This renderer is the summary page template.
The following sample code for this renderer is contained in:
apps/Employees/PtoApplication/html.esp
<html>
<body>
<table style="background-color: #647B7B;color: WHITE;text-align: left;width: 100%;font-size: 24px;line-height: 40px;">
<tbody>
<tr>
<td style="width:50%;">
<h3>Employee Name: <%= currentNode.ename %></h3>
<h3>Employee ID: <%= currentNode.eid %></h3>
<h3>Leave duration: <%= currentNode.duration %> days</h3>
<h3>Reason: <%= currentNode.reason %></h3>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Modify the orchestration to extract the four properties from the submitted form data. After this create a node in CRX of type Employees/PtoApplication, with the properties populated.
Create a process create PTO summary and use this as a subprocess before the Assign Task operation in your orchestration.
Define employeeName, employeeID, ptoReason, totalDays, and nodeName as input variables in your new process. These variables will be passed as submitted form data.
Also define an output variable ptoNodePath which will be used while setting the summary Url.
In the create PTO summary process, use the set value component to set the input details in a nodeProperty (nodeProps) map.
The keys in this map should be the same as the keys defined in your HTML renderer in the previous step.
Also, add a sling:resourceType key with value Employees/PtoApplication in the map.
Use the subprocess storeContent from the ContentRepositoryConnector service in the create PTO summary process. This subprocess creates a CRX node.
It takes three input variables:
Pass the submitted form data (employeeName, employeeID, ptoReason, and totalDays) as input to the new process create PTO summary. Take the output as ptoSummaryNodePath.
Define the summary Url as an XPath expression containing the server details along with ptoSummaryNodePath.
XPath: concat('http://[server]:[port]/lc',/process_data/@ptoSummaryNodePath,'.html').
In HTML Workspace, when you open a task, the summary Url accesses the CRX node, and the HTML renderer displays the summary.
The summary layout can be changed without modifying the process. The HTML renderer displays the summary appropriately.