Build Skeleton UI for Study list: placehodlers for sidebar, searchbox, filter row, server selector/dropdown, study list (tabular)

Refer to current Figma layout for most recent version: https://www.figma.com/file/LHYSNzD9abDN4r3e07uJgX/Sonador.ai?node-id=48%3A819

Goal: Create the skeleton interface for the improved study list (StudyListNG, refer to #37 (closed)). To get started, the NG interface should be created at a prefixed URL and should evolve separately from the primary interface. Once the two reach feature parity, the primary study list should be replaced with the new interface. It is expected that the new interface will use new components and a new component library. If appropriate, existing components might be refactored, but current study list code reuse is not an expectation.

Development tasks:

• Select a UI component library with the needed primitives that can be styled and customized (#37 (closed))

• Add a new route to the frontend router so that is possible to access the study list from a /ng/* URL prefix

• Create placeholder components
  • Sidebar
  • Searchbar
  • Filter row
  • Server selector/dropdown
  • Study list
• Refactor DICOMweb client in OHIF to work more reliably and better take advantage of local browser features. Issue #44 contains API links and details about how the implementation within Sonador differs from the published standard.

Project Tracking

OP#44