Files
houseplan-card/docs/design/600-settings-dialogs/reference/index.html
T
Claude 94c9d8addf docs: положить дизайн-референс диалогов настроек в репозиторий (#600)
AC0 задачи: пока референс лежит вложением в issue, ревью сравнивает продукт с
макетом «на глаз», и ровно это дало выпущенный в 1.77.0-beta.2 ложный паритет —
карточки снаружи, старая разметка внутри.

Содержимое архива `houseplan-settings-design-2026-09-18.zip`
(SHA-256 06f07fc212947ee9da1a39aaab2d14cbd41154cc9effe39bc48e1c2e1517255b,
сверен побайтово с вложением #591) разложено по образцу #505:

- `SPEC.md`, `IMPLEMENTATION-GUIDE.md`, `OPEN-POINTS.md`, карта полей Space —
  с этого коммита часть ТЗ: расхождение называется ссылкой на пункт документа;
- `reference/` — свёрстанный прототип четырёх форм;
- `screenshots/` — четыре формы целиком, 560 px, 2x;
- `README.md` — происхождение, отпечаток, границы использования;
- `ACCEPTANCE.md` — место для парных кадров «референс / продукт» по AC1.

Автор — сотрудник владельца (подтверждено 20.09 в #600), внешний грант не нужен.

Windows-лаунчеры `START.cmd` и `START.ps1` не переносились: `node serve.mjs`
делает то же самое. `room-fill.test.mjs` перенесён как документ намерения, CI
его не запускает — под `docs/**` не попадает ни один тестовый glob.

В бандл отсюда не попадает ничего; `repo-hygiene` и полный набор зелёные
(2793 pass).

Issue: #600
User-Visible: no
2026-09-20 09:07:53 +03:00

54 lines
2.6 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#f6f7f8">
<title>Form previews · House Plan</title>
<link rel="icon" href="assets/mark.svg" type="image/svg+xml">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header class="demo-toolbar" aria-label="Demo navigation">
<div class="demo-toolbar-inner">
<div class="demo-brand"><strong>House Plan</strong><span>Form previews</span></div>
<label class="demo-form-switch"><span>Form</span><select id="demo-form-select" class="select-input" aria-label="Preview form"><option value="">All forms</option></select></label>
</div>
</header>
<main id="demo-stage">
<section id="launch-screen" aria-labelledby="gallery-title">
<div class="demo-gallery-heading"><h1 id="gallery-title">Form previews</h1><p>Choose a form to explore.</p></div>
<div id="demo-form-list" class="demo-form-list"></div>
<div id="space-examples" class="demo-examples" hidden><span class="field-label">Sample space</span><div id="space-picker" class="space-picker"></div></div>
</section>
<dialog id="settings" class="settings-dialog" aria-labelledby="dialog-title">
<header class="dialog-header">
<button type="button" id="close-settings" class="icon-button" aria-label="Close space settings" title="Close" data-icon="close"></button>
<h1 id="dialog-title" tabindex="-1">Space settings</h1>
<span id="space-crumb" class="space-badge">Ground Floor</span>
</header>
<div class="dialog-scroll" id="dialog-scroll">
<div class="dialog-body">
<div id="settings-content" class="settings-content"></div>
</div>
</div>
<footer class="dialog-footer">
<div class="footer-tools">
<button class="button" id="copy-space"><span data-icon="copy"></span>Copy</button>
<button class="button danger-outline" id="delete-space"><span data-icon="trash"></span>Delete</button>
</div>
<div class="save-status" id="save-status" role="status" hidden></div>
<div class="footer-commit"><button class="button" id="cancel-settings">Cancel</button><button class="button primary" id="save-settings" disabled>Save</button></div>
</footer>
</dialog>
</main>
<dialog id="sub-dialog" class="sub-dialog" aria-labelledby="sub-title"></dialog>
<div id="toast" class="toast" role="status" hidden></div>
<script src="app.js" type="module"></script>
<script src="general-settings.js" type="module"></script>
<script src="room-settings.js" type="module"></script>
<script src="device-settings.js" type="module"></script>
</body>
</html>