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

[UI/UX] Toolbar page actions #14275

Open
wants to merge 86 commits into
base: 5.x
Choose a base branch
from

Conversation

andersonjeccel
Copy link
Contributor

@andersonjeccel andersonjeccel commented Nov 20, 2024

Q A
Bug fix? (use the a.b branch) 🔴
New feature/enhancement? (use the a.x branch) 🟢
Deprecations? 🔴
BC breaks? (use the c.x branch) 🔴
Automated tests included? 🔴
Related user documentation PR URL mautic/user-documentation#...
Related developer documentation PR URL mautic/developer-documentation-new#...
Issue(s) addressed Fixes #...

Description

This PR groups related elements together to follow UX best practices.

When working on a details page, it makes sense to have a page header containing actions for the current resource (e.g. Edit action, to edit the current form, for example).

Maybe not that much for a page that lists several resources for the same thing... In a first moment, you might look at the current state of our index pages and think that they look good.

image

but what if we add a widget to show a chart about your lead generation? what would be the "New" page action for, creating a contact or adding a new widget?

as we think about making the listing pages more attractive, is inevitable to consider adding content that creates a relationship with everything else you do in Mautic everyday

Placing the page actions on the toolbar specifically for listing pages aim to address this case, allowing us to keep developing content to make the tool get increasingly better without causing confusion to our users

image


📋 Steps to test this PR:

  1. Open this PR on Gitpod or pull down for testing locally (see docs on testing PRs here)
  2. Open Contacts and have a look at the list toolbar, also interact
  3. Repeat for all other listing pages

This reverts commit b6aa467.
commit 007b788
Merge: a3a97a1 f2791bf
Author: Anderson, from Dropsolid <[email protected]>
Date:   Fri Oct 4 15:12:56 2024 -0300

    Merge remote-tracking branch 'upstream/5.x' into ui-remove-search-help-from-list-toolbar

commit a3a97a1
Merge: b1ec3d1 93db721
Author: Anderson, from Dropsolid <[email protected]>
Date:   Wed Sep 18 15:30:42 2024 -0300

    Merge remote-tracking branch 'upstream/5.x' into ui-remove-search-help-from-list-toolbar

commit b1ec3d1
Author: andersonjeccel <[email protected]>
Date:   Thu Jul 11 15:45:28 2024 -0300

    searchHelp entries

commit e6eac73
Author: andersonjeccel <[email protected]>
Date:   Thu Jul 11 15:39:22 2024 -0300

    translations

commit d9146e8
Author: andersonjeccel <[email protected]>
Date:   Thu Jul 11 15:38:43 2024 -0300

    toolbar
This reverts commit 90c2e6f.
@andersonjeccel andersonjeccel self-assigned this Nov 20, 2024
@andersonjeccel andersonjeccel added T1 Low difficulty to fix (issue) or test (PR) user-interface Anything related to appearance, layout, and interactivity ready-to-test PR's that are ready to test code-review-needed PR's that require a code review before merging user-experience Anything related to related to workflows, feedback, and navigation enhancement Any improvement to an existing feature or functionality labels Nov 20, 2024
@andersonjeccel andersonjeccel added this to the 5.2 milestone Nov 20, 2024
@andersonjeccel
Copy link
Contributor Author

@abhisekmazumdar some changes to structure made e2e tests fail :)

@jos0405
Copy link
Contributor

jos0405 commented Nov 21, 2024

I would expect, that the live view works like a toggle. But actually I don't know if it's on.

@jos0405
Copy link
Contributor

jos0405 commented Nov 21, 2024

Perfect, couldn't as for more.
image

Copy link
Contributor

@jos0405 jos0405 left a comment

Choose a reason for hiding this comment

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

Works really nice. Good change.

@jos0405 jos0405 added pending-test-confirmation PR's that require one test before they can be merged and removed ready-to-test PR's that are ready to test labels Nov 21, 2024
Copy link
Contributor

@shinde-rahul shinde-rahul left a comment

Choose a reason for hiding this comment

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

Code changes LGTM!!!

Thanks, @andersonjeccel, for this facelift. I loved the new look.

@shinde-rahul shinde-rahul added code-review-passed PRs which have passed code review and removed code-review-needed PR's that require a code review before merging labels Nov 22, 2024
Copy link
Member

@kuzmany kuzmany left a comment

Choose a reason for hiding this comment

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

Did basic tests, works for me 👍 Good job

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
code-review-passed PRs which have passed code review enhancement Any improvement to an existing feature or functionality pending-test-confirmation PR's that require one test before they can be merged T1 Low difficulty to fix (issue) or test (PR) user-experience Anything related to related to workflows, feedback, and navigation user-interface Anything related to appearance, layout, and interactivity
Projects
Status: ⏳︎ Needs 1 more test
Status: In Progress
Development

Successfully merging this pull request may close these issues.

5 participants