Commit Graph

36 Commits

Author SHA1 Message Date
Łukasz Mierzwa
655f244f1b refactor(ui): use button instead of a badge for filter elements 2019-04-30 14:08:36 +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
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
Ł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
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
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
1093b38164 feat(ui): use not-equal operator when user alt+clicks on a label
When user clicks on a label we apply a foo=bar filter, this change allows to add a foo!=bar filter by holding Alt key when clicking.

Fixes #485
2019-03-01 19:44:08 +00:00
Łukasz Mierzwa
21bc57bc24 fix(ui): use correct classes for not yet applied filters 2018-10-26 22:55:26 +01: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
8bc2c83de3 refactor(ui): change label style to make the value more visible
Fixes #18
2018-10-15 19:05:49 +01:00
Łukasz Mierzwa
8bd27f8ff7 feat(ui): add tooltips to clickable components 2018-10-07 13:14:45 +01:00
Łukasz Mierzwa
6d44e9bb02 feat(ui): preview affected alerts before submitting silence 2018-10-06 17:04:20 +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
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
096b3985a4 chore(tests): migrate tests to enzyme 2018-09-06 22:37:05 +01:00
Łukasz Mierzwa
2ee69f9c08 fix(tests): add missing HistoryLabels tests 2018-09-02 18:09:46 +01:00
Łukasz Mierzwa
10f841c7de refactor(tests): missing test coverage 2018-08-27 15:19:36 +01:00
Łukasz Mierzwa
2f04d61abe refactor(tests): migrate tests to enzyme 2018-08-27 15:19:36 +01:00
Łukasz Mierzwa
5b253c2adc fix(ui): labels in the history menu should render with whatever matcher was used for the filter 2018-08-23 23:59:32 +01:00
Łukasz Mierzwa
b4cbb0d8d5 feat(tests): all label classes are now tested 2018-08-22 19:32:05 +01:00
Łukasz Mierzwa
7d5e957453 refactor(tests): dedup some code, add more label test coverage 2018-08-22 16:22:07 +01:00
Łukasz Mierzwa
56a2a147ca feat(test): add BaseLabel tests 2018-08-22 12:27:07 +01:00
Łukasz Mierzwa
4069467435 fix(ui): don't use new lines for rgba() style values 2018-08-22 12:22:42 +01:00
Łukasz Mierzwa
86815c95dd feat(test): more test coverage for labels 2018-08-21 20:22:08 +01:00
Łukasz Mierzwa
9d1f15e85c refactor(ui): use new style method definition to avoid bind() calls in constructor 2018-08-10 17:36:00 +01:00
Łukasz Mierzwa
5d1084b8e7 fix(ui): better close button align on filters 2018-08-10 17:36:00 +01:00
Łukasz Mierzwa
9baeab3d53 fix(ui): fix rendering fuzzy filter rendering in the history 2018-08-10 17:36:00 +01:00
Łukasz Mierzwa
ad87e56bdd feat(ui): allow editing filters in place 2018-07-19 23:38:11 +02:00
Łukasz Mierzwa
801e76f9ae refactor(ui): move settings keys in the API response to a namespace 2018-07-19 23:38:11 +02:00
Łukasz Mierzwa
e8fcaf1e27 feat(ui): filter history menu 2018-07-19 23:38:11 +02:00
Łukasz Mierzwa
a4a20ea3ef feat(ui): new UI written in React 2018-07-19 23:38:11 +02:00