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 and migrated the Configuration pages in March 2019. We then finished the Maintenance pages in April 2019, the Search and Kiwi Editor pages were completed in May 2019. In June 2019 we focused on the Cloud and Monitor pages. The whole migration was finished in September 2019, bye bye bento!.

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:

Main Configuration Page Comparison

Architectures

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.

Architectures Page

Manage Users

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.

Manage Users Page

Manage Groups

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.

Group Members Redesign

Interconnect

We replaced the unorthodox form and form-filler button combo by a list of default interconnects and a modal to add custom interconnects.

Interconnect Redesign

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.

Linking Projects Modal

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.

Relative Timestamps for Sources Files table

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 Libera.Chat!