Commit Graph

123 Commits

Author SHA1 Message Date
Łukasz Mierzwa
acae2cb2a5 chore(ui): remove all usage of Provider component 2019-10-30 13:44:18 +00:00
Łukasz Mierzwa
c31917d0b7 chore(ui): avoid using inject in FilteringLabel 2019-10-30 13:35:58 +00:00
Łukasz Mierzwa
f57041988a chore(ui): avoid using inject in RenderNonLinkAnnotation 2019-10-30 13:31:44 +00:00
Łukasz Mierzwa
0bf5ec1b72 chore(ui): avoid using inject in FilteringCounterBadge 2019-10-30 13:29:17 +00:00
Łukasz Mierzwa
2d4e2640b2 chore(ui): avoid using inject in FetchPauser 2019-10-30 13:24:48 +00:00
Łukasz Mierzwa
794607919a feat(ui): experimental dark theme
Very ugly, might be buggy, but need to start somewhere
2019-10-28 18:38:12 +00:00
Łukasz Mierzwa
2c8db31fe5 fix(ui): fix matcher overflowing parent of silence details 2019-10-28 10:38:59 +00:00
Łukasz Mierzwa
a5255d5d16 chore(ui): use pure css instead of react-truncate 2019-10-27 15:27:04 +00:00
Łukasz Mierzwa
3ef58930ad fix(ui): set silence modal tab on edit 2019-10-27 12:35:17 +00:00
Łukasz Mierzwa
16f2d74603 fix(ui): avoid overflows on silence collapse toggle 2019-10-27 11:59:13 +00:00
Łukasz Mierzwa
490e0f43de fix(ui): avoid overflows on silence component 2019-10-27 09:00:03 +00:00
Łukasz Mierzwa
f3572dba61 fix(ui): tweak silence display 2019-10-26 17:46:02 +01:00
Łukasz Mierzwa
96cd8a856b chore(ui): replace Silence usage with ManagedSilence 2019-10-26 17:36:31 +01:00
Łukasz Mierzwa
87efb25cd8 feat(ui): add UI for managing all silences
This change adds a new view mode in the silence modal that allows to browse and edit any silence found in alertmanager upstream.

Fixes #625
2019-10-26 17:36:12 +01:00
Łukasz Mierzwa
1266458505 chore(ui): change alert background on hover 2019-10-22 22:40:22 +01:00
Łukasz Mierzwa
1346237777 fix(project): refactor proxy & external_uri handling
Fixes #1024
2019-10-11 00:10:58 +01:00
Łukasz Mierzwa
16cb976e81 fix(ci): update snapshots after font-awesome upgrade 2019-10-10 16:08:22 +01:00
Ł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
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
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
6b497217d9 fix(backend): remove endsAt from alerts
This is unused but keeps changing
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
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
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
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
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
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
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