summaryrefslogtreecommitdiff
path: root/web/src/containers/timezone
Commit message (Collapse)AuthorAgeFilesLines
* web: add dark mode and theme selectionTobias Urdin2023-04-211-0/+1
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | 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
* GUI: Add tenant dropdown to top menuMatthieu Huin2023-02-021-4/+18
| | | | | | | | | On a non whitelabeled setup, allow a user to jump from one tenant to another without having to go back to the tenants page. On a whitelabeled setup, make the tenant item non-clickable (the click doesn't do anything anyway). Change-Id: I94d27445c65ed5c3f8d02fae9d47d426528d2332
* Consolidate js/jsx indentationSorin Sbarnea2020-11-201-20/+20
| | | | | | | | | | | | | 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
* Introduce Patternfly 4Felix Edel2020-07-071-6/+3
| | | | | | | | | | | | | | | | | | | | | | | 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
* Replace cookie use with localStorageSorin Sbarnea2020-07-061-20/+3
| | | | | | | | | Avoid use of cookies which are always sent to the server, so they are subject to privacy laws. Instead it makes use of browser local storage, something that is persistent and not exposed to the server side. Change-Id: I8be5c87267e366f0cf152145002c3d3f541add80
* Add new timezone selector in web interfaceAndy Ladjadj2020-05-201-0/+142
- the default value keep UTC - the timezone is saved in cookie in zuul_timezone_string - the render format is YYYY-MM-DD HH:mm:ss Change-Id: Ib4ac2af4194ac2722c5574577661f4ddda8cc398