Skip to content

Resolve "Integrate new vue+vuex code base with new API and remove old haml code"

Filipa Lacerda requested to merge 50904-job-log into master

What does this MR do?

  • Mounts only 1 Vue app
  • Fixes the sidebar toggle behavior - there was a bug where the toggle sidebar button on the header was never rendered
  • Sidebar toggle behavior:
    • When the page is opened on xs breakpoint:
      • the sidebar is hidden
      • there's a toggle sidebar button on the header
    • When the page is opened on sm:
      • sidebar is visible
      • the user can hide sidebar through the toggle sidebar button on the sidebar & header
    • when the page is opened on 'md' or 'lg':
      • the sidebar is visible
      • the user can't toggle the sidebar
  • Top bar behavior
    • affix
    • shows an icon with a link to the raw output
    • shows icon to delete the output
    • When size is bigger than the showed output, renders the total size
    • Renders scroll buttons
    • Scroll buttons disabled state:
      • when the page has no scroll, both buttons are disabled
      • when the scroll is at the bottom, scroll down button is disabled
      • when the scroll is at the top, scroll up button is disabled
      • When the automatic scroll is active, the scroll down button is animated
  • Scroll behavior
    • Scrolls to bottom on the first load
    • When the trace is not complete (job is still running) & the user hasn't scrolled yet, it keeps scrolling automatically to the bottom
    • When the trace is not complete (job is still running) & the user has scrolled, it stops automatic scroll
  • Log behavior
    • Renders trace
    • When job is still running, shows animation at the bottom

What are the relevant issue numbers?

Does this MR meet the acceptance criteria?

Closes #50904 (closed)

Edited by Filipa Lacerda

Merge request reports