mirror of
https://github.com/Matysh/houseplan-card
synced 2026-09-28 19:01:34 +00:00
Claude
bf6602bbd8
§7 SPEC.md референса. Пять карточек #598 остались, менялось содержимое; все ключи _markerDialog и все записи в них прежние (§7.2): - Basics — баннеры привязки стали callout'ами; Name с подсказкой «Shown on the plan»; привязка — сегмент [Virtual | From the HA list] (те же радио bmode) и кнопка выбора #marker-binding с панелью в потоке (sourcePicker набора), чекбокс «Show entities» — внутри панели рядом с поиском (решение владельца Q8); Room селектом с подсказкой «по зоне / переопределяет»; секции радара и пылесоса — своими модулями без изменений; - Tap action — селект с подсказкой Target/Now, «Ask for confirmation» — строка-тумблер только при toggle/run (Q8), Entity to toggle и What to run теми же условиями (список целей — панель набора), «Controls other light sources» — чипы набора и поиск с панелью в потоке; - Light and glow — «Include the device temperature…» строкой-тумблером; роль — сегмент [Auto | Always | Never] с подсказкой результата Auto; Leading light entity по условиям; блок свечения (.hpf-block): подзаголовок с «?», сегмент [From source | Set colour | Colour and brightness] с отключёнными вариантами и aria-describedby на объяснение, плашка цвета вокруг прежнего hp-color-opacity (Q5), яркость и радиус строками с числом и единицей, при Never блок неактивен целиком (aria-disabled) с callout'ом причины; - Appearance — поле иконки с превью, очисткой и ссылкой Pin в подсказке; Display селектом с подсказкой режима; пульс — плашка цвета и строка размера; Value source по условиям; подраздел Value badge — компактный тумблер, Value селектом с техническим идентификатором, Position сегментом [Above | Right | Below | Left]; предупреждения бейджа — заметки и callout'ы; Display preview — прежний hp-device-preview целиком в блоке на тинте с тегом Now (решение владельца Q3); «Icon size and rotation» — две строки range-line в сетке; - Details — Model и Link в ряд, Description textarea набора, Manuals чипами и строкой действий Attach…, «Additional actions» подзаголовком набора. Футер: Hide и Delete слева, статус, Cancel и Save справа. К10: снимок черновика при _openMarkerDialog (marker-form-state.ts поверх dialog-baseline; транзиентные ключи — раскрытие и фильтры списков, busy, объявление подсказки, autoIcon, uploadId); в edit Save только при изменениях, закрытие с изменениями спрашивает через _confirmDanger. Прежние запреты Save (busy, калибровка радара, привязка не выбрана/не подтверждена) остались; привязка и радиус свечения названы словами под полем (marker.error_binding, marker.error_glow_radius), «Review N fields» ведёт к полю. Тумблеры диалога — строки набора (нативный чекбокс, К7), а не ha-switch; слайдеры — прежний _rangeInput (ha-slider в HA). Набор: sourcePicker получил toolbar и disabled; сегмент — value у радио, disabled и describedBy у варианта; callout — role note и id; unitInput — describedBy; rangeLine — id; новые классы .hpf-block/.hpf-disabled, .hpf-toolbar/.hpf-check, .hpf-iconfield/.hpf-iconpreview, .hpf-mono, .hpf-note, .hpf-hint-line, textarea.hpf-input. settingsCopy вынесен в editors/settings-copy.ts (общий для пространства, комнаты, устройства). Смоки переписаны осознанно, с пометкой #600: binding_ui (#marker-binding, .hpf-panel, #marker-show-entities), tap_run (панель набора, #marker-tap- confirm), value_face_source (.hpf-cand.sel), static_icon (callout'ы), climate_temp (#marker-use-climate-temp), help_affordance (#marker-name, .hpf-block.hpf-disabled вместо fieldset[disabled]; второй Escape в грязном диалоге спрашивает — К10), size_angle_parity (сетка Appearance), color_picker_consumers (подписи полей), device_preview_parity (сегмент стороны), ha_controls (тумблеры набора — нативные чекбоксы по К7, ha-slider прежний). Golden-harness device — .hpf-field/.hpf-block, скроллер .content. Новый фокусный свидетель demo/smoke_device_settings_form.mjs: пять карточек без старой разметки, оболочка, привязка/панель/Show entities, Q8, сегменты и блок свечения, плашки, иконка, бейдж, превью на тинте, размеры, Details, цели 44, Save/dirty/вопрос при закрытии, create-режим, семь полос экранов. Мутанты: marker-save-enabled-without-changes, marker-discard-without-asking, marker-confirm-row-shown-for-do-nothing, marker-never-keeps-glow-block-live, marker-badge-position-forgets-touch; якоря same-binding-click-resets-source, state-callout-hidden-under-help, form-kit-segment-drops-radio-semantics переставлены на новую разметку. Контрактные тесты: color-picker (два поля набора вместо flex-строк), native-select-contract (сторона бейджа — сегмент), i18n dead-keys (34 → 38 подсказок), German=English (marker.name_label). Словарь i18n/settings: 21 ключ marker.* на четыре локали; в основном каталоге marker.name_label «Name», marker.size_label «Icon size and rotation», удалены мёртвые marker.room_override, marker.light_role_always/never. Фикстуры листа диалогов набора пересняты намеренно (панель — байт в байт, AC11). Бюджет: стартовый граф 290 489 (потолок 291 600 без изменений); ленивый редакторский 243 173 — потолок 240 100 → 243 900 с разбором в bundle-budget.mjs; старые стили диалога устройства снимаются в финале. Гейты: typecheck, build, bundle:sync (три копии байт в байт), npm test 2790+ pass по четырём частям, mutation-gate --check, 39 смоков диалога устройства + новый + три формы серий 1–3. Issue: #600 User-Visible: no
53 lines
3.6 KiB
JavaScript
53 lines
3.6 KiB
JavaScript
import { launch, checkAll, finish } from './serve.mjs';
|
|
const { page, browser } = await launch();
|
|
const res = await page.evaluate(async () => {
|
|
const out = {};
|
|
const c = window.__card;
|
|
const sr = () => c.shadowRoot || c.renderRoot;
|
|
c._setMode('devices'); await c.updateComplete;
|
|
// новый маркер: радио «Виртуальное» по умолчанию, списка нет
|
|
c._openMarkerDialog(); await c.updateComplete;
|
|
// #600: привязка — сегмент набора (те же радио с именем bmode), кнопка выбора
|
|
// и панель в потоке (#marker-binding, .hpf-panel), «Show entities» — внутри панели (Q8)
|
|
const radios = () => [...sr().querySelectorAll('input[name="bmode"]')];
|
|
out.twoRadios = radios().length === 2;
|
|
out.virtDefault = radios()[0].checked && !radios()[1].checked;
|
|
out.noDropWhenVirtual = !sr().querySelector('#marker-binding');
|
|
// переключить на «Из списка HA» → появляется дропдаун, открыт (нет выбора), сейв заблокирован
|
|
radios()[1].click(); await c.updateComplete;
|
|
out.dropShown = !!sr().querySelector('#marker-binding');
|
|
out.panelOpen = !!sr().querySelector('hp-dialog .hpf-panel');
|
|
const saveBtn = [...sr().querySelectorAll('hp-dialog .btn.on')].pop();
|
|
out.saveDisabled = saveBtn?.disabled === true;
|
|
// без чекбокса в списке нет individual-сущностей устройств
|
|
const subs = () => [...sr().querySelectorAll('.hpf-cand small')].map((e) => e.textContent);
|
|
const entLabel = c._t('marker.sub_entity');
|
|
out.noDeviceEntities = !subs().some((s) => s.includes(entLabel));
|
|
// (группы/хелперы в демо все уже размещены и потому скрыты как занятые —
|
|
// их «всегда в списке» проверяется кодом: блок вне чекбокса)
|
|
// включить чекбокс → сущности появились
|
|
const cb = sr().querySelector('hp-dialog .hpf-panel #marker-show-entities');
|
|
cb.click(); await c.updateComplete;
|
|
out.entitiesShown = [...sr().querySelectorAll('.hpf-cand small')].some((s) => s.textContent.includes(entLabel));
|
|
out.tooltip = sr().querySelector('hp-dialog .hpf-panel .hpf-check').getAttribute('title') === c._t('marker.show_entities_tip');
|
|
// выбрать первый кандидат → панель закрылась, сейв разблокирован
|
|
sr().querySelector('.hpf-cand').click(); await c.updateComplete;
|
|
out.picked = c._markerDialog.binding !== '' && c._markerDialog.binding !== 'virtual';
|
|
out.panelClosed = !sr().querySelector('hp-dialog .hpf-panel');
|
|
out.saveEnabled = [...sr().querySelectorAll('hp-dialog .btn.on')].pop()?.disabled === false;
|
|
// радио назад на «Виртуальное» → binding=virtual
|
|
radios()[0].click(); await c.updateComplete;
|
|
out.backToVirtual = c._markerDialog.binding === 'virtual' && c._markerDialog.bindingMode === 'virtual';
|
|
c._markerDialog = null; await c.updateComplete;
|
|
// редактирование существующего устройства: радио «Из списка», выбранная привязка в кнопке
|
|
const dev = c._devices.find((d) => !d.virtual && d.bindingKind === 'device');
|
|
c._openMarkerDialog(dev); await c.updateComplete;
|
|
out.editHaMode = c._markerDialog.bindingMode === 'ha';
|
|
out.editShowsCur = sr().querySelector('#marker-binding b') !== null;
|
|
out.editPanelClosed = !sr().querySelector('hp-dialog .hpf-panel');
|
|
c._markerDialog = null;
|
|
return out;
|
|
});
|
|
checkAll(res);
|
|
await finish(browser, res);
|