blob: 8838e2b06438ba8320febec9bae1dcccd6f6355a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
'use strict'
/* global theme */
/* global Color */
function Benchmark () {
this.matches = () => {
var a = [{ id: 'b_inv_f_inv', fc: theme.active.f_inv, bc: theme.active.b_inv }]
for (const fid in theme.active) {
if (fid.substr(0, 1) !== 'f' || fid.indexOf('_inv') > -1) { continue }
const fc = theme.active[fid]
for (const bid in theme.active) {
if (bid.substr(0, 1) !== 'b' || bid.indexOf('_inv') > -1) { continue }
const bc = theme.active[bid]
a.push({ id: `${bid}_${fid}`, fc: fc, bc: bc })
}
}
return a
}
this.refresh = () => {
const logs = []
let score = 0
let errors = 0
for (const match of this.matches()) {
const rating = new Color(match.fc).contrast(new Color(match.bc))
const cell = document.getElementById(match.id)
let rune = ''
if (rating === 1) {
rune = '[X]'
logs.push(`Error: Overlap for ${match.fc}/${match.bc}`)
errors += 1
} else if (rating < 1.25) {
rune = '[!]'
score += 1
} else if (rating < 2) {
rune = '[~]'
score += 2
} else {
score += 5
}
cell.innerHTML = `${rating.toFixed(2)}<span style='color:var(--f_inv)'>${rune}<span>`
}
// Order
const fhigh = new Color(theme.active.f_high).contrast(new Color(theme.active.background))
const fmed = new Color(theme.active.f_med).contrast(new Color(theme.active.background))
const flow = new Color(theme.active.f_low).contrast(new Color(theme.active.background))
const bhigh = new Color(theme.active.b_high).contrast(new Color(theme.active.background))
const bmed = new Color(theme.active.b_med).contrast(new Color(theme.active.background))
const blow = new Color(theme.active.b_low).contrast(new Color(theme.active.background))
if (fmed < flow) { logs.push('flip f_med with f_low') }
if (fhigh < fmed) { logs.push('flip f_high with f_med') }
if (bmed < blow) { logs.push('flip b_med with b_low') }
if (bhigh < bmed) { logs.push('flip b_high with b_med') }
// Distribution
const fsum = fhigh + fmed + flow
document.getElementById('dis_f_high').style.width = `${((fhigh / fsum) * 100).toFixed(2)}%`
document.getElementById('dis_f_med').style.width = `${((fmed / fsum) * 100).toFixed(2)}%`
document.getElementById('dis_f_low').style.width = `${((flow / fsum) * 100).toFixed(2)}%`
const bsum = bhigh + bmed + blow
document.getElementById('dis_b_high').style.width = `${((bhigh / bsum) * 100).toFixed(2)}%`
document.getElementById('dis_b_med').style.width = `${((bmed / bsum) * 100).toFixed(2)}%`
document.getElementById('dis_b_low').style.width = `${((blow / bsum) * 100).toFixed(2)}%`
const perc = (score / (this.matches().length * 5)) * 100
const cat = errors > 0 ? 'fix errors' : perc === 100 ? 'perfect' : perc > 80 ? 'good' : perc > 75 ? 'average' : 'bad'
document.getElementById('score').innerHTML = `<span style='color:var(--f_high)'>${cat}</span> ${score}/${this.matches().length * 5} <span style='color:var(--f_low)'>${perc.toFixed(1)}%</span>`
document.getElementById('debug').innerHTML = logs.join('\n')
}
}
|
