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

Add step name inside tab

Browse source
This commit is contained in:
TheThomaas 2026-09-25 16:37:33 +02:00
parent bcfb62ccc4
commit 0d292ee14d
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -403,6 +403,9 @@ class CookCliRecipeViewStrategy extends HTMLElement {
static _stepTab(section, step, tabIndex, isLast, config) {
const { markdown: stepMarkdown, timers } = this._renderStepMarkdown(step);
const stepLabel = section.name
? `${section.name} ${step.number ?? ""}`.trim()
: `Étape ${tabIndex}`;
const leftCards = [];
const stepIngredients = (step.items || []).filter((item) => item.type === "ingredient");
@ -448,7 +451,7 @@ class CookCliRecipeViewStrategy extends HTMLElement {
const columns = this._responsiveColumns(
{ type: "vertical-stack", cards: leftCards },
{ type: "markdown", content: stepMarkdown }
{ type: "markdown", content: `## ${stepLabel}\n\n${stepMarkdown}` }
);
const cards = [columns];
@ -481,7 +484,7 @@ class CookCliRecipeViewStrategy extends HTMLElement {
}
const tab = {
name: section.name ? `${section.name} ${step.number ?? ""}`.trim() : `Étape ${tabIndex}`,
name: stepLabel,
card: {
type: "vertical-stack",
cards,