Commit Graph

151 Commits

Author SHA1 Message Date
Łukasz Mierzwa
49325fcca5 fix(tests): always use UTC timestamps in UI tests 2019-10-05 11:31:18 +01:00
Łukasz Mierzwa
68b3793ef3 fix(ui): add a test for react-moment 2019-10-05 11:16:47 +01:00
Łukasz Mierzwa
ff7d83c211 fix(ui): reset grid size on settings change 2019-10-02 21:15:23 +01:00
Łukasz Mierzwa
9b78c96e1e fix(ui): better handling of window resize events 2019-10-02 19:32:22 +01:00
Łukasz Mierzwa
2b86aaaedb chore(tests): update snapshots after font-awesome upgrade 2019-09-29 15:37:05 +01:00
Łukasz Mierzwa
80c30f1879 fix(ui): pass configured alertmanager headers when making requests from the browser
Right now configured headers are only set on requests made from the backend to alertmanager API.
With this change fetch() calls in the browser will use those headers if proxy mode is not enabled.
2019-09-26 20:37:23 +01:00
Łukasz Mierzwa
456cbf0904 fix(ui): prevent grid resize loops
Fixes #721
2019-09-23 22:40:52 +01:00
Łukasz Mierzwa
c24ebe1124 fix(tests): update snapshots after font-awesome bump 2019-09-19 14:00:32 +01:00
Łukasz Mierzwa
77ea39afcc chore(ui): pass upgrade screen reload timer as props
Makes it easier to test
2019-09-18 12:12:19 +01:00
Łukasz Mierzwa
465373ab2d fix(ci): force default font for percy 2019-09-13 12:35:11 +01:00
Łukasz Mierzwa
6200328afc chore(ci): set different alert start for storybook snapshots 2019-09-10 18:35:31 +01:00
Łukasz Mierzwa
f16676f283 fix(ui): revert style changes for upgrade screen
It's more noisy with the background
2019-09-10 12:07:54 +01:00
Łukasz Mierzwa
f8b233ae33 feat(ui): more storybooks 2019-09-10 10:25:43 +01:00
Łukasz Mierzwa
f781af3165 fix(ui): improve readability of error / upgrade messages 2019-09-09 20:33:35 +01:00
Łukasz Mierzwa
a36fd55627 fix(ui): generate correct group URL
current filters got appended to the group url, fix it by stripping query args away
2019-08-14 19:18:12 +01:00
Łukasz Mierzwa
548be9e861 feat(ui): pass sort parameters when fetching alerts 2019-08-08 15:45:01 +01:00
Łukasz Mierzwa
6b497217d9 fix(backend): remove endsAt from alerts
This is unused but keeps changing
2019-08-08 15:45:00 +01:00
Łukasz Mierzwa
9b6273595d chore: move sorting to the backend 2019-08-08 15:45:00 +01:00
Łukasz Mierzwa
443dfc02be Revert "feat(ui): lazy render alert group content"
This reverts commit 42a9998f14.

Lazy render conflicts with grid packing and alert groups being move around, this is because it only listens to scroll events.
Need a visibility sensor for this feature to work properly.
2019-07-31 23:22:53 +01:00
Łukasz Mierzwa
312b718b7a feat(ui): close modal window when user hits the Escape key
Fixes #842
2019-07-31 19:56:57 +01:00
Łukasz Mierzwa
42a9998f14 feat(ui): lazy render alert group content
This is to avoid rendering lots of expensive components while they're not in the viewport.
Should provide some performance improvements when there's plenty of alerts.
2019-07-26 22:03:05 +01:00
Łukasz Mierzwa
7f42965a84 fix(ui): break words on upstream error messages to avoid overflow 2019-07-18 23:21:49 +01:00
Łukasz Mierzwa
39b6c1105c fix(ui): add margin to upstream alerts 2019-06-22 20:07:08 +01:00
Łukasz Mierzwa
32463d6435 chore(ui): switch from Lato to Open Sans fonts 2019-06-20 18:52:23 +01:00
Łukasz Mierzwa
f343d450df feat(ui): show a spinner while silence is being deleted
Makes it obvious that the UI didn't freeze on slow connections
2019-06-12 20:37:13 +01:00
Łukasz Mierzwa
685a0220e0 fix(ui): use width passed by ReactResizeDetector instead of body width
Trying to fix #721.
2019-05-27 11:39:35 +01:00
Łukasz Mierzwa
f50ac75363 fix(ui): fix alert menu content being under other alert groups
Because every alert group uses 'position: absolute' our menu content rendered after clicking on group header or each alert dropdown is hidden under neighbour groups. To fix this we'll add 'z-index: 100' to the group with currently open menu.
2019-05-10 20:06:02 +01:00
Łukasz Mierzwa
884bbe8398 feat(ui): add shadows to dropdown menus 2019-05-09 22:56:27 +01:00
Łukasz Mierzwa
adc9ccc95c fix(ui): use label class for silence matchers to prevent overflow 2019-05-07 08:05:40 +01:00
Łukasz Mierzwa
d75ad0434e feat(ui): flash annotation text on changes 2019-05-05 19:34:20 +01:00
Łukasz Mierzwa
7aee212dc9 fix(ui): fix fallback sorting by timestamps
Sorting by timestaps should be reversed - most recent timestamps first
2019-05-04 23:34:27 +01:00
Łukasz Mierzwa
80338927f7 feat(ui): use alerts timestamp as secondary sort key 2019-05-04 22:05:31 +01:00
Łukasz Mierzwa
e94f66f881 feat(ui): speed up animations with translateZ and translate3d 2019-05-04 20:43:58 +01:00
Łukasz Mierzwa
9bf7746273 fix(ui): add missing class to the inhibition icon 2019-05-04 00:30:02 +01:00
Łukasz Mierzwa
dc00ef86c8 fix(ui): cleanup css classes for labels 2019-05-03 19:14:29 +01:00
Łukasz Mierzwa
8242ec64f8 feat(ui): use silence form settings exposed via the backend API
Silence form when populating matchers from alerts or alert groups will now ignore labels listed in silenceForm:strip:labels
2019-04-29 20:54:17 +01:00
Łukasz Mierzwa
ed21ee6149 fix(ui): lower repack debounce
50ms is very noticable and one can see groups overlapping each other, 10ms is nicer
2019-04-26 12:01:54 +01:00
Łukasz Mierzwa
97bf34c45d fix(ui): debounce grid updates so that they are batched 2019-04-25 22:02:14 +01:00
Łukasz Mierzwa
809c6c6fab feat(ui): use api/v2 silence endpoints for alertmanager 0.16+ 2019-04-24 20:58:15 +01:00
Łukasz Mierzwa
7b13499f2b fix(ui): use correct label for silence start time 2019-04-24 20:56:58 +01:00
Łukasz Mierzwa
5db2f971f2 fix(ui): limit annotation width to the parent width 2019-04-20 11:21:27 +01:00
Łukasz Mierzwa
4b37c209fa fix(ui): correctly set card background color
Cards only need color definition once, on the top level element
2019-04-20 09:58:03 +01:00
Łukasz Mierzwa
ebde58a281 feat(ui): add colored second display style for titlebar
This enables second mode for titlebar styling - enabling it will cause the background to be set to the same color as the alerts, but only if all alerts in a group are in the same state.
2019-04-19 21:09:37 +01:00
Łukasz Mierzwa
b1c89858e8 feat(ui): allow configuring grid size 2019-04-14 23:05:11 +01:00
Łukasz Mierzwa
c2d34cd0eb feat(ui): dynamically calculate grid size
This allows to have dynamic grid size, rather than static with values hardcoded in Constants file
2019-04-14 17:33:06 +01:00
Łukasz Mierzwa
5836d72513 fix(ui): fix grid animations
Fade on mount wasn't working because it was placed at the wrong level.
Animate group moves around the grid.
2019-04-13 10:45:24 +01:00
Łukasz Mierzwa
2f243b8e16 fix(ui): refactor browser window resize handler
bricks.js already handles resize but it needs fixed width on elements to work properly
2019-04-13 10:45:24 +01:00
Łukasz Mierzwa
765be40c7f fix(tests): add missing test coverage for FontFaceObserver timeouts 2019-04-11 22:22:59 +01:00
Łukasz Mierzwa
04f3d6791c fix(ui): don't crash on null grid 2019-04-11 12:50:56 +01:00
Łukasz Mierzwa
8592f6a941 fix(ui): don't error on font load timeout 2019-04-09 14:08:06 +01:00