godotengine/doc-status
1
0
Fork 0
mirror of https://github.com/godotengine/doc-status.git synced 2025-12-31 13:48:23 +03:00
Code Issues Packages Projects Releases Wiki Activity

Tweak the overall percentage color algorithm for better usability

Browse Source 
Only fully completed documentations will now have a green background.
The old algorithm is used again for incomplete documentations.
This commit is contained in:
Hugo Locurcio
2020-02-27 18:56:32 +01:00
parent f1715ca8dc
commit ccbbb75ce2
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
layouts/index.html
View File

@@ -15,11 +15,16 @@
<script>
// Color percentages in the Overall column depending on completion.
// Lower completion percentages are highlighted with a red background,
// whereas higher completion percentages are highlighted with a green background.
// Fully completed documentations are highlighted with a green background.
// Incomplete documentations have a red background whose opacity depends on the
// percentage (lower is more opaque).
document.querySelectorAll('td:nth-child(9)').forEach(td => {
const percentage = Math.floor(td.innerText.substring(0, td.innerText.length - 1));
td.style.backgroundColor = `rgba(${255 - Math.floor(percentage * 2.55)}, ${Math.floor(percentage * 2.55)}, 0, 0.25)`;
if (percentage === 100) {
td.style.backgroundColor = 'hsla(120, 100%, 50%, 0.25)';
} else {
td.style.backgroundColor = `hsla(0, 100%, 50%, ${0.334 - percentage / 300.0})`
}
})
</script>
</body>