summaryrefslogtreecommitdiff
path: root/web/src/pages/Jobs.jsx
Commit message (Collapse)AuthorAgeFilesLines
* Consolidate js/jsx indentationSorin Sbarnea2020-11-201-2/+2
| | | | | | | | | | | | | 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
* PF4: Update "fetching info ..." and refresh animationFelix Edel2020-07-101-7/+19
| | | | | | | | | | | | | | | | | | | | | | 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
* Introduce Patternfly 4Felix Edel2020-07-071-2/+4
| | | | | | | | | | | | | | | | | | | | | | | Since Patternfly 4 (PF4) is a complete rewrite of the framework that doesn't require bootstrap and comes with a new npm package, it's possible to include both side-by-side in a project. This change includes the necessary PF4 packages and updates the header, navbar, drawer (shows the config errors) and global page layout with PF4 components. Once this is done, we should be able to update the other components step by step to PF4. Points to keep in mind for the migration phase: 1. Some Patternfly 3 CSS rules are overridden by Patternfly 4 wildcards, mostly (re)setting the padding and margin of various elements to 0. To fix this unwanted behaviour, there is a pf4-migration.css file included were we can keep track on those rules and ensure that the old padding and margin values are re-applied after Patternfly 4 is imported. Change-Id: I77b81fa0f97fe718207ba5a506cee300371c693b
* web: refactor job page to use a reducerTristan Cacqueray2018-12-061-1/+1
| | | | | | | | | This change updates the job page component to dispatch reducer action instead of direct axios call. This enables using the generic error reducers as well as keeping the tenant jobs in the store to avoid repeated query. Change-Id: I142493c3a89379a75d97d247fbe1fcc0858e9723
* web: refactor jobs page to use a reducerTristan Cacqueray2018-12-061-74/+25
| | | | | | | | | | 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
* web: add job pageTristan Cacqueray2018-10-111-0/+9
| | | | | | This change adds a /job/{job_name} web interface. Change-Id: Idbeae3a11ec4180a193923def7dc7f9c53dc9043
* Revert "Revert "web: rewrite interface in react""Tristan Cacqueray2018-10-061-0/+99
| | | | | | This reverts commit 3dba813c643ec8f4b3323c2a09c6aecf8ad4d338. Change-Id: I233797a9b4e3485491c49675da2c2efbdba59449
* Revert "web: rewrite interface in react"James E. Blair2018-09-291-99/+0
| | | | | | | | | | | Revert "Fix publish-openstack-javascript-content" This reverts commit ca199eb9dbb64e25490ee5803e4f18c91f34681d. This reverts commit 1082faae958bffa719ab333c3f5ae9776a8b26d7. This appears to remove the tarball publishing system that we rely on. Change-Id: Id746fb826dfc01b157c5b772adc1d2991ddcd93a
* web: rewrite interface in reactTristan Cacqueray2018-09-271-0/+99
This change rewrites the web interface using React: http://lists.zuul-ci.org/pipermail/zuul-discuss/2018-August/000528.html Depends-On: https://review.openstack.org/591964 Change-Id: Ic6c33102ac3da69ebd0b8e9c6c8b431d51f3cfd4 Co-Authored-By: Monty Taylor <mordred@inaugust.com> Co-Authored-By: James E. Blair <jeblair@redhat.com>