Ł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
acc14d37a9
fix(ui): don't hide the navbar on idle when updates are paused
...
Updates are now paused when editing filters, so we shouldn't try to hide the entire navbar (including edited filter) when that happens
2019-06-10 23:14:12 +01:00
Łukasz Mierzwa
f2c24edff9
fix(ui): check for string className when handling clicks in filter input
...
For SVG elements there might be no className attribute so split() might raise an exception
2019-06-10 23:13:07 +01:00
Łukasz Mierzwa
ed379a0600
feat(ui): pause updates while a filter is being edited
2019-06-10 18:50:03 +01:00
Łukasz Mierzwa
e1782df1a7
chore(ui): use FontAwesome icon instead of 'x' for FilterInputLabel
2019-06-07 14:22:42 +01:00
Renovate Bot
bc1d540da7
fix(deps): update dependency react-select to v3.0.4
2019-06-02 22:53:30 +01:00
Łukasz Mierzwa
4465808287
fix(ui): apply correct font color to filter input labels
...
Bootstrap classes for.btn are getting priorioty so the text is always black, even when background color is dark
2019-06-01 14:17:37 +01:00
Łukasz Mierzwa
3839d531e4
fix(ui): allow any string as silence author, not just email
...
Alertmanager doesn't restrict this field, so no need to force an email there.
Fixes #741
2019-05-30 23:08:13 +01:00
Łukasz Mierzwa
92a7c8c847
fix(ui): migrate to react-select v3
2019-05-27 16:50:30 +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
78660cd374
feat(ui): animate alert counter on changes
2019-05-12 11:09:34 +01:00
Łukasz Mierzwa
c374d627e6
fix(ui): matcher badge and close icon css fixes
...
Counter badge is misaligned, fix it by setting line-height.
Close icon border padding is different than parent, ensure it's inherited to avoid mismatch
2019-05-11 23:29:56 +01:00
Łukasz Mierzwa
e2dc16b1b2
fix(ui): remove pointless prop definition
...
It's defined on Tooltip instead of the wrapper and it's not needed
2019-05-11 18:51:28 +01:00
Łukasz Mierzwa
eb1181cd70
feat(ui): lazy load modals
...
This uses React code splitting to only load modal content components if they are used - all modal components will be loaded the first time user open a modal, rather than on initial page load
2019-05-11 18:38:54 +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
1a106a0de7
fix(ui): use rem as unit for badge-pill in the group header
2019-05-08 15:26:50 +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
c298a6cd69
fix(ui): delay initial fetch until browser is idle
...
Right now the very fist fetch() happens right after Fetcher instance is created, which might be while a lot of other components are still being created. Wrap it inside requestAnimationFrame so it's executed once the browser is (fairly) idle
2019-05-04 22:48:40 +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
c932ae8d50
fix(ui): bump the font size for filters
2019-05-02 12:46:36 +01:00
Łukasz Mierzwa
e0311da8cf
fix(ui): fix styling of the close icon on filter input button
2019-04-30 23:28:56 +01:00
Łukasz Mierzwa
655f244f1b
refactor(ui): use button instead of a badge for filter elements
2019-04-30 14:08:36 +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
f6eee6b01d
fix(ui): re-add fetch polyfill for older browsers
2019-04-25 12:54:06 +01:00
Łukasz Mierzwa
5a3094774b
fix(ui): add missing margin to filter input label with no counter
2019-04-25 10:35:53 +01:00
Łukasz Mierzwa
0ba8334df9
fix(ui): provide empty css file to import instead of Google fonts
2019-04-24 23:11:05 +01:00
Łukasz Mierzwa
a93c6b254c
fix(ui): drop whatwg-fetch import as it's included in react-app-polyfill
2019-04-24 22:06:23 +01:00
Łukasz Mierzwa
1b5d856a21
refactor(ui): use react-app-polyfill instead of @babel/polyfill
...
CRA 3.0 depracates babel/polyfill, react-app-polyfill is the new recommended pollyfill package.
Remove IE from the list of supported browsers and drop polyfills for it since doesn't work anyway - Proxy support in ES is required for mobx 5.x and that cannot be polyfilled.
2019-04-24 22:03:45 +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
Renovate Bot
abd85362a5
fix(deps): update dependency react-select to v2.4.3
2019-04-17 10:21:03 +01:00
Łukasz Mierzwa
389ab04a40
fix(ui): ensure that all filter bar label indicators use badge class
2019-04-16 14:14:19 +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