zuul/web/src/pages
Felix Edel ed9d0446d5
PF4: Update "fetching info ..." and refresh animation
Currently the "refresh" animations look quite different depending on the
page and the type of event (refresh button, initial page load, ...).

This tries to make a start by updating the "Fetching info ..." animation
(shown on initial page load) with Patternfly's "empty state" pattern [1]
in combination with an animated spinner.

For "Refreshable" pages, a similar animation is used in the upper right
corner (like before) but with an updated spinner and icon. By using a
dedicated React component rather than a base class, the "refresh" button
can be more nicely integrated into the layout of the page/container and
it doesn't look "out of scope" for the refreshable component.

For the API page I've removed the refresh completely since it wasn't
implemented at all.

[1] https://www.patternfly.org/v4/documentation/react/components/emptystate

Change-Id: I2274c212f14aece27ff49bfc7900d9b1a0fd01d0
2020-07-10 15:18:04 +02:00
..
Build.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00
BuildConsole.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00
BuildLogs.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00
Builds.jsx Introduce Patternfly 4 2020-07-07 11:16:48 +02:00
Buildset.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00
Buildsets.jsx Introduce Patternfly 4 2020-07-07 11:16:48 +02:00
ChangeStatus.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00
ConfigErrors.jsx Introduce Patternfly 4 2020-07-07 11:16:48 +02:00
Job.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00
Jobs.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00
Labels.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00
LogFile.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00
Nodes.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00
OpenApi.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00
Project.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00
Projects.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00
Status.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00
Stream.jsx Introduce Patternfly 4 2020-07-07 11:16:48 +02:00
Tenants.jsx PF4: Update "fetching info ..." and refresh animation 2020-07-10 15:18:04 +02:00