Data Import landing page Scenario 7: First Pane "Preview is Running" Box

Purpose: To create the Preview Running box in the top portion of the first pane of the Data Import landing page

Notes:

• This story is only for creating the screen and the in-screen functionality. Any buttons or functionality that leads to different screens will be in a subsequent story.
• Complete list of landing page scenarios and wireframes in UIDATIMP-4
• Review the existing Stripes components and use standard components whenever possible. If a new component is required, design as a standard Stripes component, if you think it will be useful for other screens or dev teams.
• There are a few small wording differences between the scenarios and the wireframe. When there is a difference, follow the wording in the Jira scenario, not the wireframe.

Scenario 7

• Data elements in the box (preview is running)
  • Job name [from the job profile], bolded
  • followed by [space] [dot] [space]
  • followed by the Import file name, including its suffix
  • Second line: Import ID [sequential number, assigned when the preview button is pressed]
  • followed by [space] [dot] [space]
  • followed by Triggered by [user name of the user who pressed the Preview button, in firstname lastname order]
  • Third line: [xx] records, where xx = the total number of records in the file
  • followed by [space] [dot] [space]
  • followed by Began [time] today (if today) or [date] [time] (if prior to today)
  • Fourth line: In progress
  • Fifth line: Progress bar, followed by % [complete]
• See outline in the comment below