From c9828d8ff3dbd4278f4b22628166c02cd1f7b767 Mon Sep 17 00:00:00 2001 From: Louis Whittington Date: Tue, 31 Mar 2026 11:29:57 -0500 Subject: [PATCH] Refactor settings UI for improved first-time setup experience - Introduced conditional display logic for the first-time setup section based on the presence of household members. - Enhanced navigation with tabbed interface for settings, allowing easier access to different configuration areas. - Maintained existing functionality while improving layout and user interaction for profile creation. --- tabs/settings.php | 451 ++++++++++++++++++++++++---------------------- 1 file changed, 240 insertions(+), 211 deletions(-) diff --git a/tabs/settings.php b/tabs/settings.php index 9bbd851..45f9205 100644 --- a/tabs/settings.php +++ b/tabs/settings.php @@ -17,6 +17,8 @@ $canManage = count($people) === 0 && ($activePerson['role'] ?? '') === ROLE_HEAD && isHohVerified() ); +$hasPeople = count($people) > 0; +$showSetup = !$hasPeople; $permanenceOptions = [ 'permanent' => 'Permanent', @@ -32,110 +34,129 @@ $permanenceOptions = [

Family settings

People and chore currency defaults apply across the whole hub. Heads of household verify with a PIN when switching profiles at the top of the page.

- -
-
First-time setup
-
-

Create the first Head of household profile so you can manage family members and settings.

-
-
- - -
-
- - -
-
- - -
-
- -
-
-
-
-
+
+
+
-
- - -
-
Calendar and dates
-
-

Used for the Calendar tab agenda (today, due dates, and bill reminders). US timezones only.

- 0): ?> -

Switch to a verified Head of household to edit these settings.

- -
-
- - -
-
-
- - > - +
+
+ +
+
+
First-time setup
+
+

Create the first Head of household profile so you can manage family members and settings.

+ +
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+
+ +
-
- -

Shown on the family agenda on the same day each month (e.g. rent). Leave a row blank or clear the title to skip.

-
- $bd): ?> - -
-
- - > + + +
-
- - +
+
+ + > + +
-
- -
- - -
- -
- -
-
+
+ +

Shown on the family agenda on the same day each month (e.g. rent). Leave a row blank or clear the title to skip.

+
+ $bd): ?> + +
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ +
+
+
+
+ +
- -
-
- -
-
Chore economy
-
- 0): ?> -

Switch to a verified Head of household to edit these settings.

- -
+
+
+
Chore economy
+
+ +

Switch to a verified Head of household to edit these settings.

+ +
- -
-
+ +
+
+
- -
-
Grocery stores
-
-

Each store has its own list in the Grocery list tab.

- -
-
- - -
-
- -
-
-
-
-
- -

Only a verified Head of household can manage stores.

- - -

No stores yet. Add one above (or open the Grocery list tab to get a default Home store).

- -
    - - -
  • - + +
    +
    +
    Grocery stores
    +
    +

    Each store has its own list in the Grocery list tab.

    - - - - +
    +
    + + +
    +
    + +
    +
    +
    +
    +
    + +

    Only a verified Head of household can manage stores.

    -
    • - -
- -
-
+ +

No stores yet. Add one above (or open the Grocery list tab to get a default Home store).

+ +
    + + +
  • + + + + + + + +
    • + +
+ +
+
+
- 0): ?> -
-
- People -
-
- -
-
- - -
-
- - -
-
- - -
-
- - -
-
- -
-
-
-
-
- -

Only a verified Head of household can add or edit people.

- + +
+
+
+ People +
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+
+
+ +

Only a verified Head of household can add or edit people.

+ -
- - - - - - - - - - - - - - - - - - - - - - - -
NameRoleBalanceNFC submit token
- - - - - - -
+
+ + + + + + + + + + + + + + + + + + + + + + + +
NameRoleBalanceNFC submit token
+ + + + + + +
+
+
+
+
+
-