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

Bug 1830312: Remove Filter button - Search Page #5346

Closed
wants to merge 1 commit into from

Conversation

zherman0
Copy link
Member

@zherman0 zherman0 commented May 7, 2020

Removed the filter button in results section of the search. BZ1830312
Now:
Screenshot_2020-05-15 Search · OKD(1)
Before:
Screenshot_2020-05-15 Installed Operators · OKD

@openshift-ci-robot
Copy link
Contributor

@zherman0: This pull request references Bugzilla bug 1830312, which is valid. The bug has been moved to the POST state. The bug has been updated to refer to the pull request using the external bug tracker.

3 validation(s) were run on this bug
  • bug is open, matching expected state (open)
  • bug target release (4.5.0) matches configured target release for branch (4.5.0)
  • bug is in the state ASSIGNED, which is one of the valid states (NEW, ASSIGNED, ON_DEV, POST, POST)

In response to this:

Bug 1830312: Remove Filter button and Move Create - Search Page

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

@openshift-ci-robot openshift-ci-robot added bugzilla/severity-unspecified Referenced Bugzilla bug's severity is unspecified for the PR. bugzilla/valid-bug Indicates that a referenced Bugzilla bug is valid for the branch this PR is targeting. labels May 7, 2020
@openshift-ci-robot openshift-ci-robot added component/core Related to console core functionality and removed bugzilla/severity-unspecified Referenced Bugzilla bug's severity is unspecified for the PR. labels May 7, 2020
@openshift-ci-robot
Copy link
Contributor

@zherman0: This pull request references Bugzilla bug 1830312, which is valid.

3 validation(s) were run on this bug
  • bug is open, matching expected state (open)
  • bug target release (4.5.0) matches configured target release for branch (4.5.0)
  • bug is in the state POST, which is one of the valid states (NEW, ASSIGNED, ON_DEV, POST, POST)

In response to this:

Bug 1830312: Remove Filter button and Move Create - Search Page

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

@openshift-ci-robot openshift-ci-robot added the bugzilla/severity-low Referenced Bugzilla bug's severity is low for the branch this PR is targeting. label May 7, 2020
@zherman0
Copy link
Member Author

zherman0 commented May 7, 2020

@bmignano @benjaminapetersen - Ready for review

@zherman0
Copy link
Member Author

zherman0 commented May 7, 2020

/retest

docker image issue - retesting

@zherman0
Copy link
Member Author

zherman0 commented May 7, 2020

@bipuladh @jeff-phillips-18 - Adding you guys since you were recently working in this code

@zherman0
Copy link
Member Author

zherman0 commented May 8, 2020

/retest

@jeff-phillips-18
Copy link
Member

Developer perspective for UX review:

image

image

@openshift/team-devconsole-ux

@bmignano
Copy link

bmignano commented May 8, 2020

This is looking great, thanks Zac! Not sure about the alignment of the pin link and button on mobile view for dev side though. Maybe they should all be left aligned. Thoughts @beaumorley ? Otherwise, LGTM!

FYI @beanh66 @gdoyle1 @jcaianirh

@gdoyle1
Copy link

gdoyle1 commented May 8, 2020

Spoke with @jeff-phillips-18 and saw that the two buttons will overlap on Dev side before the nav hides at tablet screen size. Can we bump both of the buttons down so they are still inline but underneath and left-aligned with the title at that point? And when the nav hides, we can move them back inline with the title? We'd do the same thing on the admin side @zherman0 with the "create" button.
Mocks:
-Dev-
OPENSHIFT-DEV  Search tablet
-Admin-
OPENSHIFT-ADMIN  Search tablet

@jeff-phillips-18 On mobile, when those buttons start overlapping again, can we combine them into a kebab? Hopefully that would allow it to also sit on the same line as the title. @zherman0 We'd want the Create button to continue to fall below the title and be left-aligned.
Mocks:
-Dev-
OPENSHIFT-DEV  Search mobile OPENSHIFT-DEV  Search mobile click
-Admin-
OPENSHIFT-ADMIN  Search mobile

@bmignano @beaumorley Please let me know your thoughts on this!

@zherman0
Copy link
Member Author

zherman0 commented May 8, 2020

@gdoyle1 @jeff-phillips-18 - Let's do the dev-console mobile alignment and the kebab work as a following on bug or feature in 4.6.

@zherman0 zherman0 force-pushed the search2 branch 2 times, most recently from d1b6252 to b545382 Compare May 8, 2020 21:38
@zherman0
Copy link
Member Author

zherman0 commented May 8, 2020

/test images

@zherman0
Copy link
Member Author

/retest

503 Service Unavailable error

@zherman0
Copy link
Member Author

/assign @benjaminapetersen

@spadgett
Copy link
Member

@gdoyle1 @jeff-phillips-18 - Let's do the dev-console mobile alignment and the kebab work as a following on bug or feature in 4.6.

We need to do something with mobile layout in 4.5 or defer the entire change since it looks broken. Not necessarily a kebab, but something. We shouldn't knowingly introduce a layout bug in 4.5.

@openshift-ci-robot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: zherman0
To complete the pull request process, please assign benjaminapetersen
You can assign the PR to them by writing /assign @benjaminapetersen in a comment when ready.

The full list of commands accepted by this bot can be found 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

frontend/public/components/search.tsx Outdated Show resolved Hide resolved
frontend/public/components/search.tsx Outdated Show resolved Hide resolved
frontend/public/components/search.tsx Outdated Show resolved Hide resolved
frontend/public/components/factory/list-page.jsx Outdated Show resolved Hide resolved
frontend/public/components/factory/list-page.jsx Outdated Show resolved Hide resolved
frontend/public/components/search.tsx Outdated Show resolved Hide resolved
frontend/public/components/search.tsx Outdated Show resolved Hide resolved
@bmignano
Copy link

@gdoyle1 @jeff-phillips-18 - Let's do the dev-console mobile alignment and the kebab work as a following on bug or feature in 4.6.

We need to do something with mobile layout in 4.5 or defer the entire change since it looks broken. Not necessarily a kebab, but something. We shouldn't knowingly introduce a layout bug in 4.5.

@spadgett Can we left align like @gdoyle1 suggested above for tablet views? I think it could be a fine interim approach for mobile as well.

@spadgett
Copy link
Member

@spadgett Can we left align like @gdoyle1 suggested above for tablet views? I think it could be a fine interim approach for mobile as well.

Works for me :)

@zherman0 zherman0 changed the title Bug 1830312: Remove Filter button and Move Create - Search Page Bug 1830312: Remove Filter button - Search Page May 15, 2020
@openshift-ci-robot
Copy link
Contributor

@zherman0: This pull request references Bugzilla bug 1830312, which is valid.

3 validation(s) were run on this bug
  • bug is open, matching expected state (open)
  • bug target release (4.5.0) matches configured target release for branch (4.5.0)
  • bug is in the state POST, which is one of the valid states (NEW, ASSIGNED, ON_DEV, POST, POST)

In response to this:

Bug 1830312: Remove Filter button - Search Page

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

3 similar comments
@openshift-ci-robot
Copy link
Contributor

@zherman0: This pull request references Bugzilla bug 1830312, which is valid.

3 validation(s) were run on this bug
  • bug is open, matching expected state (open)
  • bug target release (4.5.0) matches configured target release for branch (4.5.0)
  • bug is in the state POST, which is one of the valid states (NEW, ASSIGNED, ON_DEV, POST, POST)

In response to this:

Bug 1830312: Remove Filter button - Search Page

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

@openshift-ci-robot
Copy link
Contributor

@zherman0: This pull request references Bugzilla bug 1830312, which is valid.

3 validation(s) were run on this bug
  • bug is open, matching expected state (open)
  • bug target release (4.5.0) matches configured target release for branch (4.5.0)
  • bug is in the state POST, which is one of the valid states (NEW, ASSIGNED, ON_DEV, POST, POST)

In response to this:

Bug 1830312: Remove Filter button - Search Page

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

@openshift-ci-robot
Copy link
Contributor

@zherman0: This pull request references Bugzilla bug 1830312, which is valid.

3 validation(s) were run on this bug
  • bug is open, matching expected state (open)
  • bug target release (4.5.0) matches configured target release for branch (4.5.0)
  • bug is in the state POST, which is one of the valid states (NEW, ASSIGNED, ON_DEV, POST, POST)

In response to this:

Bug 1830312: Remove Filter button - Search Page

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

@zherman0
Copy link
Member Author

@spadgett - I updated this PR to simply remove the filter button that shows on ListPages when displayed in the search results. I will open another PR to move the Create button FYI @bmignano @jeff-phillips-18

@openshift-ci-robot
Copy link
Contributor

@zherman0: The following test failed, say /retest to rerun all failed tests:

Test name Commit Details Rerun command
ci/prow/frontend ac80620 link /test frontend

Full PR test history. Your PR dashboard. Please help us cut down on flakes by linking to an open issue when you hit one in your PR.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository. I understand the commands that are listed here.

Copy link
Contributor

@bipuladh bipuladh left a comment

Choose a reason for hiding this comment

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

This would not fix https://bugzilla.redhat.com/show_bug.cgi?id=1835348
https://github.com/openshift/console/pull/5346/files#diff-250131ae4d03b64ce9bae143cec0b46aL295
This line is not supporting hideNameFilter. We initially hid it when this was set. The recent move to DataToolbar probably lost this prop being applied there.
If we could make it something like
chips={nameFilter && && !hideNameFilter && nameFilter.length > 0 ? [nameFilter] : []}
The issue pointed out in the BZ would go away.

@@ -79,6 +80,7 @@ export class ListPageWrapper_ extends React.PureComponent {
textFilter={textFilter}
hideNameFilter={hideNameFilter}
hideLabelFilter={hideLabelFilter}
hideRowFilter={hideRowFilter}
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
hideRowFilter={hideRowFilter}
rowFilters={[]}

I don't find it necessary for us to add a new prop.

Copy link
Contributor

Choose a reason for hiding this comment

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

However, this requires modification in several places as list pages override rowFilters prop.
We could also pass in filters="HIDE_FILTER" so that the row filters get overridden internally.

Copy link
Member Author

Choose a reason for hiding this comment

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

I reopened bz1835348 and we will fix that in a different PR.

Copy link
Contributor

Choose a reason for hiding this comment

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

I have raised a PR for 1835348 #5481. However, I think we should consider using filters props rather than introducing a new prop. :)

@@ -106,6 +108,7 @@ ListPageWrapper_.propTypes = {
customData: PropTypes.any,
hideNameFilter: PropTypes.bool,
hideLabelFilter: PropTypes.bool,
hideRowFilter: PropTypes.bool,
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
hideRowFilter: PropTypes.bool,

@zherman0
Copy link
Member Author

@bipuladh - do you think your PR5481 is going to make this PR obsolete? I would love to just have the one hideToolBar property if it will hide the filter row as well.

@bipuladh
Copy link
Contributor

@bipuladh - do you think your PR5481 is going to make this PR obsolete? I would love to just have the one hideToolBar property if it will hide the filter row as well.

Yes @zherman0 5481 will make this PR obsolete. Since we are removing hideNameFilter and replacing it with hideToolbar. :) Apologies for the late review.

@spadgett
Copy link
Member

spadgett commented May 19, 2020

Replaced by #5481.
/close

We'll look at updating the Create button separately. That's a larger change.

@openshift-ci-robot
Copy link
Contributor

@spadgett: Closed this PR.

In response to this:

Replaced by #5481.
/close

We'll look at updating the Search button separately. That's a larger change.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bugzilla/severity-low Referenced Bugzilla bug's severity is low for the branch this PR is targeting. bugzilla/valid-bug Indicates that a referenced Bugzilla bug is valid for the branch this PR is targeting. component/core Related to console core functionality
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

8 participants