deepcrayon/lila
deepcrayon/lila
1
0
Fork 0
Code Releases Activity

Merge pull request #3468 from niklasf/signal-bars

Browse source 
replace ping led with signal bars
This commit is contained in:
Thibault Duplessis 2017-08-18 14:37:06 -05:00 committed by GitHub
parent 0dbcde48d2 bc35895bdf
commit 938b87e638
2 changed files with 12 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
public/stylesheets/dasherApp.css
View file

@ -42,16 +42,11 @@
padding: 5px 0;
border-top: 1px solid #ddd;
}
#dasher_app .status .led {
#dasher_app .status signal {
position: absolute;
right: 10px;
top: 12px;
font-size: 20px;
opacity: 0.8;
width: 20px;
height: 20px;
border-radius: 50%;
box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.4);
font-size: 14px;
}
#dasher_app .status .ping,
#dasher_app .status .server {

18
ui/dasher/src/ping.ts
View file

@ -35,11 +35,15 @@ export function ctrl(trans: Prop<Trans>, redraw: Redraw): PingCtrl {
return { data, trans };
}
function ledStyle(d: PingData): string {
const l = (d.server || 0) + (d.ping || 0) - 100;
const ratio = Math.max(Math.min(l / 1200, 1), 0);
const hue = ((1 - ratio) * 120).toString(10);
return `background: hsl(${hue},100%,40%)`;
function signalBars(d: PingData) {
const lagRating =
!d.ping ? 0 :
(d.ping < 15) ? 4 :
(d.ping < 30) ? 3 :
(d.ping < 50) ? 2 : 1;
const bars = [];
for (let i = 1; i <= 4; i++) bars.push(h(i <= lagRating ? 'i' : 'i.off'));
return h('signal.q' + lagRating, bars);
}
export function view(ctrl: PingCtrl): VNode {
@ -47,9 +51,7 @@ export function view(ctrl: PingCtrl): VNode {
const d = ctrl.data;
return h('a.status', { attrs: {href: '/lag'} }, [
h('span.led', {
attrs: { style: ledStyle(d) }
}),
signalBars(d),
h('span.ping.hint--left', {
attrs: { 'data-hint': 'PING: ' + ctrl.trans.noarg('networkLagBetweenYouAndLichess') }
}, [