chore: 2 big design passes to harmonize and fix stuff

This commit is contained in:
Florian Sylvain committed 2026-10-11 07:45:17 +02:00
1 parent 67b3ff03d0
commit 5e05b606a7
43 files changed
+2167 -4183

No files matched your search

+22 -65
View File
@@ -1,76 +1,33 @@
# Create the owner account
# Register
- **Route:** `/register`
- **API:** POST /v1/auth/register
- **Visual reference:** `source/RenewCMS Screens Auth.dc.html`, group "Register" (open it in a browser; each state is drawn at desktop and mobile, with a light/dark toggle).
Route: `/register`. API: POST /v1/auth/register.
Seen once, on a fresh install. After registering, the new user is logged in but not yet verified, and goes to /register/pending.
## States
Visual reference: `RenewCMS Screens Auth.dc.html`, groups "Register". Frames: `AppFrame.dc.html` (shell, sidebar, topbar, drawer) plus the screen frame where listed in components.md.
### Default
## Copy per state (generated from the board source, pass 2)
**Trigger:** Registration is open.
Every state below is drawn in light and dark (theme switch on the board), at 1440×900 and 390×844 (both frames sit side by side). Board: `RenewCMS Screens Auth.dc.html`. Copy is exact; where a cell is empty the state reuses the fixed copy.
- Heading: **Create the owner account**
- Description: "This creates the single admin account for this site. Once it's verified, registration closes."
- Field `Username`: placeholder "e.g. marta"; counter "0 / 20"; help "Letters and numbers, 3 to 20 characters. You'll use it to log in."
- Field `Email`: placeholder "you@example.com"; help "We'll send a verification link here."
- Field `Password`: password with show/hide; checklist "At least 8 characters" (unmet)
- Submit button: "Create account"
- Footer: Already set up? [Log in]
### Base copy
- Create the owner account
- This creates the single admin account for this site. Once it's verified, registration closes.
- Create account
- Already set up?
- Log in
### Validation errors
### Create the owner account (group "Register", 6 states)
**Trigger:** Checked on blur and on submit, using the same rules as the API.
Route: `/register`. API: POST /v1/auth/register.
- Heading: **Create the owner account**
- Description: "This creates the single admin account for this site. Once it's verified, registration closes."
- Field `Username`: placeholder "e.g. marta"; value "ma"; counter "2 / 20" in error; **error "Use 3 to 20 characters."**
- Field `Email`: placeholder "you@example.com"; value "marta@renew"; **error "Enter a full email address, like name@example.com."**
- Field `Password`: value "lime"; password with show/hide; checklist "At least 8 characters" (err)
- Submit button: "Create account"
- Footer: Already set up? [Log in]
Seen once, on a fresh install. After registering, the new user is logged in but not yet verified, and goes to /register/pending.
### Filled, valid
**Trigger:** Every rule is met and the checklist item turns green.
- Heading: **Create the owner account**
- Description: "This creates the single admin account for this site. Once it's verified, registration closes."
- Field `Username`: placeholder "e.g. marta"; value "marta"; counter "5 / 20"; help "Letters and numbers, 3 to 20 characters. You'll use it to log in."
- Field `Email`: placeholder "you@example.com"; value "marta@renew.example"; help "We'll send a verification link here."
- Field `Password`: value "limewash2026"; password with show/hide; password shown; checklist "At least 8 characters" (met)
- Submit button: "Create account"
- Footer: Already set up? [Log in]
### Submitting
**Trigger:** Fields and button are disabled.
- Heading: **Create the owner account**
- Description: "This creates the single admin account for this site. Once it's verified, registration closes."
- Field `Username`: placeholder "e.g. marta"; value "marta"; counter "5 / 20"; help "Letters and numbers, 3 to 20 characters. You'll use it to log in."
- Field `Email`: placeholder "you@example.com"; value "marta@renew.example"; help "We'll send a verification link here."
- Field `Password`: value "limewash2026"; password with show/hide; checklist "At least 8 characters" (met)
- Submit button: "Creating account…", loading
- Footer: Already set up? [Log in]
### Registration closed (403)
**Trigger:** Someone already verified an owner account. The form is replaced.
- ResultPanel (info, user-x): **This site already has an owner**; text "Log in instead."; actions "Go to log in" (primary)
### Server error
**Trigger:** A 500 or no response. The values are kept.
- Alert (error, circle-x): **Couldn't create the account** "Something went wrong on the server. Try again in a moment."
- Heading: **Create the owner account**
- Description: "This creates the single admin account for this site. Once it's verified, registration closes."
- Field `Username`: placeholder "e.g. marta"; value "marta"; counter "5 / 20"; help "Letters and numbers, 3 to 20 characters. You'll use it to log in."
- Field `Email`: placeholder "you@example.com"; value "marta@renew.example"; help "We'll send a verification link here."
- Field `Password`: value "limewash2026"; password with show/hide; checklist "At least 8 characters" (met)
- Submit button: "Create account"
- Footer: Already set up? [Log in]
| # | State | Trigger | Copy |
|---|---|---|---|
| 1 | Default | Registration is open. | |
| 2 | Validation errors | Checked on blur and on submit, using the same rules as the API. | "Use 3 to 20 characters." / "marta@renew" / "Enter a full email address, like name@example.com." |
| 3 | Filled, valid | Every rule is met and the checklist item turns green. | "marta@renew.example" |
| 4 | Submitting | Fields and button are disabled. | "marta@renew.example" / "Creating account…" |
| 5 | Registration closed (403) | Someone already verified an owner account. The form is replaced. | "This site already has an owner" / "Log in instead." / "Go to log in" |
| 6 | Server error | A 500 or no response. The values are kept. | "Couldn't create the account" / "Something went wrong on the server. Try again in a moment." / "marta@renew.example" |