feat(dashboard): highlight best choice (★) and current system choice (●)
- Add .hm-best CSS: green border + subtle green background - renderTable(): show ★ badge when model equals best_model - renderTable(): show ● badge when model equals current_model (info[2]) - Both borders (hm-best + hm-cur) can overlap if best == current
This commit is contained in:
@@ -16,6 +16,7 @@ th{background:var(--bg2);color:var(--txt2);font-size:.72rem;text-transform:upper
|
||||
td:first-child{text-align:left;font-weight:700;white-space:nowrap}
|
||||
td.score{font-weight:700;font-family:monospace}
|
||||
.hm-cur{box-shadow:inset 0 0 0 2px var(--cyan)}
|
||||
.hm-best{box-shadow:inset 0 0 0 2px var(--green);background:rgba(0,255,148,.12)}
|
||||
.high{background:rgba(0,255,148,.18);color:var(--green)}
|
||||
.good{background:rgba(0,212,255,.14);color:var(--cyan)}
|
||||
.med{background:rgba(168,85,247,.15);color:var(--purple)}
|
||||
@@ -303,10 +304,15 @@ function renderTable(){
|
||||
allModels.forEach(m=>{
|
||||
const score=a.evaluations[m];
|
||||
const isCur=a.info&&a.info[2]&&a.info[2].includes(m);
|
||||
const isBest=a.best_model===m&&a.best_score>0;
|
||||
let cls='na',text='—',click=`onclick="openCellModal('${a.name}','${m}')"`;
|
||||
if(score!==undefined&&score>0){cls=clsFor(score);text=Math.round(score);click=`onclick="openDetail('${a.name}','${m}')"`;}
|
||||
let badges='';
|
||||
if(isBest) badges+='<span style="color:var(--green);font-size:.78rem"> ★</span>';
|
||||
if(isCur) badges+='<span style="color:var(--cyan);font-size:.78rem"> ●</span>';
|
||||
const curCls=isCur?' hm-cur':'';
|
||||
html+=`<td class="${cls}${curCls}" data-model="${m}" ${click}>${text}${isCur?' ●':''}</td>`;
|
||||
const bestCls=isBest?' hm-best':'';
|
||||
html+=`<td class="${cls}${curCls}${bestCls}" data-model="${m}" ${click}>${text}${badges}</td>`;
|
||||
});
|
||||
html+=`<td>${a.best_model}</td><td style="font-weight:700">${Math.round(a.best_score)}</td></tr>`;
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user