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

New design for the site manager #8001

Closed
wants to merge 7 commits into from
Closed

Conversation

mnapoli
Copy link
Contributor

@mnapoli mnapoli commented May 26, 2015

This PR is based on #7960 (new design for forms), do not merge

Implementation of the redesign of the site manager introduced in #7587

For the table I went with a simple "table" design with "less lines" (as it was the main problem with the suggested design). I have implemented an alternative design and will open another pull request about it shortly.

I changed the "global settings" form to match the forms redesign (#7960).

I have also remove the auto-scrolling to the form when we click to edit a site: it was very weird and confusing, especially since now the forms are much "taller" (if not convinced please try it out).

Feedback welcome, screenshots below:

Before

capture d ecran 2015-05-26 a 14 33 56

After

capture d ecran 2015-05-26 a 10 07 24

When editing a site:

edit

Mockup

This is the mockup that was used as a base. As you can see editing a site quite matches the mockup, but the table is far from it (that was intentional based on the feedback in #7587).

@mnapoli mnapoli added Pull Request WIP Indicates the current pull request is still work in progress and not ready yet for a review. not-in-changelog For issues or pull requests that should not be included in our release changelog on matomo.org. c: Design / UI For issues that impact Matomo's user interface or the design overall. Needs Review PRs that need a code review labels May 26, 2015
@mnapoli mnapoli added this to the 2.14.0 milestone May 26, 2015
@mnapoli mnapoli removed the not-in-changelog For issues or pull requests that should not be included in our release changelog on matomo.org. label May 26, 2015
@mnapoli
Copy link
Contributor Author

mnapoli commented May 26, 2015

Alternative design is here: #8002


{% if isSuperUser %}
Copy link
Member

Choose a reason for hiding this comment

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

only super users should be able to view these general settings, is is expected that this if statement was removed?

Copy link
Member

Choose a reason for hiding this comment

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

Edit: please ignore (the change is actually correct as this template is only created in a controller action that already checks for Super User. )

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yes I removed this as it was duplicating the check... in the controller (this template is used only there). Thanks for reviewing that though because this extra check made me doubt to remove it ;)

@mattab
Copy link
Member

mattab commented May 27, 2015

Here is my feedback:

  • Overall looks good 👍
  • I think I prefer this design rather than New design for the site manager #8002
  • Could we make the SELECT/OPTION elements with more height?
    • maybe the SELECT element could look like on the proposed mockup with the Red arrow and control more tall. (as opposed to in the mockup where the background is grey, I'd still suggest to have white background for these SELECT controls)
    • EDIT: when I look in branch locally the SELECT/OPTION are taller than on your screenshot and they look good, so maybe this is already done
  • Can you confirm that you tested submitting all the forms and changing each form field value, and confirm the form values are correctly recorded in Piwik? (i'm asking because in our JS code the Form submit logic may be tied to the HTML / dom structure which may cause regression if we don't manually check. Submitting these forms is not covered in our screenshot tests)
  • When I look locally in the branch redesign-site-manager it does not look like on your screenshot, I still see some blue inline help:
    manager does not look same

@mnapoli
Copy link
Contributor Author

mnapoli commented May 27, 2015

Could we make the SELECT/OPTION elements with more height?

Could you raise that issue in #7960. FYI I mentioned that there, but Firefox supports theming selects but not Chrome.

I did a bit of testing but haven't tested everything yet (e.g. test every field manually), I want to confirm the design and change the things that will need to be changed (visually) and then I will do a final round of complete checks (PR still wip). Maybe I'll try to add a UI test for that, does it make sense?

When I look locally in the branch redesign-site-manager it does not look like on your screenshot, I still see some blue inline help:

That's the cache issue I mentioned yesterday in slack.

@mattab
Copy link
Member

mattab commented Jun 1, 2015

I think I prefer this design rather than #8002

#8002 might be better after all. Team members seem to agree so we can go with #8002 and iterate later again (if it will be needed) in #7893 👍

@mnapoli
Copy link
Contributor Author

mnapoli commented Jun 4, 2015

Closing in favor of #8002

@mnapoli mnapoli closed this Jun 4, 2015
@mnapoli mnapoli deleted the redesign-site-manager branch June 5, 2015 15:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
c: Design / UI For issues that impact Matomo's user interface or the design overall. Needs Review PRs that need a code review Pull Request WIP Indicates the current pull request is still work in progress and not ready yet for a review.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants