From f7a797692373ccb53526c23a8bb0489c24c801b7 Mon Sep 17 00:00:00 2001 From: "Paul Gauthier (aider)" Date: Fri, 6 Dec 2024 14:43:05 -0800 Subject: [PATCH] feat: add red striped pattern for highlighted model with whole edit format --- aider/website/_includes/edit-leaderboard.js | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/aider/website/_includes/edit-leaderboard.js b/aider/website/_includes/edit-leaderboard.js index f8525f5e8..fa8a1baed 100644 --- a/aider/website/_includes/edit-leaderboard.js +++ b/aider/website/_includes/edit-leaderboard.js @@ -1,6 +1,7 @@ document.addEventListener('DOMContentLoaded', function () { var ctx = document.getElementById('editChart').getContext('2d'); - const diagonalPattern = pattern.draw('diagonal', 'rgba(54, 162, 235, 0.2)'); + const blueDiagonalPattern = pattern.draw('diagonal', 'rgba(54, 162, 235, 0.2)'); + const redDiagonalPattern = pattern.draw('diagonal', 'rgba(255, 99, 132, 0.2)'); let displayedData = []; const HIGHTLIGHT_MODEL = 'Qwen'; @@ -62,8 +63,15 @@ document.addEventListener('DOMContentLoaded', function () { // Use displayedData in the backgroundColor callback instead of allData leaderboardData.datasets[0].backgroundColor = function(context) { const row = displayedData[context.dataIndex]; - if (row && row.edit_format === 'whole') return diagonalPattern; - return 'rgba(54, 162, 235, 0.2)'; + const label = leaderboardData.labels[context.dataIndex] || ''; + if (label && label.includes(HIGHTLIGHT_MODEL)) { + if (row && row.edit_format === 'whole') return redDiagonalPattern; + else return 'rgba(255, 99, 132, 0.2)'; + } else if (row && row.edit_format === 'whole') { + return blueDiagonalPattern; + } else { + return 'rgba(54, 162, 235, 0.2)'; + } }; var tableBody = document.querySelector('table tbody');