Hi All,
I have cloned the HRM To-Dos Summary widget and added it to the My Tasks (hrm_todos_page) page. However, the list of HR cases is not appearing under the Open and Completed tabs.
Please find the attached reference for more details.
Could someone assist with resolving this issue?
Thank you.
Hi,
1. Navigate to Service Portal -> Widgets
2. Open the cloned widget and go to the angular template related list
3. Create a new angular template
ID - hrm-todos-header-widget-new.html
Widget - select Cloned HRM to do summary widget
Template -
<div class="todo-summary-cell">
<div class="todo-summary-body">
<div class="todo-summary-icon" ng-class="{'indent-xsm':todo.level == 2,'indent-xs':todo.level == 1 }">
<span ng-if="todo.onTicketPage && (todo.level == 1 || todo.level == 2)"><i class="fa fa-level-up"></i></span>
</div>
<div class="todo-summary-details">
<div class="task-title">
<p class="link-text" ng-if="todo.displayValueList[0].length" ng-bind-html="c.trustAsHtml(todo.displayValueList[0])"></p>
</div>
<div ng-if="todo.displayValueList[1]&&( todo.isCompleted || !todo.onTicketPage) " class="case-title">
<i ng-if="todo.isCompleted && todo.onTicketPage" class="fa fa-check-circle"></i> <div ng-if="todo.displayValueList[1].length" ng-bind-html="c.trustAsHtml(todo.displayValueList[1])"></div>
</div>
<div ng-if="todo.dueDateDisplayValue" class="text-muted" ng-class="{'todo-status': !todo.onTicketPage}">
<i ng-if="!todo.isCompleted && todo.hasDueDateWarning" class="fa fa-exclamation-circle"></i>
<i ng-if="todo.state_num_value == 3" class="fa fa-check"></i>
<span>
<i ng-if="todo.state_num_value ==7" class="fa fa-ban"></i>
<i ng-if="todo.state_num_value==9" class="fa fa-arrow-circle-o-right"></i>
<i ng-if="todo.state_num_value==4" class="fa fa-times-circle"></i>
{{todo.isCompleted && todo.hasDueDate ? todo.stateLabel : todo.dueDateDisplayValue}}
</span>
<span ng-if="!todo.isCompleted && todo.optionalLabel"><span role="presentation"> • </span>{{todo.optionalLabel}}</span>
<sn-time-ago ng-if="todo.isCompleted" timestamp="todo.closedAt"></sn-time-ago>
</div>
</div>
</div>
</div>
4. Go to the HTML section of cloned HRM to do summary widget and update the new angular template name
