Top Nav Bar

DP World Logo:

1. Functions as a home button, returning the user to the landing page.

Menu Items:

1. Provides access to various menus based on user type. Selecting an item navigates to its respective UI.

2. Example: Clicking Manage ----> File Upload navigates user to the File Upload page.

   Open

   

    

Location Bar

1. This location bar is a smart search bar for the user to switch to a different location if the user has access to multiple locations.

User Information Icon

1. This icon is in  a circular shape and right next to location smart search bar

2. Upon Clicking of this icon, user information is displayed. The user’s company and role is displayed here.

Web Notifications

1. Representation & Default Option

   1. This is represented by a bell icon located next to the user information icon. Upon clicking of this bell icon, an expanded web notification dialogue box is shown that displays the Critical, All and Unread web notifications.

   2. Critical web notifications are selected, and user has the option to view All or Unread notifications.

   3. The notifications have been displayed for the last 7 days.

2. Notification Forwarding

   1. This is an option to forward this web notification. This is represented by the mail icon.

   2. Upon clicking of this icon, a Forward Options pop up is displayed. This pop up will by default select user’s own registered email address. But the user has an option to forward this notification to another user’s email address as well. A user can add a maximum of 10 email addresses.

   3. Clicking on the Send button will execute the notification forwarding.

3. Notification Removal and Undoing

   1. Notification removal can be performed by clicking on the X icon which is displayed when a user hovers over the notification heading.

   2. Clicking on this X icon will remove this notification from the expanded notification dialog box.

   3. Once a notification has been removed an Undo button is visible to reverse the removed notification.

4. Additional Details

   1. Upon clicking of any notification heading additional notification attributes are shown by expanding the displayed notification.

5. View Details

   1. User also has the option to view even more details by clicking on the View Details button.

   2. Upon clicking of the View Details button, the user is navigated to respective functional screen based on the web notification generated.

      1. E.g. If a service announcement is created and the user clicks on the View details button, then the user is navigated to the Announcements landing page.

6. Language Options

   1. This is a dropdown for selecting the language, defaulting to English (EN).

7. More Options Icon

   1. This is represented by 3 vertical dots on the far right corner.

   2. Upon Clicking of this icon, more options of Company Search, User Profile and Logout are available for the user.

   3. Clicking on Company Search or User Profile will navigate the user to Client Registration Screen

   4. Clicking on Logout will log the user out of the application back to Login Option Screen.