Adds rounded corners for upper limit button

master
msdeibel 2020-03-01 12:10:17 +01:00
parent a2bcc84bea
commit 173d9a2dae
2 changed files with 40 additions and 5 deletions

4
apps/wohrm/.gitignore vendored Normal file
View File

@ -0,0 +1,4 @@
/node_modules
/.eslintrc.js
/package.json
/package-lock.json

View File

@ -1,13 +1,14 @@
/* eslint-disable no-undef */
const Setter = { const Setter = {
UPPER: 'upper', UPPER: 'upper',
LOWER: 'lower' LOWER: 'lower'
}; };
upperLimit = 130; let upperLimit = 130;
lowerLimit = 100; let lowerLimit = 100;
limitSetter = Setter.LOWER; let limitSetter = Setter.LOWER;
currentHeartRate = 0; let currentHeartRate = 0;
hrConfidence = -1; let hrConfidence = -1;
function drawTrainingHeartRate() { function drawTrainingHeartRate() {
renderUpperLimit(); renderUpperLimit();
@ -26,6 +27,36 @@ function renderUpperLimit() {
g.fillRect(140,40, 230, 70); g.fillRect(140,40, 230, 70);
g.fillRect(200,70, 230, 210); g.fillRect(200,70, 230, 210);
//Round top left corner
g.setColor(0,0,0);
g.fillRect(140,40, 145, 45);
g.setColor(255,0,0);
g.fillCircle(150,50, 10);
//Round top right corner
g.setColor(0,0,0);
g.fillRect(225,40, 230, 45);
g.setColor(255,0,0);
g.fillCircle(220,50, 10);
//Round middle left corner
g.setColor(0,0,0);
g.fillRect(140,65, 145, 70);
g.setColor(255,0,0);
g.fillCircle(150,60, 10);
//Round bottom left corner
g.setColor(0,0,0);
g.fillRect(200,205, 205, 210);
g.setColor(255,0,0);
g.fillCircle(210,200, 10);
//Round bottom right corner
g.setColor(0,0,0);
g.fillRect(225,205, 230, 210);
g.setColor(255,0,0);
g.fillCircle(220,200, 10);
if(limitSetter === Setter.UPPER){ if(limitSetter === Setter.UPPER){
g.setColor(255,255, 255); g.setColor(255,255, 255);
g.drawPoly([140,40,230,40,230,210,200,210,200,70,140,70], true); g.drawPoly([140,40,230,40,230,210,200,210,200,70,140,70], true);