Fix 7-day meal plan table: use namespace to build rows, avoid YAML folded-scalar whitespace issue

dashboards/views/04c_madplan.yaml

@@ -64,72 +64,33 @@ cards:
           action: call-service
           service: script.mad_announcement
 
-  # 📅 Ugens madplan
+  # 📅 Madplan: i dag + 6 dage
-  - type: custom:button-card
+  - type: markdown
-    entity: sensor.mealie_madplan_ugen
+    content: |-
-    name: Ugens madplan
+      {%- set ns = namespace(rows="") -%}
-    show_icon: false
+      {%- set items = state_attr('sensor.mealie_madplan_ugen', 'items') or [] -%}
-    show_name: true
+      {%- set days = ['Mandag','Tirsdag','Onsdag','Torsdag','Fredag','Lørdag','Søndag'] -%}
-    show_state: false
+      {%- for offset in range(7) -%}
-    styles:
+        {%- set day = now().date() + timedelta(days=offset) -%}
-      card:
+        {%- set ms = items | selectattr('date', 'eq', day.isoformat()) | list -%}
-        - padding: 0
+        {%- set m = ms[0] if ms else none -%}
-        - border-radius: 12px
+        {%- set recipe = m.recipe if m else none -%}
-      name:
+        {%- set name = recipe.name if recipe else '' -%}
-        - font-size: 16px
+        {%- set slug = recipe.slug if recipe else '' -%}
-        - font-weight: bold
+        {%- set label = 'I dag' if offset == 0 else days[day.weekday()] -%}
-        - padding: 12px 12px 4px 12px
+        {%- if slug -%}
-        - justify-self: start
+          {%- set ns.rows = ns.rows + "| **" + label + "** | [" + name + "](http://anneclaus.dk:9925/g/home/r/" + slug + ") |\n" -%}
-    custom_fields:
+        {%- elif name -%}
-      week: |
+          {%- set ns.rows = ns.rows + "| **" + label + "** | " + name + " |\n" -%}
-        [[[
+        {%- else -%}
-          if (!entity || !entity.attributes || !entity.attributes.items)
+          {%- set ns.rows = ns.rows + "| **" + label + "** | - |\n" -%}
-            return '<div>Ingen madplan data</div>';
+        {%- endif -%}
-          var items = entity.attributes.items;
+      {%- endfor -%}
-          var dayNames = ['Søndag','Mandag','Tirsdag','Onsdag','Torsdag','Fredag','Lørdag'];
+      ## Næste 7 dage
-          var today = new Date().toISOString().slice(0,10);
+
-          var meals = {};
+      | Dag | Ret |
-          for (var j = 0; j < items.length; j++) {
+      | --- | --- |
-            var it = items[j];
+      {{ ns.rows }}
-            if (it.recipe && it.recipe.name) {
-              meals[it.date] = { name: it.recipe.name, slug: it.recipe.slug || '' };
-            }
-          }
-          var now = new Date();
-          var dow = now.getDay();
-          var monday = new Date(now);
-          monday.setDate(now.getDate() - (dow === 0 ? 6 : dow - 1));
-          var html = '<div style="width:100%">';
-          for (var i = 0; i < 7; i++) {
-            var d = new Date(monday);
-            d.setDate(monday.getDate() + i);
-            var dateStr = d.toISOString().slice(0,10);
-            var dayName = dayNames[d.getDay()];
-            var meal = meals[dateStr];
-            var isToday = dateStr === today;
-            var bg = isToday ? 'var(--primary-color)' : 'transparent';
-            var tc = isToday ? 'white' : 'var(--primary-text-color)';
-            var dc = isToday ? 'rgba(255,255,255,0.7)' : 'var(--secondary-text-color)';
-            var fw = isToday ? 'bold' : 'normal';
-            var br = isToday ? '8px' : '0';
-            var bb = isToday ? 'none' : '1px solid var(--divider-color)';
-            var mn = meal ? meal.name : '-';
-            var sl = meal ? meal.slug : '';
-            var lnk = sl ? 'http://anneclaus.dk:9925/g/home/r/' + sl : '';
-            var cur = sl ? 'pointer' : 'default';
-            var oc = sl ? ' onclick="window.open(\x27' + lnk + '\x27,\x27_blank\x27)"' : '';
-            html += '<div style="display:flex;align-items:center;padding:10px 12px;background:' + bg + ';border-radius:' + br + ';border-bottom:' + bb + ';cursor:' + cur + '"' + oc + '>';
-            html += '<div style="width:70px;font-size:12px;color:' + dc + ';text-transform:uppercase;font-weight:600">' + dayName + '</div>';
-            html += '<div style="flex:1;font-size:15px;color:' + tc + ';font-weight:' + fw + '">' + mn + '</div>';
-            html += '</div>';
-          }
-          html += '</div>';
-          return html;
-        ]]]
-    extra_styles: |
-      #week {
-        width: 100%;
-      }
 
   # 🛒 Bilka ToGo - opdater og vis kryds-af liste
   - type: vertical-stack