Skip to content

[web] Move each section to its own page#443

Merged
dgdavid merged 30 commits intomasterfrom
add-missing-sections
Mar 3, 2023
Merged

[web] Move each section to its own page#443
dgdavid merged 30 commits intomasterfrom
add-missing-sections

Conversation

@dgdavid
Copy link
Contributor

@dgdavid dgdavid commented Mar 1, 2023

Problem

D-Installer continues to evolve and the UI approach used for prototyping the first version needs to be rethought to have a consistent Overview page rather than a bunch of cluttering links and modal dialogs for each available setting.

Solution

At of now, we believe that utilizing navigation and creating dedicated pages for each section is the most natural approach.. It allows having a more fluent, self-explanatory UI and reduces the overuse of modal dialogs.

As many others in this alpha development phase, this PR can be seen as a first step towards that direction. There are still parts to be relocated better (like a network details and settings, which probably deserve a separate page too), but more time and feedback is needed to have a better picture of next changes in that regard.

Testing

  • Added a new unit test
  • Tested manually

Caveats

User dialog has been prepared to allow user edition. However, at this time it will fail because the backend is not ready this use case.

The team is aware of this and we agree to move this PR on and make a new one later for fixing the issue.

Screenshots

The UI has been changed a lot in this PR. Therefore, taking screenshots of all of them manually is not optimal. Rather, please switch to the add-missing-sections branch and navigate through the available pages and options. Your feedback is greatly appreciated, but it would be helpful if you sent it as a detailed issue so we can analyze, sort, and prioritize it.

Overview Page Users Page Network Page
Screen Shot 2023-03-01 at 23 35 16-fullpage Screen Shot 2023-03-01 at 23 35 35-fullpage Screen Shot 2023-03-01 at 23 35 25-fullpage

@dgdavid dgdavid requested a review from imobachgs March 1, 2023 01:52
dgdavid and others added 25 commits March 1, 2023 23:22
Co-authored-by: David Díaz González <dgonzalez@suse.de>
Co-authored-by: David Díaz González <dgonzalez@suse.de>
Co-authored-by: David Díaz González <dgonzalez@suse.de>
Co-authored-by: David Díaz González <dgonzalez@suse.de>
Co-authored-by: David Díaz González <dgonzalez@suse.de>
Co-authored-by: David Díaz González <dgonzalez@suse.de>
Co-authored-by: David Díaz González <dgonzalez@suse.de>
It helps at the time to change our mind about how emphasized text should looks
like. By now it's a compact PF4/Label.
Until we manage to have them working as expected by importing first the needed
typedef / interfaces from PatternFly.
@dgdavid dgdavid force-pushed the add-missing-sections branch from 87a0fac to a1ce704 Compare March 1, 2023 23:27
@dgdavid dgdavid force-pushed the add-missing-sections branch from a1ce704 to 199b4f2 Compare March 1, 2023 23:41
@coveralls
Copy link

coveralls commented Mar 1, 2023

Coverage Status

Coverage: 79.715% (+1.0%) from 78.763% when pulling 4755b87 on add-missing-sections into 527bbee on master.

@dgdavid dgdavid marked this pull request as ready for review March 2, 2023 09:31
Copy link
Contributor

@imobachgs imobachgs left a comment

Choose a reason for hiding this comment

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

Great job! Thanks a lot. Just check the headers of the users components.

@dgdavid dgdavid merged commit d19f737 into master Mar 3, 2023
@dgdavid dgdavid deleted the add-missing-sections branch March 3, 2023 11:31
@dgdavid dgdavid mentioned this pull request Mar 3, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

Comments