prometheus

Commit Graph

Author	SHA1	Message	Date
Augustin Husson	5bcf2e6511	upgrade react-script to v4 Signed-off-by: Augustin Husson <husson.augustin@gmail.com>	4 years ago
Julius Volz	ff2d297b0a	Update React 16->17, TypeScript, and some other node deps This updates React, TypeScript, and some other node packages (but not everything). A couple of notes: - `enzyme-adapter-react-16` does not have a React 17 equivalent yet, so I switched to the fork `@wojtekmaj/enzyme-adapter-react-17` - A bunch of tests are still failing because I think in the enzyme testing environment, a browser API (`ResizeObserver`) is missing, and maybe for other reasons. This needs to be explored + fixed. - The TypeScript update introduced more stringent rules, which required fixing up a bunch of pieces of code a bit. - The `use-media` package doesn't work with React 17 yet, so I just built our own minimal `useMedia` hook instead (just a couple of lines). - I commented out part of the code in `withStartingIndicator.tsx` because it fails the now-stricter lint checks. It needs to be fixed (and not commented out). Signed-off-by: Julius Volz <julius.volz@gmail.com>	4 years ago
Łukasz Mierzwa	850dbda5c3	Add a dark theme (#8604 ) * Upgrade bootstrap and reactstrap to the latest version Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Add SASS support node-sass is needed for cra to handle SCSS files instead of pure CSS. Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Add a dark theme This adds a dark theme and UI controls to switch between themes. Dark theme will require some CSS changes that will follow in future commits. Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Add a margin to Prometheus brand There is no space between 'Prometheus' brand text and the toggle button when using mobile device. This adds a margin to the button that's only rendered on mobile Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Add a dark theme for CollapsibleAlertPanel Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Add a dark theme for RulesContent Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Add a dark theme for Config Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Use bootstrap classes for margins We can override margins via bootstrap css classes instead of loading custom css module. Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Add a dark theme for QueryStatsView Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Add a dark theme for MetricsExplorer Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Add a dark theme for 'Clear time' button This button had some custom css based on light bootstrap theme so it needs to be adjusted for dark theme. This change re-uses bootstrap styles used for input components instead of copying color values Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Add dark theme for Graph panel input This makes the whole input group look consistent in dark mode as the old styles were made to blend it with the default bootstrap theme. Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Add a dark theme for CME expression input This change splits current CME theme into 3: 1 - base theme used for both light and dark mode 2 - light mode specific theme that overrides base 3 - dark mode specific theme that overrides base To make it all work we also need to move theme to dynamic config, so when theme value in ThemeContext changes CME input will apply a new theme. Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Add a dark theme for /graph page tabs Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Fix metrics explorer modal scroll bootstrap-dark breaks scrolling on the metrics modal, so we need an extra rule to fix that. Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Move App.css rules to themes/_shared.scss This completes splitting styles into light and dark theme. It also fixes some small issues with themes as now all styles from App.css are applied correctly. Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Move html{} styles to a dedicated file html block is root document so styles for it cannot be nested under theme classes. Move it out and add a bit of documentation to explain what which file does. Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Fix reboot styles overriding other FontAwesome classes Both bootstrap themes we use import reboot classes (https://getbootstrap.com/docs/4.6/content/reboot/) which has the side effect of overriding other classes. We need reboot to be applied as defaults for the browser, so it needs to be moved out of theme class selectors. But because reboot requires scss variables we need to feed it something, for that we use the default light theme, so it gets imported there and browser will use style of the default theme to reset default (unthemed) styles. Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com> * Move codicon font to app.scss This needs to be applied globally, not per theme. Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com>	5 years ago
Boyko	bab47b58f5	ReactUI: folder re-organization (#6601 ) * remove redundant sanitizeHTML abstraction Signed-off-by: blalov <boiskila@gmail.com> * organize folders Signed-off-by: blalov <boiskila@gmail.com> * move hooks outside common folder Signed-off-by: blalov <boiskila@gmail.com> * move PathPrefix interface in types Signed-off-by: blalov <boiskila@gmail.com> * remove config folder Signed-off-by: blalov <boiskila@gmail.com> * remove redundant snapshots Signed-off-by: blalov <boiskila@gmail.com> * rename common folder Signed-off-by: blalov <boiskila@gmail.com> * merge utils files Signed-off-by: Boyko Lalov <boiskila@gmail.com> * sync with master Signed-off-by: blalov <boiskila@gmail.com>	6 years ago
CSTDev	3b39f6ae45	WIP: React UI Linting rules (#6206 ) * Initial react-ui linting rules Signed-off-by: cstdev <pietomb00@hotmail.com> * Add react linting to build process Move eslint config to its own file to keep package.json clearer. Signed-off-by: cstdev <pietomb00@hotmail.com> * Linting changes from master Signed-off-by: cstdev <pietomb00@hotmail.com> * Move CI linting to makefile and travis Also add trailing comma to multiline imports. Signed-off-by: cstdev <pietomb00@hotmail.com> * Add lint fix target to makefile Signed-off-by: cstdev <pietomb00@hotmail.com> * Lint latest master Signed-off-by: cstdev <pietomb00@hotmail.com>	6 years ago
CSTDev	4262ad92ce	React ui add query stats (#6190 ) * Adds the query stats to UI Adds the query load time, resolution and total number of time series, as the current UI has Signed-off-by: cstdev <pietomb00@hotmail.com> * Implement unit test for QueryStats Signed-off-by: cstdev <pietomb00@hotmail.com> * Tidy Query Stats component Rename it and expose a interface for the values it displays Make it a functional component as it has no state or lifecycle Better null/undefined checks Only render if needed, decided by the panel Remove old stats if the next errors Signed-off-by: cstdev <pietomb00@hotmail.com>	6 years ago

3 Commits (aee78bdb319fb8c99d294bfe1ddec00bac99b511)