Overview

This PR contains code that reformats how steps are displayed for a job. It also includes the use of two new enum roles "Pending" and "In progress". Before steps were displayed in a vertical orientation and each step only showed up when it was completed. See screenshot.

Now, ALL steps are displayed horizontally. I created a mock pipeline that initializes all steps to pending. Then for each step after 5 seconds the status moves to in progress and then after another 5 seconds the status moves to complete. New icons were introduced for pending and in progress statuses. See screenshots.

Implementation

A "mock pipeline" was created in our logger script to mock the flow of a job. New icons were added.

Testing

To test start up your app and run the orthanc logger script. Verify that you can see the new icons and the layout is horizontal. No new tests (frontend and Cypress) needed to be written as functionality did not change.

Problems Faced

Notes

New icons are from the react icon library. If you have other suggestions for icons or colors let me know!

uiowaSEP2024 / 002_ImagePro

89 fix frontend so we can see steps progress #123

Overview

Implementation

Testing

Problems Faced

Notes

Quality Gate passed