Ł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
942d86a652
fix(ui): redraw alert grid on orientation changes
2019-04-03 22:24:23 -07:00
Łukasz Mierzwa
ed58c3a1eb
fix(ui): reset grid after browser reset
...
Resizing browser window requires reseting the grid, since the number of columns might change. Add event handlers to handle that
2019-04-03 20:23:06 -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
f79b655893
chore(ui): use rocket icon on the upgrade screen
2019-03-20 21:54:05 +00: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
Łukasz Mierzwa
41cca9e501
feat(ui): deduplicate silences
...
If all alerts in a group are silenced and the same silence ID is used for all of them then there's no point in rendering silence object for each of the alerts, since they are all identical. Move the silence rendering to the footer if that happens so we save screen space
2019-03-08 17:41:22 +00:00
Łukasz Mierzwa
e3596dfbf4
feat(ui): truncate silences with long comments
...
Only show first 2 lines of a silence comment by default, the rest should be visible only when silence details are visible
2019-03-07 23:01:11 +00:00
Łukasz Mierzwa
f099ccc0ea
feat(ui): render an indicator icon when alert is inhibited
...
Right now we don't mark inhibted alerts in any way, so they look like silenced alerts with no silence details. Add an icon with tooltip so inhibited alerts can be easily distinguished from silenced onces
2019-03-05 11:02:08 +00:00
Łukasz Mierzwa
a41c07bcee
fix(ui): pass credentials when sending silences to alertmanager
...
Fixes #484
2019-03-01 20:47:36 +00:00
Łukasz Mierzwa
1093b38164
feat(ui): use not-equal operator when user alt+clicks on a label
...
When user clicks on a label we apply a foo=bar filter, this change allows to add a foo!=bar filter by holding Alt key when clicking.
Fixes #485
2019-03-01 19:44:08 +00:00
Łukasz Mierzwa
6ac1d17c18
refactor(ui): use bootstrap utilities for word breaks
...
Using bootstrap means that we don't need to worry about browser compatibility, which in this case means Edge where this wasn't enough
2019-02-24 22:35:39 +00:00
Łukasz Mierzwa
e20f75e09c
fix(ui): use current number of alerts in the count label
...
alertsToRender can be higher than the number of alerts in a group if the number keeps changing. This means we might end up with 'Showing 30/10', so ensuring that we don't show a number higher than the actual group size will make it more accurate
2019-02-23 11:18:44 +00:00
Łukasz Mierzwa
3bd6ebbf3a
feat(ui): use grid sorting settings from the API as defaults
2019-02-20 22:24:54 +00:00
Łukasz Mierzwa
397bbe5783
feat(config): allow configuring label value mapping for sorting
...
This feature solves the problem of sorting by label when values have special meaning and alphabetic sort doesn't make sense for it.
2019-02-18 23:17:47 +00:00
Łukasz Mierzwa
da6368288a
feat(ui): allow sorting alert grid
...
This adds the ability for user to sort the grid of alerts via selected attribute.
UI configuration is provided to setup if timestamps or labels should be used to sort alerts.
2019-02-15 17:23:37 +00:00
Łukasz Mierzwa
f013ec321a
fix(tests): trigger click on the right element
2019-02-06 08:07:10 +00:00
Łukasz Mierzwa
675ec52cac
fix(tests): remove async from tests that don't need it
2019-02-06 07:51:04 +00:00
