357 Commits

Author SHA1 Message Date
Ł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
Łukasz Mierzwa
fcd3216313 fix(ui): ensure that filter input labels are truncated if too long
Tooltip component creates a div element which is currently missing mw-100 (and others) so it can be bigger than the wrapping label span
2019-04-08 21:52:14 +01:00
Łukasz Mierzwa
7957aacc68 fix(ui): cleanup filter input css classes
Text is not aligned properly on macOS/chrome and spinner for unapplied filters is moved to the top
2019-04-07 18:43:02 +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
dfe9cb1426 fix(tests): mock fetch for LabelValueInput tests
Gettings lots of nodejs warnings about unhandled fetch errors due to lack of mocks for suggestion fetch requests, add mocks to supress those
2019-04-03 14:56:59 -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
549b5c2310 feat(ui): show progress indicators for silence form matchers 2019-04-02 17:12:46 -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
07566c9e87 fix(ui): remove padding from the spinner
When filter is not yet applied we draw a spinner icon that uses badge class on the parent element, remove padding from parent so we don't end up resizing parent
2019-03-26 22:04:37 -07:00
Łukasz Mierzwa
d4032ea816 fix(ui): only set custom colors on filters that are applied 2019-03-26 22:03:21 -07:00
Łukasz Mierzwa
7bd9cc641a fix(ui): cleanup filter input css classes 2019-03-26 21:32:48 -07:00
Łukasz Mierzwa
e8d5715e04 fix(ui): use flex for ordering filter elements 2019-03-26 21:11:39 -07:00
Łukasz Mierzwa
baf0890392 feat(ui): hide filter counter value when not needed
Right now counter badge is rendered on every filter instance, but if there's only one filter that counter has the same value as the total alert counter on left side. With this change counter badge will only be rendered if there's a filter with hits != total alert count
2019-03-22 17:02:40 +00:00
Łukasz Mierzwa
f79b655893 chore(ui): use rocket icon on the upgrade screen 2019-03-20 21:54:05 +00:00
Łukasz Mierzwa
3974315ccc feat(ui): add UI toggle for changing autohide settings
This adds a checkbox in the settings form to control if navbar autohide is on or off

Fixes #530
2019-03-15 14:57:27 +00:00
Łukasz Mierzwa
fc334ab4ac feat(ui): add settings for controlling navbar autohide
This allows to control if the navbar should hide on idle or not
2019-03-15 14:57:27 +00:00