This adds a theme selection in the preferences in the
config modal and adds a new dark theme.
Removes the line.png image and instead uses CSS
linear-gradient that is available in all browsers
since around 2018, also fixes the 15 pixels spacing
issue that is there today.
You can select between three different themes.
Auto will use your system preference to choose either the
light or dark theme, changes dynamically based on your
system preference.
Light is the current theme.
Dark is the theme added by this patch series.
The UX this changes is that if somebody has their system
preferences set to dark, for example in Mac OS X that is
in System Settings -> Appearance -> Dark the user will
get the Zuul web UI in dark by default and same for the
opposite.
This uses a poor man's dark mode for swagger-ui
as per the comment in [1].
[1] https://github.com/swagger-api/swagger-ui/issues/5327#issuecomment-742375520
Change-Id: I01cf32f3decdb885307a76eb79d644667bbbf9a3
Previously indentation was not checked at all and in order to avoid
reviewers time with style checks, we can enforce it with eslint.
Current js/jsx changes were made by: yarn lint-fix
Note this this change can easily become outdated so we need to
coordinate and merge it quickly as each rebase would loose previous
votes.
Change-Id: I85883fc8db924ad4ce9acad5acdd42aed7e4d0e4
We replace all spaces by commas when filtering the status page, however,
due to the fact we don't use the `g` flag, it only splits the first
value and stops after the first one.
This patch adds the `g` flag to the regex so that all of the spaces are
replaced by commas when filtering.
Change-Id: I9b9cd33a7067fd00415e2ae1634e340a6df46749
This change prevent issue when the tree component is not able
to render a child attached to multiple parents.
Change-Id: Iec0de04bc91deb8642afa3a7d0ba023b3eadf8b4
This allows you to enter:
requirements-tox-py35-check-uc cross-cinder-py35
In the job filter and see the common ancestry in the tree view.
The status page filter is also updated to support multiple spaces
between items. Both filters now support this in order to deal
with common copy/paste errors.
Depends-On: https://review.openstack.org/643397
Change-Id: I38cc6cdc8b5373dc8f29804f5bb35e9594a000bf
To better display the jobs list, this change updates the Jobs render method
to use a TreeView instead of a Table.
Change-Id: I48829f1196f042400eda1517d4d360ce0fe9ffa4
This change updates the jobs page component to dispatch reducer
action instead of direct axios call. This enables using the generic
error reducers as well as keeping the jobs list in the store to
avoid repeated query. This change also refactor the Job list into
a container and extends the common refresh component.
Change-Id: I7f44e83d6bea8ee915c81d7ba9afd6d9a4c89d38