Commit Graph

135 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
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
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
Łukasz Mierzwa
669f227b23 fix(ui): repack alert grid on font load
When fonts are loaded size of rendered elements might change, which can break the grid display, trigger a repack to fix that
2019-04-05 17:18:36 -07:00
Łukasz Mierzwa
2509704190 feat(ui): allow configuring default collapse state for alert groups 2019-04-03 14:56:59 -07:00
Łukasz Mierzwa
e2be71d458 feat(ui): collapse alert groups on mobile by default 2019-04-01 21:00:51 -07:00
Łukasz Mierzwa
c74d697596 refactor(ui): add background color to the alert group title
Right now the title and the body blends together in the UI, add background color to make it easier to show where title bar ends and where the alert body starts
2019-03-27 19:25:01 -07:00
Łukasz Mierzwa
4a751843fb fix(ui): shared silences is now a list
API changed, so UI needs to follow
2019-03-15 11:26:46 +00:00
Łukasz Mierzwa
a642dd7aff fix(ui): add margin around silence fallback 2019-03-15 11:25:30 +00:00
Łukasz Mierzwa
bd0a32ec8a chore(ui): hide annotation details only when clicking on the - icon
This changes handling of annotation hide/show clicks. Right now annotation details are toggled when anything inside the annotation div is clicked. With this change showing annotation details stays the same (click anywhere), but hiding those details only works when clicking the minus icon. A tooltip was added and cursor changes to pointer only when hoovering over clickable elements.

Fixes #518
2019-03-13 18:06:15 +00:00
Łukasz Mierzwa
6f24026ae0 fix(ui): update grid after long silence is truncated
Ensures that grid is always packed correctly, since truncating silence comment can alter the size of alert group card
2019-03-08 20:10:57 +00:00