The Configuration Pages Are Now Part of the Revamped User Interface
This is part 4 of a series of posts about revamping the user interface of OBS. We started off with the Package pages in October 2018, moved on to the Project, User and Group pages in December 2018, continued with the Request pages in February 2019, then finished the Configuration pages in March 2019 and now we focused on the Maintenance pages.
These changes are already available for all users in the beta program.
We are one step closer to revamping the whole OBS user interface!
Here is a comparison of the old and new user interface of the main configuration page:
You can now see all architectures at a glance and enable/disable them all at once. Everything is done through AJAX, thus removing the need for an ‘Update’ button and saving you a click.
This page is now usable with thousands of users. We only fetch the users to be displayed instead of fetching them all.
We have simplified the ‘Actions’ column of the table to only show the three most important actions: ‘Edit User’, ‘Send Email to User’ and ‘Delete User’. You can still lock/confirm a user and make him/her an Admin, it’s all on the ‘Edit User’ page.
These pages were migrated without major changes, except for the group members tab on the group overview page. We put the focus on the group members and their avatar, displaying them side by side to efficiently use the available space.
We replaced the unorthodox form and form-filler button combo by a list of default interconnects and a modal to add custom interconnects.
And Much More
We addressed some issues we identified and gathered from your feedback. Here’s a subset of what has been fixed and improved.
We use modals on a few pages and the text of their submit button used to always be ‘Accept’. It could confuse users depending on the context of the modal, so we aligned the submit button’s text to their action.
On the project overview page, the modal for linking projects is now correctly working.
Timestamps for all pages of the source files table on the package overview page are now relative. Only the first page of the table used to have relative timestamps.
We also continued using server side pagination for our tables. Only the data which is displayed will be fetched. This greatly improves the page loading time on pages with tables having thousands of rows. We implemented these changes for the packages table on the Project overview page, the users table on the Manage Users page and the tables on the Subprojects tab for the Project pages.
How to Give Us Feedback
As always, we need your feedback to make this even better. Don’t forget to join the beta program, try the new user interface and tell us what you think about it. Please read the How Give Us Feedback section in this previous announcement. We are looking for:
- Bugs, so anything breaking workflows.
- Design feedback, so anything related to the user experience and interface.
- How it works on your device / browser.
What Is Coming Next?
We will be working next on the Search and Maintainance pages. Stay tuned, we will inform you as soon as it is available in the beta program.
We are looking forward to hearing from you on GitHub and in the
#opensuse-buildservice IRC channel on Freenode!