Commit Graph

18 Commits

Author SHA1 Message Date
James E. Blair a4b5394085 Fix filtering on status page
The status page filter is missing support for the new refs format
introduced by the circular dependency refactor.

Change-Id: I0324619a1a80ef99d7383549fd70823043d0c331
2024-02-12 06:52:20 -08:00
James E. Blair 672f6b7f0b Put pipeline icon to the left of the name
This better matches our use of icons elsewhere (example: build list
table column header).  It also separates the icon from the queue
length indicator which reads sort of like an icon as well.

Change-Id: Ib460826e657ab3c9d36e7f2734c620f5afe43486
2021-12-02 09:30:47 -08:00
Matthieu Huin 54635a4de7 web UI: allow a privileged user to promote a change
Add a "promote" button in the actions menu of a change, if the
currently logged in user is an admin on the tenant and if the pipeline
is dependent.
Clicking the button opens a modal, so that the user can confirm her decision.

Change-Id: I8262888aef9ba1a106e0b321cc4cf2e14465b90c
2021-11-23 11:36:45 +00:00
Matthieu Huin 40dd00bc26 Web UI: Show pipeline types as icons
Add specific icons next to pipelines names on the tenant
status page to help differentiate their characteristics. A mouseover
text provides a brief summary for each type of pipeline.

Type <-> Icon mapping:

* independent: FlaskIcon (it is for experiments)
* dependent: CodeBranchIcon (integration pipeline)
* serial: SortAmountDownIcon (deploy all and in order)
* supercedent: BundleIcon (deploy latest)
* default: StreamIcon (icon used for pipelines in the build/buildset page)

Change-Id: Ia16993af70d133f15aad9a212737805c3623b76e
2021-11-23 12:36:18 +01:00
Felix Edel 236c85fe4c Remove pf-c-content CSS class from status page
This is an old PF3 CSS rule which seems to conflict with some of the
PF4 rules. As a result, the styles for the h3 headings (used for the
pipeline names) are styled differently than the other headings used
in zuul-web. Especially the margin is set to 0 which makes the headings
look a little "broken" and the containers for the different pipelines
are crushed together.

This is the only occurrence of this rule, so I just removed it and
adapted the "broken" heading to a PF4 Title. Those are small changes,
but the overall result should look much cleaner and more PF4-like.

Change-Id: I226149588f2f3b6ee5d09aa43e1b8c085390ece1
2021-11-08 14:29:15 +01:00
Simon Westphahl 1a64bd990e Show pipeline event queue lengths in Zuul web
With I876c3634b5616b6fc88f3ee529958b32f2ceda43 we have the length of the
pipeline event queues in the status JSON and can display those in the
web UI.

Change-Id: I8a437a288736ce5b3c892129bca9bbee6fefb98a
2021-06-02 07:30:09 +02:00
Sorin Sbarnea ebad14f1f9 Consolidate js/jsx indentation
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
2020-11-20 09:39:31 +00:00
Felix Edel 4186453ba1
UI: Highlight pipeline names on status page
The status page shows a lot of content wich makes it sometimes difficult
to see where a pipeline "container" (in terms of UI) starts or ends.
This change emphasizes the pipeline names a little, so the beginning of
a new pipeline container is easier to spot.

Change-Id: I4201b935abb9b1365b3a570f3e00a0b492240bf8
2020-08-24 15:09:40 +02:00
Felix Edel 65653bcd01
Introduce Patternfly 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
2020-07-07 11:16:48 +02:00
Mohammed Naser b226cffc5a ui: convert all spaces to commas for filter
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
2020-02-21 15:11:53 +01:00
James E. Blair a88aad3423 web: support more than one job in the filter
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
2019-03-14 17:16:15 +00:00
Tobias Henkel c349fee279
Switch back to three columns for mid sized screens
Screens with 1280x1024 seem to fall into the large category in
bootstrap. However four columns seem to be too much for these
screens. Instead use four columns only for extra large screens.

Change-Id: I3fc90b70ce9cb7820162e8425918705a6eb364ff
2019-01-02 17:37:07 +01:00
Tristan Cacqueray a6f7517394 web: update status page layout based on screen size
This change updates the status page to hold more columns for large screen.

Change-Id: I59a1439d0171df297bddc1d74f4604c4ab838a12
2018-12-14 05:37:58 +00:00
Tristan Cacqueray 75515bcf17 web: uses queues uid to preserve state on change
When change position changes, the expand state is shifted to the next change.
This patch removes index based key and uses unique references to fix the
issue.

Change-Id: I6f05a1bc34aed6dcb7cc346dd460bf06ad56e019
2018-11-02 02:57:16 +00:00
Tristan Cacqueray de046ce005 web: fix support for comma/space separated status filter
This change restores support for comma/space separated status filters.

Story: 2004029
Task: 27024
Change-Id: I58c6b406f8225f6bfe2d2c5b88c304633a523fa3
2018-10-10 05:35:48 +00:00
Tristan Cacqueray 68d1189871
Revert "Revert "web: rewrite interface in react""
This reverts commit 3dba813c64.

Change-Id: I233797a9b4e3485491c49675da2c2efbdba59449
2018-10-06 10:42:31 -05:00
James E. Blair 3dba813c64 Revert "web: rewrite interface in react"
Revert "Fix publish-openstack-javascript-content"

This reverts commit ca199eb9db.
This reverts commit 1082faae95.

This appears to remove the tarball publishing system that we rely on.

Change-Id: Id746fb826dfc01b157c5b772adc1d2991ddcd93a
2018-09-29 11:51:43 -07:00
Tristan Cacqueray 1082faae95 web: rewrite interface in react
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>
2018-09-27 02:14:46 +00:00