Fix ugens madplan buttoncardjstemplateerror

- Skift YAML > (folded) til | (literal) - bevarer newlines korrekt
- Fjern nested template literals som button-card ikke kan parse
- Brug string concatenation i stedet for backtick templates
- Tilføj null-check for manglende entity data
- Fjern // kommentarer der kan foldes forkert

dashboards/views/04c_madplan.yaml

@@ -80,29 +80,23 @@ cards:
             - background: none
             - box-shadow: none
         custom_fields:
-          week: >
+          week: |
             [[[
-              const items = entity.attributes.items || [];
+              if (!entity || !entity.attributes || !entity.attributes.items)
+                return 'Ingen madplan data';
+              const items = entity.attributes.items;
               const dayNames = ['Søndag','Mandag','Tirsdag','Onsdag','Torsdag','Fredag','Lørdag'];
               const today = new Date().toISOString().slice(0,10);
-
-              // Build date->meal map
               const meals = {};
-              items.forEach(item => {
+              items.forEach(function(item) {
                 if (item.recipe && item.recipe.name) {
-                  meals[item.date] = {
-                    name: item.recipe.name,
-                    slug: item.recipe.slug || ''
-                  };
+                  meals[item.date] = { name: item.recipe.name, slug: item.recipe.slug || '' };
                 }
               });
-
-              // Generate 7 days starting from Monday of current week
               const now = new Date();
               const dayOfWeek = now.getDay();
               const monday = new Date(now);
               monday.setDate(now.getDate() - (dayOfWeek === 0 ? 6 : dayOfWeek - 1));
-
               let html = '<div style="width:100%">';
               for (let i = 0; i < 7; i++) {
                 const d = new Date(monday);
@@ -111,33 +105,26 @@ cards:
                 const dayName = dayNames[d.getDay()];
                 const meal = meals[dateStr];
                 const isToday = dateStr === today;
-
                 const bg = isToday ? 'var(--primary-color)' : 'transparent';
                 const textColor = isToday ? 'white' : 'var(--primary-text-color)';
                 const dayColor = isToday ? 'rgba(255,255,255,0.7)' : 'var(--secondary-text-color)';
                 const weight = isToday ? 'bold' : 'normal';
                 const radius = isToday ? '8px' : '0';
                 const border = isToday ? 'none' : '1px solid var(--divider-color)';
-
                 const mealName = meal ? meal.name : '—';
                 const slug = meal ? meal.slug : '';
                 const link = slug ? 'http://anneclaus.dk:9925/g/home/r/' + slug : '';
                 const cursor = slug ? 'pointer' : 'default';
-
-                html += `
-                  <div style="display:flex; align-items:center; padding:10px 12px;
-                              background:${bg}; border-radius:${radius};
-                              border-bottom:${border}; cursor:${cursor}"
-                       ${slug ? `onclick="window.open('${link}','_blank')"` : ''}>
-                    <div style="width:70px; font-size:12px; color:${dayColor};
-                                text-transform:uppercase; font-weight:600">
-                      ${dayName}
-                    </div>
-                    <div style="flex:1; font-size:15px; color:${textColor};
-                                font-weight:${weight}">
-                      ${mealName}
-                    </div>
-                  </div>`;
+                const clickAttr = slug ? ' onclick="window.open(\'' + link + '\',\'_blank\')"' : '';
+                html += '<div style="display:flex;align-items:center;padding:10px 12px;'
+                  + 'background:' + bg + ';border-radius:' + radius + ';'
+                  + 'border-bottom:' + border + ';cursor:' + cursor + '"'
+                  + clickAttr + '>'
+                  + '<div style="width:70px;font-size:12px;color:' + dayColor
+                  + ';text-transform:uppercase;font-weight:600">' + dayName + '</div>'
+                  + '<div style="flex:1;font-size:15px;color:' + textColor
+                  + ';font-weight:' + weight + '">' + mealName + '</div>'
+                  + '</div>';
               }
               html += '</div>';
               return html;