mirror of
https://github.com/Matysh/houseplan-card
synced 2026-10-02 04:38:55 +00:00
houseplan dev
b6675dc3a4
The tap-action list gains 'cover' (i18n en/ru), offered only for a binding that HAS a cover entity and never for the guarded classes garage/door/gate; a value saved there anyway degrades to 'info', like a card-wide toggle does. The service follows the CURRENT state: closed -> open_cover, open (incl. ajar) -> close_cover, opening/closing -> stop_cover (a tap during travel is a stop; the next one simply reverses), no readable state -> cover.toggle. The existing 'ask for confirmation' checkbox guards it too. Indication: a travelling cover breathes a soft yellow ring around the icon (.covermove, the vacuum puck's 2.2s period, static under prefers-reduced-motion) and its plate stays NEUTRAL — yellow means 'включено'. Static states morph the icon by state + device_class (blinds/shutter/curtain/…); an unknown state morphs nothing and pulses nothing. No position percentages. Backend: validation.py accepts tap_action='cover' (+ test). Smoke: demo/smoke_cover_tap.mjs. TESTING.md: checklist row.
31 lines
1.5 KiB
JavaScript
31 lines
1.5 KiB
JavaScript
// Capture: a curtain on the move — the breathing ring (.covermove) around a
|
|
// NEUTRAL plate (owner 2026-08-03). The pulse is frozen at a visible frame so
|
|
// the shot is deterministic.
|
|
import { launch } from './serve.mjs';
|
|
const { page, browser } = await launch({ width: 820, height: 760 }, 2);
|
|
await page.evaluate(async () => {
|
|
const c = window.__card;
|
|
c._serverCfg = { ...c._serverCfg, markers: [{ id: 'm_mower', binding: 'device:d_mower', hidden: true }] };
|
|
c._cfgEpoch++; c._regSignature = ''; c._maybeRebuildDevices();
|
|
c.hass = { ...c.hass, states: { ...c.hass.states,
|
|
'cover.gate': { entity_id: 'cover.gate', state: 'opening',
|
|
attributes: { friendly_name: 'Curtain', device_class: 'curtain' } } } };
|
|
c._setMode('view'); c._space = 'garden';
|
|
c.requestUpdate();
|
|
await c.updateComplete;
|
|
const st = document.createElement('style');
|
|
st.textContent = '.dev.covermove::after{animation-delay:-1.1s;animation-play-state:paused;}';
|
|
(c.shadowRoot || c.renderRoot).appendChild(st);
|
|
});
|
|
await page.waitForTimeout(400);
|
|
const box = await page.evaluate(() => {
|
|
const c = window.__card;
|
|
const r = (c.shadowRoot || c.renderRoot).querySelector('.dev.covermove').getBoundingClientRect();
|
|
return { x: r.x, y: r.y, w: r.width, h: r.height };
|
|
});
|
|
const pad = 70;
|
|
await page.screenshot({ path: process.argv[2] || '/tmp/cover_move.png',
|
|
clip: { x: Math.max(0, box.x - pad), y: Math.max(0, box.y - pad), width: box.w + pad * 2, height: box.h + pad * 2 } });
|
|
await browser.close();
|
|
console.log('shot ok');
|