Łukasz Mierzwa
a85f3810aa
fix(ui): move ul to a dedicated div to prevent bottom border
...
The way list-group-flush is styled any extra element on the ul level seems to be causing top/bottom borders to show up, move it under a dedicated div to prevent that from happening, with list-group-flush we want borders only between label set elements
2018-10-16 18:43:16 +01:00
Łukasz Mierzwa
cd29ae431e
refactor(ui): use flex instead of float in alert group header
2018-10-15 19:05:49 +01:00
Łukasz Mierzwa
8bc2c83de3
refactor(ui): change label style to make the value more visible
...
Fixes #18
2018-10-15 19:05:49 +01:00
Łukasz Mierzwa
bbd9edab26
refactor(ui): speed up updates with large number of alerts
...
Comparing group dicts with large number of alerts is expensive, doing it per group and using hash checks will speed up updates, especially when alerts don't change often
2018-10-14 12:09:38 +01:00
Łukasz Mierzwa
ba3a572604
feat(ui): add tooltips to silence matcher counters
2018-10-11 12:23:22 +01:00
Łukasz Mierzwa
a0cca7f049
chore(ui): tweak affected alerts preview
2018-10-11 11:50:16 +01:00
Łukasz Mierzwa
96acb5bbfe
fix(ui): fix silence form reset callbacks
...
resetProgress() should only be called *after* form is hidden, doing it before will cause it to re-render with UserInput stage which will trigger autocomplete requests
2018-10-11 10:25:31 +01:00
Łukasz Mierzwa
3fb4feb731
feat(ui): allow passing extra props down to modal transition
2018-10-11 10:24:35 +01:00
Łukasz Mierzwa
8d7561cee6
feat(ui): paginate long preview lists
2018-10-10 22:41:05 +01:00
Łukasz Mierzwa
909d5a13b3
fix(ui): don't try to enable scrolling on unmounted modal
...
when we call enableBodyScroll() .modal instance is already gone, which causes crashes on touch enabled devices
2018-10-09 19:44:20 +01:00
Łukasz Mierzwa
7a9168a606
fix(tests): drop broken test
...
Throwing errors in CI, not very useful, drop it for now
2018-10-08 23:32:50 +01:00
Łukasz Mierzwa
66d9bba680
feat(ui): allow deleting silences (with preview)
2018-10-08 23:15:27 +01:00
Łukasz Mierzwa
01c108fd41
refactor(ui): move label list preview to a dedicated component
...
This will be reused in delete confirmation modal
2018-10-08 23:02:39 +01:00
Łukasz Mierzwa
f03887b56c
feat(api): add @silence_id filter
...
This allows to filter alerts by silence ID, only matches silenced alerts
2018-10-08 23:02:38 +01:00
Łukasz Mierzwa
7adf1bbfd5
refactor(ui): move common modal code to a dedicated component
2018-10-08 21:54:22 +01:00
Łukasz Mierzwa
8bd27f8ff7
feat(ui): add tooltips to clickable components
2018-10-07 13:14:45 +01:00
Łukasz Mierzwa
483bef8729
feat(ui): add a tooltip component
2018-10-07 13:14:45 +01:00
Łukasz Mierzwa
89bcafda3c
fix(ui): reset silenceID to null when creating silence from group
2018-10-07 10:29:11 +01:00
Łukasz Mierzwa
6b08fc88cc
refactor(ui): drop alert count from silence preview
...
This will be confusing since we deduplicate receivers, drop the count and more info
2018-10-06 19:26:35 +01:00
Łukasz Mierzwa
6d44e9bb02
feat(ui): preview affected alerts before submitting silence
2018-10-06 17:04:20 +01:00
Łukasz Mierzwa
cfb56c65ea
refactor(ui): rename SilencePreview to PayloadPreview
2018-10-06 13:42:19 +01:00
Łukasz Mierzwa
8b8a7fb813
feat(ui): silence match preview should use selected Alertmanagers
...
Counter should use selected Alertmanager instances, rather than match all alerts from all instances
2018-10-06 13:34:37 +01:00
Łukasz Mierzwa
57017fa7b9
feat(ui): show number of hits for each matcher in silence form
2018-10-06 12:54:42 +01:00
Łukasz Mierzwa
e6b9041b01
refactor(ui): split silence modal files into submodules
...
Too many files in a single dir
2018-10-06 09:26:08 +01:00
Łukasz Mierzwa
fb5c38b528
fix(ui): set high z-index on react-select dropdown menu
...
It's currently 1 which is the same as buttons on the calendar picker used in the silence form, dropdown needs to have higher value
2018-10-05 22:44:17 +01:00
Łukasz Mierzwa
a20334aa59
chore(ui): add link icon to Alertmanager link in alert menu
2018-10-05 20:21:36 +01:00
Łukasz Mierzwa
19642a553f
fix(ui): use more compatible body style setter
...
This works on Firefox 33, style[] syntax is only supported for FF >=35
2018-10-05 08:22:54 +01:00
Łukasz Mierzwa
721be6c825
fix(ui): polyfill fetch()
...
This allows it to run on all browsers from the browserslist config
2018-10-04 22:10:44 +01:00
Łukasz Mierzwa
82f7fbcc49
fix(ui): add polyfill for es2015+ features for older browsers
2018-10-04 20:11:32 +01:00
Łukasz Mierzwa
66588d10d3
chore(ui): better modal animation, based on bootstrap code
2018-10-04 19:39:29 +01:00
Łukasz Mierzwa
350823c16b
chore(tests): update snapshots for react-select 2.1 version bump
2018-10-03 18:19:55 +01:00
Łukasz Mierzwa
7243cfc149
fix(ui): don't use a for elements without href
2018-10-03 11:14:45 +01:00
Łukasz Mierzwa
4e3635bc98
fix(tests): reset mocks between tests
...
Ensures that tests don't rely on previous tests mocking things
2018-10-03 10:16:31 +01:00
Łukasz Mierzwa
093dce1a58
fix(tests): new jsdom mocks localStorage, no need to provide a mock
...
This also needs to be mocked a little different: https://github.com/facebook/jest/issues/6798#issuecomment-412871616
2018-10-03 10:16:31 +01:00
Łukasz Mierzwa
699e2bafa8
fix(ui): fixing tests that stopped working with rca 2.0
2018-10-03 09:34:39 +01:00
Łukasz Mierzwa
e3c43453ea
chore(ui): use react-scripts 2.0 support for sass
2018-10-03 09:34:39 +01:00
Łukasz Mierzwa
af6c166259
feat(ui): allow editing exiting silences
...
Fixes #87
2018-10-01 21:26:51 +01:00
Łukasz Mierzwa
090d73350c
refactor(colors): move font color selection to the fronted
...
Right now backend sends both background and font color information, refactor to send background color and background brightness level (needed to pick font color) and let UI apply font color. Needed to implement #18
2018-09-30 13:50:21 +01:00
Łukasz Mierzwa
32f3ed4f60
fix(ui): break long words in annotations
2018-09-30 13:40:29 +01:00
Łukasz Mierzwa
455cb288ca
fix(tests): alert.alertmanager doesn't have uri key
2018-09-30 09:23:43 +01:00
Łukasz Mierzwa
bfa021aabf
fix(ui): don't let multiple exceptions set multiple timers
...
As reported via #77 countdown timer might be updated more often than 1s since we don't protect against multiple setInterval() calls, add a check
2018-09-28 00:02:10 +01:00
Łukasz Mierzwa
83aa8b9649
feat(tests): strict validation for props
2018-09-24 15:28:25 +01:00
Łukasz Mierzwa
ce92c89076
fix(ui): switch to fade animation on navbar, hook to correct show event
2018-09-23 19:17:33 +01:00
Łukasz Mierzwa
843118176f
fix(ui): better navbar hiding when idle
...
Don't destroy navbar since modals are mounted on it + update visibility after transition so animations work as expected
2018-09-23 12:23:29 +01:00
Łukasz Mierzwa
bdbffd151f
feat(ui): use different idle value for desktop and mobile
...
Very simple version, no resize handling, but it will cover 95% cases
2018-09-22 20:59:46 +01:00
Łukasz Mierzwa
cc01e07726
feat(ui): animate navbar show/hide
2018-09-22 20:18:34 +01:00
Łukasz Mierzwa
9e72198efe
feat(ui): animate dropdown menus
2018-09-22 15:20:40 +01:00
Łukasz Mierzwa
285e1e98ac
feat(ui): add a dropdown animation
2018-09-22 15:20:40 +01:00
Łukasz Mierzwa
1b4f611406
feat(ui): animate modals
2018-09-22 15:20:40 +01:00
Łukasz Mierzwa
cff4528567
refactor(ui): move animations to a dedicated component
2018-09-22 12:59:44 +01:00
Łukasz Mierzwa