wasrusgen/wasrusgen1-crm
1
0
Fork 0
mirror of https://github.com/wasrusgen/wasrusgen1-crm.git synced 2026-06-03 15:44:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: director KPI cards - replace broken template literals with string concat

Browse Source
This commit is contained in:
wasrusgen 2026-05-28 12:00:56 +03:00
parent b5a1c43af2
commit 9e9c3c8369
1 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
docs/mockup_director.html
View File

@ -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>