Skip to content

Restructure UI for main page #24

@AnselChang

Description

@AnselChang

Image

Enoch made a mockup on Figma for an improved UI for Pathogen. The task is to implement this UI through pygame and my UI framework.

This is mostly just assembling different UI elements. The relevant code is top_bar_container.py, where you can see how the sample ui elements are currently being placed.

Note I have some existing code that supports placement of ui entities anywhere horizontally in the menu bar, and allowing differnt buttons to be grouped with specified spacing. This code resides in top_bar_button_container.py.

Most of the buttons should perform some action when clicked. Note that this behavior is already implemented through passing a callback to TopBarButtonState constructor. For now, just create placeholder functions in TopBarContainer that just log the function to be run.

For the Destination UI specifically, this deals with data that should be stored in ProjectModel. It should show the current destination path, getting the data from ProjectModel. On clicking, it should open up a file explorer that allows the user to select a file, in which case, the ProjectModel path should be updated. Make sure to test this on both Mac and Windows.

Let me know how I can support in any way.

Metadata

Metadata

Assignees

Labels

mediumShould be done in 2-10 hourssmallShould be done in 0-2 hours

Projects

Status

Ready to Begin - Urgent

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions