Commit graph

151 commits

Author SHA1 Message Date
Manik Rana 373f09796d
feat (ui): Add Native Histogram rendering to new UI (#14431)
* feat: scaffold new ui native histogram

Signed-off-by: Manik Rana <manikrana54@gmail.com>

* feat: add native histogram rendering

Signed-off-by: Manik Rana <manikrana54@gmail.com>

* feat: add tooltip

Signed-off-by: Manik Rana <manikrana54@gmail.com>

* fix:revert package-lock changes

Signed-off-by: Manik Rana <manikrana54@gmail.com>

* chore: fix tab spacing

Signed-off-by: Manik Rana <manikrana54@gmail.com>

* fix: apply suggestions and fixes

Signed-off-by: Manik Rana <manikrana54@gmail.com>

* chore: lint

Signed-off-by: Manik Rana <manikrana54@gmail.com>

---------

Signed-off-by: Manik Rana <manikrana54@gmail.com>
2024-07-09 22:51:37 +02:00
Julius Volz e8bbe191d4 Build both old & new UI into Prometheus, allow choosing via feature flag
This keeps the old "react-app" directory in its existing location (to make
it easier to merge changes from the main branch), but separates it from the
npm workspaces setup. Thus it now needs to be npm-installed/built/linted
separately. This is a bit hacky, but should only be needed temporarily,
until the old UI can be removed.

Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-18 15:08:40 +02:00
Julius Volz a057601771 Fix a few Mantine UI lint errors
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-18 15:04:14 +02:00
Julius Volz 50118dc174 Change icon for state multiselect
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-09 12:50:22 +02:00
Julius Volz 1049c90cb5 Clean up file hierarchy a bit, add some more comments
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-09 12:36:53 +02:00
Julius Volz cdc4bf0ebc Various tiny code cleanups
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-03 16:15:50 +02:00
Julius Volz 0cc6645c2d Some improvements to completion info tooltip for new CM version
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-03 14:50:29 +02:00
Julius Volz a1f36de67c Add missing alerts page redux slice file
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-03 14:49:21 +02:00
Julius Volz 719b31f1b5 Show rules page as collapsed accordion instead of rules table
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-03 14:48:59 +02:00
Julius Volz 8165a6e337 Better color for "unknown" health badge
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-03 14:48:01 +02:00
Julius Volz c2eb4007bb Better top nav page titles, clickable Prometheus brand logo
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-03 14:47:38 +02:00
Julius Volz b40a029599 More timestamp handling fixes/improvements
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-03 14:46:55 +02:00
Julius Volz 3c44f43815 Add state filtering to alerts page
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-03 14:46:17 +02:00
Julius Volz 2be782df77 Various query page improvements
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-03 14:45:35 +02:00
Julius Volz 684698b827 Remove unused old multiselect code
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-03 14:44:16 +02:00
Julius Volz 1f5605fe63 Time formatting / parsing improvements
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-03 14:43:56 +02:00
Julius Volz 70221fc4a0 Build initial targets page
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-04-03 14:43:03 +02:00
Julius Volz a699cbefae Try making /rules timing badges clearer by adding text
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-14 12:21:05 +01:00
Julius Volz 64dabd4379 Use redux-based settings in expression input component
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-14 12:20:19 +01:00
Julius Volz 9fe8a5dba7 Make spacing, shadows, and radius sizes more consistent
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-14 12:19:41 +01:00
Julius Volz 627826783c Add state and label/alertname filter mockups to Alerts page
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-14 12:18:03 +01:00
Julius Volz 2f95bbe570 Improve humanizeDuration() code and output
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-14 12:14:51 +01:00
Julius Volz 00d2a49f4d Better gray tones for "Unknown" health color
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-14 12:13:19 +01:00
Julius Volz 796d1806da Add Settings menu, make menu links left-justified again
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-14 12:07:13 +01:00
Julius Volz 121d92209d Make Status menu wide enough for new icon size
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-14 12:05:26 +01:00
Julius Volz dee41028f7 Fix path prefix handling for "/"
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-14 12:04:50 +01:00
Julius Volz 143917cfe0 Nav link size cleanups
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-14 12:04:24 +01:00
Julius Volz e29ad4a83b Add "Scroll to Top" component
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-14 12:02:45 +01:00
Julius Volz 6ff7857313 Add codeicon font for autocompletion icons
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-14 12:00:40 +01:00
Julius Volz ebb468cedf Add graphing component stub
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-08 17:44:21 +01:00
Julius Volz 9093e0ab91 Cleanups in DataTable code
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-08 17:43:38 +01:00
Julius Volz b17dae1dab Increase range input width
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-08 16:05:45 +01:00
Julius Volz d9768a70b6 Add missing response type file
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-08 16:02:00 +01:00
Julius Volz d5a1e71f6c Make time and range input controls prettier
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-08 16:01:41 +01:00
Julius Volz 2b12ff7ce8 Fix query_format path
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-08 15:19:43 +01:00
Julius Volz d2f913ac1e Implement initial time check and fetching of metric names
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-08 15:15:49 +01:00
Julius Volz 33a753c2f8 Implement pathPrefix handling
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-08 14:06:05 +01:00
Julius Volz 5fea050fed Refactor API fetching code, handle all possible errors correctly
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-07 21:05:12 +01:00
Julius Volz 92195e3fb6 Implement expression formatting
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-07 17:45:14 +01:00
Julius Volz 074b4eb36e Smaller font size for data table
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-07 17:44:45 +01:00
Julius Volz 124f36e670 Add back removing panels via menu
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-07 16:59:47 +01:00
Julius Volz 1e523b204d Improve query panel / data table layout and spacing
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-07 16:59:25 +01:00
Julius Volz 2bb14c5787 Lots of more progress on the new Mantine UI
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-03-07 13:16:54 +01:00
Julius Volz 89ecb3a3f2 Add input field to /graph page.
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-02-23 17:38:25 +01:00
Julius Volz 128b6461e9 Start working on /alerts page, factor out rule definition display
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-02-23 17:37:56 +01:00
Julius Volz 65cc7b058e Remove index.css from initial default app
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-02-23 14:21:20 +01:00
Julius Volz ce1ca6481e Better navbar icon sizes
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-02-23 14:19:46 +01:00
Julius Volz 096acdce7e Fix npm workspaces build for Mantine UI
Thanks to input by @nexucis :)

Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-02-21 22:36:27 +01:00
Julius Volz cc38c1426a Attempt to integrate Mantine UI into npm workspaces + Prometheus binary
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-02-21 11:14:35 +01:00
Julius Volz d6a347e5de Implement several status pages and other general aspects
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-02-21 11:13:48 +01:00
Julius Volz dfabda7507 Add scaffold for new Mantine-based UI
Signed-off-by: Julius Volz <julius.volz@gmail.com>
2024-02-17 12:29:47 +01:00