Web UI - stage1, readonly part

[VukW]

Adds a local web UI to use instead of CLI UI.

On this stage, only read-only views are implemented:

• list of benchmarks
• list of mlcubes
• list of datasets
• benchmark detail
• mlcube detail
• dataset detail

To run

medperf web-ui run [--port 8100]

# open http://localhost:8100/

TODOs & bugs up to this moment

• common
  • move date_format function to some common place and use everywhere
  • p1 build a unified render mlcube-as-a-link and use everywhere (benchmark's cubes, dataset's dataprep cube):
    • [strong] mlcube name [small] modified date [state icon] + colored in red if invalid?
  • p1 hide None links
  • p0 bug, no scrolling on main container (say, lists)
  • p1 catch exceptions and display error
  • p2 dark theme
  • p1 Bug, navigation is hidden when the page is too narrow
  • p3 use downloaded js packages (bootstrap etc.) instead of direct link?
• code
  • p1 getting invalid entities raises an exception now
  • p0 add templates & js to wheel package
• MLCube detailed page
  • show tarball and additional data always
  • p2 check it works with local cubes
  • p3 add mlcube name to title
  • p1 list of associated benchmarks + assoc status
• Dataset detailed page
  • p2 fix dataprep cube link render, see point higher ^^^
  • p1 is_valid: make a badge?
  • p2 Submitted as prepared: make a badge?
  • p3 what to do with owner: None? Show a hint over it describing why it's unknown?
  • p3 check it works with local datasets
  • p3 add dataset name to title
  • p1 list of associations + status
  • p2 add metadatas
• Benchmark detailed page
  • p2 fix cube links render, see point higher ^^^
  • p2 add benchmark name to title
  • p1 list of associated datasets + assoc status
  • p2 number of associated datasets
• MLCube list page
  • p2 redesign cards
  • p1 list my entities on the top
  • p2 add valid filter
  • p2 add mine filter
  • p3 check it works with local cubes
• Bencmark list page
  • p2 redesign cards
  • p1 list my entities on the top
  • p2 add valid filter
  • p2 add mine filter
• Datasets list page
  • p2 redesign cards
  • p1 list my entities on the top
  • p2 add valid filter
  • p2 add mine filter
  • p3 check it works with local datasets
  • add location field label

[github-actions]

MLCommons CLA bot All contributors have signed the MLCommons CLA ✍️ ✅

[VukW]

Current state:

MLCubes list

Datasets list

Benchmark list

MLCube detailed page

Benchmark detailed page

Dataset detailed page

[aristizabal95]

This is looking good! There is a little bit of repeated code in the FastAPI routers for listing objects, but is manageable and something that can be improved later on

[aristizabal95]

Is there a way to put this in a separate css file? It feels like this has too much content to be inserted as an inline style instruction