Commit Graph

375 Commits

Author SHA1 Message Date
Ł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