-
Notifications
You must be signed in to change notification settings - Fork 8.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[ML] Single metric viewer: Fixes full page refresh behavior. #44884
[ML] Single metric viewer: Fixes full page refresh behavior. #44884
Conversation
Pinging @elastic/ml-ui |
💚 Build Succeeded |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Tested, including IE11, and LGTM
of the horizontal bar below the tab menu elements in its inactive state. */ | ||
.mlTimeSeriesExplorerProgress { background-color: $euiColorEmptyShade; } | ||
.mlTimeSeriesExplorerProgress::-moz-progress-bar { background-color: $euiColorEmptyShade; } | ||
.mlTimeSeriesExplorerProgress::-webkit-progress-bar { background-color: $euiColorEmptyShade; } |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
for scss you may also use the following:
.mlTimeSeriesExplorerProgress::-webkit-progress-bar { background-color: $euiColorEmptyShade; } | |
.mlTimeSeriesExplorerProgress { | |
background-color: $euiColorEmptyShade; | |
&::-moz-progress-bar, &::-webkit-progress-bar { | |
background-color: $euiColorEmptyShade; | |
} | |
} |
hasResults: false, | ||
dataNotChartable: false | ||
...(fullRefresh ? { | ||
chartDetails: undefined, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Component's state is pretty massive, maybe chart related props deserve a dedicated method?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This PR has a note about the history of this file, it's a recent mostly as-is conversion from angularjs to React.
💚 Build Succeeded |
…#44884) Fixes the behavior where a refresh triggered by timefilter would completely reload the page and e.g. reset the visibility and state of the Create rules flyout. The refresh() method now features a fullRefresh flag which defaults to the previous behaviour of a full reload. A full reload still gets triggered e.g. if a user changes the selection in one of the detector or entity dropdowns. A 'soft' refresh using fullRefresh=false is used if timefilter triggers a refresh. To be able to indicate that a 'soft' refresh is going on, a full-width progress bar was added below the tab menu item's horizontal line.
…#44884) Fixes the behavior where a refresh triggered by timefilter would completely reload the page and e.g. reset the visibility and state of the Create rules flyout. The refresh() method now features a fullRefresh flag which defaults to the previous behaviour of a full reload. A full reload still gets triggered e.g. if a user changes the selection in one of the detector or entity dropdowns. A 'soft' refresh using fullRefresh=false is used if timefilter triggers a refresh. To be able to indicate that a 'soft' refresh is going on, a full-width progress bar was added below the tab menu item's horizontal line.
…#45102) Fixes the behavior where a refresh triggered by timefilter would completely reload the page and e.g. reset the visibility and state of the Create rules flyout. The refresh() method now features a fullRefresh flag which defaults to the previous behaviour of a full reload. A full reload still gets triggered e.g. if a user changes the selection in one of the detector or entity dropdowns. A 'soft' refresh using fullRefresh=false is used if timefilter triggers a refresh. To be able to indicate that a 'soft' refresh is going on, a full-width progress bar was added below the tab menu item's horizontal line.
…#45103) Fixes the behavior where a refresh triggered by timefilter would completely reload the page and e.g. reset the visibility and state of the Create rules flyout. The refresh() method now features a fullRefresh flag which defaults to the previous behaviour of a full reload. A full reload still gets triggered e.g. if a user changes the selection in one of the detector or entity dropdowns. A 'soft' refresh using fullRefresh=false is used if timefilter triggers a refresh. To be able to indicate that a 'soft' refresh is going on, a full-width progress bar was added below the tab menu item's horizontal line.
Summary
Part of #42909.
Fixes the behavior where a refresh triggered by
timefilter
would completely reload the page and e.g. reset the visibility and state of theCreate rules
flyout.The
refresh()
method now features afullRefresh
flag which defaults to the previous behaviour of a full reload. A full reload still gets triggered e.g. if a user changes the selection in one of the detector or entity dropdowns. A 'soft' refresh usingfullRefresh=false
is used iftimefilter
triggers a refresh. To be able to indicate that a 'soft' refresh is going on, a full-width progress bar was added below the tab menu item's horizontal line.Checklist
Use
strikethroughsto remove checklist items you don't feel are applicable to this PR.Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n supportDocumentation was added for features that require explanation or tutorialsUnit or functional tests were updated or added to match the most common scenariosThis is legacy code which lacks existing tests. There is a manual release testing plan in place instead for now.This was checked for keyboard-only and screenreader accessibilityFor maintainers