Commit Graph

90 Commits

Author SHA1 Message Date
Ł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
a41c07bcee fix(ui): pass credentials when sending silences to alertmanager
Fixes #484
2019-03-01 20:47:36 +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
15f8af9a4a fix(tests): update snapshot after upgrading enzyme
Those extra lines are 2 buttons that should be present: Back and Submit. Not sure why those were missing before, but looks like new enzyme fixes this snapshot test as those are expected.
2019-02-17 09:50:40 +00:00
Łukasz Mierzwa
4100486127 fix(tests): add css classes to react-select components
react-select 2.4 drops role['option'] from Option components, which makes it harder to find those in the DOM while testing. Set classNamePrefix so that all components get extra react-select-* css classes, which allows to easily reference them in tests via enzyme selectors.
2019-02-15 09:51:19 +00:00
Łukasz Mierzwa
bab4c20a27 chore(tests): update snapshots for react-json-pretty 2.0 2019-01-03 18:44:25 +00:00
Łukasz Mierzwa
fd7ece5364 fix(ui): use new import path for react-json-pretty theme
react-json-pretty 2.0 requires a different import path for themes
2019-01-03 18:41:51 +00:00
Łukasz Mierzwa
abd14bb079 fix(test): use correct alertmanager option format in tests 2019-01-01 23:02:29 +00:00
Łukasz Mierzwa
8c80f74487 fix(ui): prevent duplicated Alertmanager input options
Select value is an array, turn it into a string before checking if it's already selected
2019-01-01 23:02:29 +00:00
Łukasz Mierzwa
62db6859ea fix(ui): use new style alertmanager input values 2019-01-01 23:02:29 +00:00
Łukasz Mierzwa
09d1196df0 fix(ui): user alertmanager label as argument for @alertmanager filter 2019-01-01 23:02:29 +00:00
Łukasz Mierzwa
05cefe8177 feat(ui): use bootstrap custom control for checkboxes
This will use bootstrap styled controls instead of native.
https://getbootstrap.com/docs/4.2/components/forms/#switches
2018-12-31 09:06:13 +00:00
Łukasz Mierzwa
6aed0de5df fix(tests): force using UTC so tests don't fail on a non-UTC timezone 2018-12-27 20:24:44 +01:00
Łukasz Mierzwa
7d52626489 fix(ui): send silences only to a single cluster node
Silences are shared by HA cluster members, when submitting a silence to a cluster try each each member but stop after first successful fetch
2018-12-01 17:58:40 +00:00
Łukasz Mierzwa
3a905b748e feat(api): consume Alertmanager cluster id in the UI 2018-12-01 09:57:59 +00:00
Łukasz Mierzwa
fd2e852050 feat(ui): consumer Alertmanager version and cluster members 2018-11-30 18:35:34 +00:00
Łukasz Mierzwa
44e4d90651 chore(ui): react-datepicker 2.0 uses Date instead of moment
Latest react-datepicker no longer accepts moment instances, it uses plain js Date objects instead.
Migrate code to pass props as Date.
2018-11-19 21:40:05 +00:00
Łukasz Mierzwa
6b4fce05e5 refactor(ui): cleanup label color/style selection
Merge into a single function since both className & style are tied together and as such are better of if selected using a single logic. Fixes some minor UI glitches like ellipsis color on truncated labels with custom color
2018-10-26 19:13:37 +01:00
Łukasz Mierzwa
fa6f4b270a chore(ui): update snapshots for react-select 2.1.1 2018-10-24 18:05:14 +01:00
Ł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
8bc2c83de3 refactor(ui): change label style to make the value more visible
Fixes #18
2018-10-15 19:05:49 +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
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
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
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
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
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
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
83aa8b9649 feat(tests): strict validation for props 2018-09-24 15:28:25 +01:00
Łukasz Mierzwa
1b4f611406 feat(ui): animate modals 2018-09-22 15:20:40 +01:00
Łukasz Mierzwa
052d54c9fe fix(ui): render correct link after adding new silence to Alertmanager 2018-09-18 21:48:25 +01:00
Łukasz Mierzwa
c2a1468c51 fix(ui): always pass credentials with fetch()
Fixes #24
2018-09-15 13:22:26 +01:00
Łukasz Mierzwa
756539d744 fix(ui): use publicURI for alertmanager requests in the silence form 2018-09-11 21:03:54 +01:00
Łukasz Mierzwa
f7d5c8a614 fix(tests): add missing props to SilenceModalContent 2018-09-10 22:27:07 +01:00
Łukasz Mierzwa
ebf1dcd43a fix(ui): silence form needs to be reset every time it's hidden 2018-09-09 22:55:21 +01:00
Łukasz Mierzwa
2fa7c8fab9 fix(ui): reset silence form duration on every mount 2018-09-09 20:51:05 +01:00
Łukasz Mierzwa
9c16ffa447 chore(project): rename from unsee to karma
Fixes prymitive/unsee#23
2018-09-09 14:12:26 +01:00
Łukasz Mierzwa
a3b906cb20 refactor(tests): use diffable HTML for all snapshot tests 2018-09-09 11:12:00 +01:00