The new approval bar will look similar to the following screenshot:

 [{Image src='EP-WP-APPROVALS-8.jpg' width='600' align='center' link='attach/EP-WP-APPROVALS-8/EP-WP-APPROVALS-8.jpg}]
 
The approval bar is divided into sections which represent each step in the process.  The description of each step is displayed in bold to identify the step.  Below the description is 1 approval record status used to describe that status of that step. To help show the status of each step is 2 chevrons colored green and red.  Green notes an approval has been made and red notes a step waiting approval.


Each step has two methods of making an approval.  The first is the quick approve, noted as a check mark on the step which the [approver|APPROVERS] (user) has rights to approve.  If the user is not an [approver|APPROVERS] with rights to approve the quick approve is not available.  When the quick approve is clicked an approval is made and the process is progressed to the next step or final approval as required.  An option to make comments is not available.

The approval step description is emphasized in bold text while the approval step status is displayed in normal text.

The second is a menu available with a right mouse click over the waiting step.  The first menu item is a text item showing the approver name.  The options following that are approve, decline and send back with comments.

 [{Image src='EP-WP-APPROVALS-10.jpg' width='600' align='center' link='attach/EP-WP-APPROVALS-10/EP-WP-APPROVALS-10.jpg}]


Selecting an approval action with comments brings up the approval dialog, which allows comments to be added for any approval action made for the step.
 
 [{Image src='EP-WP-APPROVALS-11.jpg' width='400' align='center' link='attach/EP-WP-APPROVALS-11/EP-WP-APPROVALS-11.jpg}]
 
After submitting the dialog for the approval action with comments, the approved step will turn gray and will have a new popup menu generated for its new status. Right-clicking now on the approved step, the approved status of the step and a sub-menu containing the comments made for the approval will be displayed.

[{Image src='EP-WP-APPROVALS-12.jpg' width='600' align='center' link='attach/EP-WP-APPROVALS-12/EP-WP-APPROVALS-12.jpg}] 

Similar to the Self Service implementation, the popup menu will be displayed even if there are no approval actions available for the [approval step|APPROVAL STEPS]. In such a case, the [approver|APPROVERS] name or approval step status and a submenu of approval action comments will be displayed.


The last part of the approval bar is the new information icon located to the immediate right of the approval bar.  When clicked this action displays a view only dialog showing a record representation of the existing state of the approval proceeds based on the current approval records.  This dialog is based on the form (function) [MDAPR].


[{Image src='EP-WP-APPROVALS-9.jpg' width='400' align='center' link='attach/EP-WP-APPROVALS-9/EP-WP-APPROVALS-9.jpg}] 


When an approval entity (eg: Personnel Actions, Applications, Postings, Time Sheets) is in a status before approval or after approval, the approval bar will show a context message definable by each client to show pertinent information about that entity.

[{Image src='EP-WP-APPROVALS-13.jpg' width='400' align='center' link='attach/EP-WP-APPROVALS-13/EP-WP-APPROVALS-13.jpg}] 

The context message is definable by [table alias|TABLE_ALIAS] in [IMMS]. These messages can be [translated|TRANSLATION]if necessary. The following displays which context messages are used for the approvals. 

||Table||Message Code
|Leave Lines [AAL|P2K_AT_LEAVE_LINES] | AAL_CONTEXT
|Open Enrollments EEs [BOEE|P2K_BE_OPEN_ENROLLMENT_EES] | BOEE_CONTEXT
|Elections [BEL|P2K_BE_ELECTIONS] | BEL_CONTEXT
|Applications [RAP|P2K_RE_APPLICATIONS] | RAP_CONTEXT
|Batches [BPT|P2K_PR_BATCHES] | BPT_CONTEXT
|Time Sheets [PTS|P2K_PR_TIME_SHEETS] | PTS_CONTEXT
|Candidates [RCA|P2K_RE_CANDIDATES] | RCA_CONTEXT
|Postings [RPO|P2K_RE_POSTINGS] |RPO_CONTEXT
|Personnel Actions [SPA|P2K_SA_PERSONNEL_ACTIONS] | SPA_CONTEXT

[{If var='loginstatus' contains 'authenticated'

----
![Discussion|Edit:Internal.APPROVAL BAR (PROFESSIONAL)]
[{InsertPage page='Internal.APPROVAL BAR (PROFESSIONAL)' default='Click to create a new discussion page'}]

}]