Preferences: organize into tabs & groups

tuttle-dev / tuttle

🪰 Tuttle - time and money management for freelancers

GNU General Public License v3.0

63 stars 12 forks source link

Preferences: organize into tabs & groups #105

Closed clstaudt closed 1 year ago

clstaudt commented 1 year ago

Design an extensible UI for managing different groups of settings in the Preferences screen.

clstaudt commented 1 year ago

Possible groups:

☁️ Cloud: Manage cloud connector settings (e.g. calendar name for time tracking and time planning) and credentials
🗺️ Locale: Manage things like language, country (e.g. for taxation), default currency...

clstaudt commented 1 year ago

UI style: macOS-like, tabs with icons and text

clstaudt commented 1 year ago

@vlad-ed-git I have tried twice to add flet.Tabs (https://flet.dev/docs/controls/tabs/) to the Preferences screen. This didn't work and messed up the layout entirely. Could you add a minimal working example for organizing the preferences into tabs?

For example:

tab "General" ⚙️: light/dark theme switch
tab "Cloud" ☁️: iCloud account name

vlad-ed-git commented 1 year ago

@clstaudt I tried (see my latest commit), but I don't think it looks good (and I don't see how we can get it to look as the screenshot you posted).

clstaudt commented 1 year ago

Screenshot please, I don't see any tabs here:

Screenshot 2023-01-10 at 10 37 08