${[
- {val:'1',lbl:'Рекламаций просрочено',icon:'🚨',warn:true},
- {val:'48/60',lbl:'Мест на складе',icon:'📦',warn:false},
- {val:'4/7',lbl:'Сборщиков онлайн',icon:'👥',warn:false},
- {val:'42 упак.',lbl:'Экспедиция сегодня',icon:'🚚',warn:false},
- {val:'11/12',lbl:'Замеров в срок сегодня',icon:'📏',warn:false},
- {val:'1',lbl:'Нарушен регламент',icon:'⚠️',warn:true},
- {val:'3',lbl:'Доп. заказов с объектов',icon:'🏠',warn:false,green:true},
- ].map((k, i, arr) => `
-
- ${i===arr.length-1&&arr.length%2!==0
- ? `
${k.icon}
-
`
- : `
${k.icon}
-
${k.val}
-
${k.lbl}
`
- }
-
- `).join('')}
+ {val:'1', lbl:'Рекламации', warn:true, icon:'
'},
+ {val:'48/60', lbl:'Мест на складе', warn:false, icon:'
'},
+ {val:'4/7', lbl:'Сборщиков онлайн',warn:false,icon:'
'},
+ {val:'42 уп.',lbl:'Экспедиция', warn:false, icon:'
'},
+ {val:'11/12', lbl:'Замеров в срок', warn:false, icon:'
'},
+ {val:'1', lbl:'Нарушений', warn:true, icon:'
'},
+ {val:'3', lbl:'Доп. заказов', green:true, icon:'
'},
+ ].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 \`
+
+ \${iconHtml}
+
\${k.val}
+
+
\${k.lbl}
+
\`;
+ }).join('')}