From 9e9c3c836907b3b8fb66cb6a2a4fc387b07dfa87 Mon Sep 17 00:00:00 2001
From: wasrusgen <vasrusgen@gmail.com>
Date: Thu, 28 May 2026 12:00:56 +0300
Subject: [PATCH] fix: director KPI cards - replace broken template literals
 with string concat

---
 docs/mockup_director.html | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/docs/mockup_director.html b/docs/mockup_director.html
index b8a267e..0e35bd6 100644
--- a/docs/mockup_director.html
+++ b/docs/mockup_director.html
@@ -375,19 +375,18 @@ function screenHome() {
         {val:'11/12', lbl:'Замеров в срок', warn:false, icon:'<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 6H3"/><path d="M10 12H3"/><path d="M10 18H3"/><polyline points="15 13 18 16 22 10"/></svg>'},
         {val:'1',     lbl:'Нарушений',     warn:true,  icon:'<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>'},
         {val:'3',     lbl:'Доп. заказов',  green:true, icon:'<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>'},
-      ].map((k, i, arr) => {
-        const isLast = i===arr.length-1 && arr.length%2!==0;
-        const valColor = k.warn?'var(--danger)':k.green?'#16A34A':'var(--accent)';
-        const iconColor = k.warn?'var(--danger)':k.green?'#16A34A':'var(--accent)';
-        const border = k.warn?';border-left:3px solid var(--danger)':k.green?';border-left:3px solid #16A34A':'';
-        const iconHtml = k.icon.replace('stroke="currentColor"', \`stroke="\${iconColor}"\`);
-        return \`<div class="card" style="margin-bottom:0;padding:12px 14px\${isLast?';grid-column:1/-1':''}${border}">
-          <div style="display:flex;align-items:center;gap:8px;margin-bottom:5px">
-            \${iconHtml}
-            <div style="font-size:\${k.val.length>5?'15':'20'}px;font-weight:900;color:\${valColor};line-height:1">\${k.val}</div>
-          </div>
-          <div style="font-size:11px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">\${k.lbl}</div>
-        </div>\`;
+      ].map(function(k,i,arr){
+        var col=k.warn?'var(--danger)':k.green?'#16A34A':'var(--accent)';
+        var brd=k.warn?';border-left:3px solid var(--danger)':k.green?';border-left:3px solid #16A34A':'';
+        var isLast=i===arr.length-1&&arr.length%2!==0;
+        var svg=k.icon.replace('stroke="currentColor"','stroke="'+col+'"');
+        var fs=k.val.length>5?'14':'20';
+        return '<div class="card" style="margin-bottom:0;padding:12px 14px'+(isLast?';grid-column:1/-1':'')+brd+'">'
+          +'<div style="display:flex;align-items:center;gap:8px;margin-bottom:5px">'+svg
+          +'<div style="font-size:'+fs+'px;font-weight:900;color:'+col+';line-height:1">'+k.val+'</div>'
+          +'</div>'
+          +'<div style="font-size:11px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">'+k.lbl+'</div>'
+          +'</div>';
       }).join('')}
     </div>