Skip to content
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

Add capability to collapse all grouping in topology view #6009

Merged

Conversation

jeff-phillips-18
Copy link
Member

Fixes:
https://issues.redhat.com/browse/ODC-4316

Description:
As a developer, I want to view all my “Grouped Resources” (Application Groups, Helm Releases, Knative Services, Operator Backed Services)as collapsed groupings in the Topology Graph View

Screen shots / Gifs for design review:

image

image

Browser conformance:

  • Chrome
  • Firefox
  • Safari
  • Edge

cc @openshift/team-devconsole-ux @serenamarie125 @beaumorley @bgliwa01

/kind feature

@openshift-ci-robot openshift-ci-robot added the kind/feature Categorizes issue or PR as related to a new feature. label Jul 16, 2020
@openshift-ci-robot openshift-ci-robot added component/knative Related to knative-plugin component/kubevirt Related to kubevirt-plugin labels Jul 16, 2020
@christianvogt
Copy link
Contributor

@beaumorley is there a design for this feature somewhere?

I don't like how the filters become disabled. Furthermore there was discussion in the past about adding individual expand / collapses buttons on the nodes themselves which would conflict with what's shown here.

Giving the user the ability to expand or collapse all and then modify from that state would make sense.

@jeff-phillips-18
Copy link
Member Author

Copy link

@bgliwa01 bgliwa01 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

{expandFilters.length && (
<div className="odc-topology-filter-dropdown__group">
<span
key="expand-groups-switch"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

key isn't required here.

>
<span className="pf-c-select__menu-group-title">Expand</span>
<Switch
id="groups-collapse-switch"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove id attribute.

Comment on lines 47 to 48
filters: DisplayFilters,
groupsExpanded?: boolean,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why isn't groupsExpanded just another type of display filter?
I was thinking that any display options could be handled the same way.

Then hide the usage behind a single hook which can fetch the expand display filter and only if the expand filter is true does it fetch the individual expand filter.

const isExpanded = useExpand(MY_DISPLAYFILTER);

@christianvogt
Copy link
Contributor

/lgtm
/approve

@openshift-ci-robot openshift-ci-robot added the lgtm Indicates that a PR is ready to be merged. label Jul 24, 2020
@openshift-ci-robot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: bgliwa01, christianvogt, jeff-phillips-18

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@openshift-ci-robot openshift-ci-robot added the approved Indicates a PR has been approved by an approver from all required OWNERS files. label Jul 24, 2020
@openshift-merge-robot openshift-merge-robot merged commit 79bc13f into openshift:master Jul 24, 2020
@spadgett spadgett added this to the v4.6 milestone Jul 28, 2020
@jeff-phillips-18 jeff-phillips-18 deleted the collapse-groupings branch December 2, 2020 13:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
approved Indicates a PR has been approved by an approver from all required OWNERS files. component/dev-console Related to dev-console component/knative Related to knative-plugin component/kubevirt Related to kubevirt-plugin kind/feature Categorizes issue or PR as related to a new feature. lgtm Indicates that a PR is ready to be merged.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

6 participants