Disable task by type filters when filter bar labels are active
What does this MR do?
This MR is part of #217943 (closed), once the VSA filte bar is active, we will be able to search by label from there. If labels are selected in the filter bar, then the tasks by type chart should be updated to disable it's label search. Additionally an message should dispay to users when they hover over the label filters. This MR:
- Adds a
canSelectLabels
boolean property to thetype_of_work_charts.vue
component - Adds a
inactive
boolean property to the labels selector - When
inactive=true
for the label selector it will:- Disable a message on hover in a pop up
- Disable interaction with the label selector
- Set the opactiy to 0.3 for the label selector
NOTE: the filter bar is behind the value_stream_analytics_filter_bar
feature flag
Screenshots
no filter bar labels selected | with filter bar labels |
---|---|
Does this MR meet the acceptance criteria?
Conformity
-
Changelog entry -
Documentation (if required) -
Code review guidelines -
Merge request performance guidelines -
Style guides -
Database guides -
Separation of EE specific content
Availability and Testing
-
Review and add/update tests for this feature/bug. Consider all test levels. See the Test Planning Process. -
Tested in all supported browsers -
Informed Infrastructure department of a default or new setting change, if applicable per definition of done
Security
If this MR contains changes to processing or storing of credentials or tokens, authorization and authentication methods and other items described in the security review guidelines:
-
Label as security and @ mention @gitlab-com/gl-security/appsec
-
The MR includes necessary changes to maintain consistency between UI, API, email, or other methods -
Security reports checked/validated by a reviewer from the AppSec team
Related to #217943 (closed)
Edited by Ezekiel Kigbo