summaryrefslogtreecommitdiff
path: root/web/src/Misc.jsx
Commit message (Collapse)AuthorAgeFilesLines
* web: add dark mode and theme selectionTobias Urdin2023-04-211-1/+27
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | 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
* Web UI: add Autoholds, Autohold pageMatthieu Huin2021-11-181-3/+26
| | | | | | | | | | A user can list active autoholds for a given tenant. If the user is a tenant admin, she can also discard a autohold request from the autoholds page. Add a autohold page holding information about a single autohold request, in particular links to held builds if any. Change-Id: I4f5f2cfdf8e46ce8fb7ac69e330d6e51bd8b19fe
* UI: Remove stretchable link from build and buildset tableFelix Edel2021-02-041-1/+6
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | Making the whole row table row clickable in these pages makes makes it impossible to mark & copy any text from those rows. Users have expressed this is an annoyance worth fixing. This change removes the stretchable link from the whole table row and instead allows clicking on the job name or status icon to go to details about the job. We have added an optional link prop to title-with-icon; note this is used in other contexts where it does not make sense to be a link thus the optional implementation steps. It is intentional that these links retain their underline for discoverability. For the mobile version (which renders the table as a nice card list), we fall back to the "action column" solution which will be rendered nicely as a button in the top right corner of each card. For larger screens we hide this action column. Note this change is a squash of several other changes to make a consolidated review; for original details see: I788ea37b2ca1899d90160cc52761db0a77f78508 Ifc54edf9ca348ada8e3bfd07fd135d22f9f08489 Ifc54edf9ca348ada8e3bfd07fd135d22f9f08489 Ib4c3a2159e7bad58fcc27eb3ba4b62926ce73099 Co-Authored-By: Ian Wienand <iwienand@redhat.com> Change-Id: I276ff316b17aee932f2724f86e8f0eb1abe73c60
* Merge "web: store status filter in the location hash"Zuul2020-11-231-1/+6
|\
| * web: store status filter in the location hashTristan Cacqueray2020-10-271-1/+6
| | | | | | | | | | | | | | | | This change replaces the localStorage by the location hash to store search filter so that different filter can be used on different tabs. Change-Id: I949adc4e1df4dfd26eb8d66b7f87e0e3ef1f28f8
* | 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
* Render links for ref_url if build.change isnt' setClark Boylan2020-09-261-1/+45
| | | | | | | | | The web ui would only properly render ref_url links if build.change was set. Set up conditions to check if build.change is set and fallback to the build.newrev value if not. This way we render a clickable link using the commit sha1. Change-Id: I5eb9cb1c7cc0f64d6d7504347c01a6450ffb1507
* PF4: Update buildset result page (new layout and styling)Felix Edel2020-07-151-0/+46
This updates the buildset result page with Patternfly 4 components and a new design based on inspirations from other CI systems, Patternfly 4 demos and my own ideas. I chose the buildset result page because it doesn't contain too much elements und therefore is a good starting point. If you like the design, I will continue with that also for other pages like the build result pages or the various "list" pages like builds and buildsets. Change-Id: I978ee448ddf6e22e4a6ec8211204f694932eaa4e