Resolve "Integrate new vue+vuex code base with new API and remove old haml code"
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
- When the page is opened on
- 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?
-
Changelog entry added, if necessary -
Documentation created/updated -
Tests added for this feature/bug -
Conforms to the code review guidelines -
Conforms to the merge request performance guidelines -
Conforms to the style guides -
Conforms to the database guides
Closes #50904 (closed)
Edited by Filipa Lacerda