1.9 KiB
1.9 KiB
Source reference
Visual reference: RenewCMS Screens Localization.dc.html, group "L6 Source reference".
Read localization.md first. Its integration decisions supersede conflicting board annotations. These states describe target behavior, not shipped behavior.
Route: /article/{id}/edit?ref=:sourceId
Source reference (group "L6 Source reference", 11 states)
| # | State | Trigger | Stable ID | Frame selector |
|---|---|---|---|---|
| 1 | Side by side | Show source reference | loc.l6.split |
src:split |
| 2 | Reference hidden | Hide source reference; button returns | loc.l6.closed |
src:closed |
| 3 | Reopened | Show source reference again; scroll positions kept | loc.l6.reopen |
src:reopen |
| 4 | Change reference | Menu; tracked source stays English | loc.l6.changeRef |
src:changeRef |
| 5 | Narrow desktop (1024 px) | True 1024 px frame | loc.l6.narrow |
src:narrow |
| 6 | Long content | Both panes scroll independently | loc.l6.long |
src:long |
| 7 | Arabic beside English | dir=rtl on the Arabic title and body only | loc.l6.rtl |
src:rtl |
| 8 | Mobile: editing | Segment | loc.l6.mobileEdit |
src:mobileEdit |
| 9 | Mobile: source | Segment | loc.l6.mobileSrc |
src:mobileSrc |
| 10 | Mobile: closed | Show source reference button | loc.l6.mobileClosed |
src:mobileClosed |
| 11 | Reference unavailable | Deleted or unreadable | loc.l6.unavail |
src:unavail |
Exact rendered copy and geometry are in source/LocaleFrame.dc.html for the selector above. Use Nuxt UI mappings in components.md; the frame markup is a visual reference, not production component code.
The standard captures are 1440×900 and 390×844 in light and dark. The narrow reference state also uses 1024×768. The visual harness must support these sources and sizes before this screen can pass its gate. No visual exceptions or new clock-sensitive skips are approved.