feat: make highlight parameter case-insensitive in leaderboard

This commit is contained in:
Paul Gauthier (aider) 2025-04-11 07:28:01 +12:00
parent 7983b4caf2
commit 96b350400f

View file

@ -17,14 +17,14 @@ document.addEventListener('DOMContentLoaded', function () {
backgroundColor: function(context) { backgroundColor: function(context) {
const row = allData[context.dataIndex]; const row = allData[context.dataIndex];
if (row && row.edit_format === 'whole') { if (row && row.edit_format === 'whole') {
return diagonalPattern; return redDiagonalPattern; // Use red pattern for highlighted whole format
} }
const label = leaderboardData.labels[context.dataIndex] || ''; const label = leaderboardData.labels[context.dataIndex] || '';
return (label && label.includes(HIGHLIGHT_MODEL)) ? 'rgba(255, 99, 132, 0.2)' : 'rgba(54, 162, 235, 0.2)'; return (label && HIGHLIGHT_MODEL && label.toLowerCase().includes(HIGHLIGHT_MODEL.toLowerCase())) ? 'rgba(255, 99, 132, 0.2)' : 'rgba(54, 162, 235, 0.2)';
}, },
borderColor: function(context) { borderColor: function(context) {
const label = context.chart.data.labels[context.dataIndex] || ''; const label = context.chart.data.labels[context.dataIndex] || '';
return (label && label.includes(HIGHLIGHT_MODEL)) ? 'rgba(255, 99, 132, 1)' : 'rgba(54, 162, 235, 1)'; return (label && HIGHLIGHT_MODEL && label.toLowerCase().includes(HIGHLIGHT_MODEL.toLowerCase())) ? 'rgba(255, 99, 132, 1)' : 'rgba(54, 162, 235, 1)';
}, },
borderWidth: 1 borderWidth: 1
}, { }, {
@ -78,11 +78,13 @@ document.addEventListener('DOMContentLoaded', function () {
leaderboardChart.render(); leaderboardChart.render();
} }
// Use displayedData in the backgroundColor callback instead of allData // Update backgroundColor and borderColor for the main dataset based on displayedData
leaderboardData.datasets[0].backgroundColor = function(context) { leaderboardData.datasets[0].backgroundColor = function(context) {
const row = displayedData[context.dataIndex]; const row = displayedData[context.dataIndex];
const label = leaderboardData.labels[context.dataIndex] || ''; const label = leaderboardData.labels[context.dataIndex] || '';
if (label && label.includes(HIGHLIGHT_MODEL)) { const isHighlighted = label && HIGHLIGHT_MODEL && label.toLowerCase().includes(HIGHLIGHT_MODEL.toLowerCase());
if (isHighlighted) {
if (row && row.edit_format === 'whole') return redDiagonalPattern; if (row && row.edit_format === 'whole') return redDiagonalPattern;
else return 'rgba(255, 99, 132, 0.2)'; else return 'rgba(255, 99, 132, 0.2)';
} else if (row && row.edit_format === 'whole') { } else if (row && row.edit_format === 'whole') {