TheThomaas/ha-cookcli
1
0
Fork 0
Code Issues 2 Pull requests Actions Packages Projects 1 Releases 6 Wiki Activity

Update cookcli-recipe-strategy.js

Browse source
This commit is contained in:
TheThomaas 2026-09-25 17:30:20 +02:00
parent 3bbf66238d
commit f883bf361a
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
custom_components/cookcli/www/cookcli-recipe-strategy.js
View file

@ -433,6 +433,10 @@ class CookCliRecipeViewStrategy extends HTMLElement {
: `Étape ${tabIndex}`; : `Étape ${tabIndex}`;
const leftCards = []; const leftCards = [];
const rightCards = [];
rightCards.push({ type: "markdown", content: `## ${stepLabel}\n\n${stepMarkdown}` })
const stepIngredients = (step.items || []).filter((item) => item.type === "ingredient"); const stepIngredients = (step.items || []).filter((item) => item.type === "ingredient");
if (stepIngredients.length) { if (stepIngredients.length) {
leftCards.push({ leftCards.push({
@ -470,7 +474,7 @@ class CookCliRecipeViewStrategy extends HTMLElement {
if (buttons.length) { if (buttons.length) {
leftCards.push({ type: "custom:circular-timer-card", entity: config.timer_entity }); leftCards.push({ type: "custom:circular-timer-card", entity: config.timer_entity });
leftCards.push({ rightCards.push({
type: "grid", type: "grid",
columns: Math.min(2, buttons.length), columns: Math.min(2, buttons.length),
square: false, square: false,
@ -480,12 +484,12 @@ class CookCliRecipeViewStrategy extends HTMLElement {
} }
if (!leftCards.length) { if (!leftCards.length) {
leftCards.push({ type: "markdown", content: " " }); leftCards.push({ type: "markdown", content: " ", text_only: true });
} }
const columns = this._responsiveColumns( const columns = this._responsiveColumns(
{ type: "vertical-stack", cards: leftCards }, { type: "vertical-stack", cards: leftCards },
{ type: "markdown", content: `## ${stepLabel}\n\n${stepMarkdown}` } { type: "vertical-stack", cards: rightCards },
); );
const cards = [columns]; const cards = [columns];