diff --git a/apps/run/app.js b/apps/run/app.js index 4038b8c1a..4a4956a59 100644 --- a/apps/run/app.js +++ b/apps/run/app.js @@ -1,16 +1,24 @@ -var ExStats = require("exstats"); -var B2 = process.env.HWVERSION===2; -var Layout = require("Layout"); -var locale = require("locale"); -var fontHeading = "6x8:2"; -var fontValue = B2 ? "6x15:2" : "6x8:3"; -var headingCol = "#888"; -var fixCount = 0; -var isMenuDisplayed = false; +// Use widget utils to show/hide widgets +let wu = require("widget_utils"); -g.clear(); +let runInterval; +let karvonnenActive = false; +// Run interface wrapped in a function +//function run() { +let ExStats = require("exstats"); +let B2 = process.env.HWVERSION===2; +let Layout = require("Layout"); +let locale = require("locale"); +let fontHeading = "6x8:2"; +let fontValue = B2 ? "6x15:2" : "6x8:3"; +let headingCol = "#888"; +let fixCount = 0; +let isMenuDisplayed = false; + +g.reset().clear(); Bangle.loadWidgets(); Bangle.drawWidgets(); +wu.show(); // --------------------------- let settings = Object.assign({ @@ -37,14 +45,14 @@ let settings = Object.assign({ }, }, }, require("Storage").readJSON("run.json", 1) || {}); -var statIDs = [settings.B1,settings.B2,settings.B3,settings.B4,settings.B5,settings.B6].filter(s=>s!==""); -var exs = ExStats.getStats(statIDs, settings); +let statIDs = [settings.B1,settings.B2,settings.B3,settings.B4,settings.B5,settings.B6].filter(s=>s!==""); +let exs = ExStats.getStats(statIDs, settings); // --------------------------- // Called to start/stop running function onStartStop() { - var running = !exs.state.active; - var prepPromises = []; + let running = !exs.state.active; + let prepPromises = []; // start/stop recording // Do this first in case recorder needs to prompt for @@ -72,25 +80,25 @@ function onStartStop() { Promise.all(prepPromises) .then(() => { - if (running) { - exs.start(); - } else { - exs.stop(); - } - layout.button.label = running ? "STOP" : "START"; - layout.status.label = running ? "RUN" : "STOP"; - layout.status.bgCol = running ? "#0f0" : "#f00"; - // if stopping running, don't clear state - // so we can at least refer to what we've done - layout.render(); - }); + if (running) { + exs.start(); + } else { + exs.stop(); + } + layout.button.label = running ? "STOP" : "START"; + layout.status.label = running ? "RUN" : "STOP"; + layout.status.bgCol = running ? "#0f0" : "#f00"; + // if stopping running, don't clear state + // so we can at least refer to what we've done + layout.render(); + }); } -var lc = []; +let lc = []; // Load stats in pair by pair -for (var i=0;i{ settings.notify[e.id].notifications.reduce(function (promise, buzzPattern) { - return promise.then(function () { - return Bangle.buzz(buzzPattern[0], buzzPattern[1]); - }); + return promise.then(function () { + return Bangle.buzz(buzzPattern[0], buzzPattern[1]); + }); }, Promise.resolve()); }); } Object.keys(settings.notify).forEach((statType) => { if (settings.notify[statType].increment > 0 && exs.stats[statType]) { - configureNotification(exs.stats[statType]); + configureNotification(exs.stats[statType]); } }); @@ -138,8 +146,156 @@ Bangle.on("GPS", function(fix) { Bangle.buzz(); // first fix, does not need to respect quiet mode } }); -// We always call ourselves once a second to update -setInterval(function() { - layout.clock.label = locale.time(new Date(),1); - if (!isMenuDisplayed) layout.render(); -}, 1000); + +// run() function used to switch between traditional run UI and karvonnen UI +function run() { + if (karvonnenActive) g.reset().clear(); + karvonnenActive = false; + wu.show(); + layout.lazy = false; + layout.render(); + layout.lazy = true; + // We always call ourselves once a second to update + if (!runInterval){ + runInterval = setInterval(function() { + print(runInterval); + layout.clock.label = locale.time(new Date(),1); + if (!isMenuDisplayed && !karvonnenActive) layout.render(); + }, 1000); + } +} +run(); + +/////////////////////////////////////////////// +// Karvonnen +/////////////////////////////////////////////// + +// Korvonnen pasted inside a function +function karvonnen() { + // Attempt to stop listening to button + //clearWatch(); + clearInterval(runInterval); + runInterval = undefined; + karvonnenActive = true; + //This app is an extra feature implementation for the Run.app of the bangle.js. It's called run+ + //The calculation of the Heart Rate Zones is based on the Karvonnen method. It requires to know maximum and minimum heart rates. More precise calculation methods require a lab. + //Other methods are even more approximative. + wu.hide(); + let R = Bangle.appRect; + + g.reset().clearRect(R); + + g.drawLine(40,64,88,52,136,64); + g.drawLine(88,52,136,64); + g.drawLine(40,112,88,124); + g.drawLine(88,124,132,112); + g.setFont("Vector",20); + + //To calculate Heart rate zones, we need to know the heart rate reserve (HRR) + // HRR = maximum HR - Minimum HR. minhr is minimum hr, maxhr is maximum hr. + //get the hrr (heart rate reserve). + // I put random data here, but this has to come as a menu in the settings section so that users can change it. + let minhr = 48; + let maxhr = 187; + + function calculatehrr(minhr, maxhr) { + return maxhr - minhr;} + + //test input for hrr (it works). + let hrr = calculatehrr(minhr, maxhr); + console.log(hrr); + + //Test input to verify the zones work. The following value for "hr" has to be deleted and replaced with the Heart Rate Monitor input. + let hr = 174; + let hr1 = hr; + // These letiables display next and previous HR zone. + //get the hrzones right. The calculation of the Heart rate zones here is based on the Karvonnen method + //60-70% of HRR+minHR = zone2. //70-80% of HRR+minHR = zone3. //80-90% of HRR+minHR = zone4. //90-99% of HRR+minHR = zone5. //=>99% of HRR+minHR = serious risk of heart attack + let minzone2 = hrr * 0.6 + minhr; + let maxzone2 = hrr * 0.7 + minhr; + let maxzone3 = hrr * 0.8 + minhr; + let maxzone4 = hrr * 0.9 + minhr; + let maxzone5 = hrr * 0.99 + minhr; + + // HR data: large, readable, in the middle of the screen + g.setFont("Vector",50); + g.drawString(hr1, 62,66); + //These functions call arcs to show different HR zones. + + //To shorten the code, I'll reference some letiables and reuse them. + let centreX = R.x + 0.5 * R.w; //g.getWidth(); + let centreY = R.y + 0.5 * R.h; //g.getWidth(); + let minRadius = 0.38 * R.h; //g.getWidth(); + let maxRadius = 0.50 * R.h; //g.getWidth(); + + //####### A function to simplify a bit the code ###### + function simplify (sA, eA, Z) { + const zone= require("graphics_utils"); + let startAngle = zone.degreesToRadians(sA); + let endAngle = zone.degreesToRadians(eA); + zone.fillArc(g, centreX, centreY, minRadius, maxRadius, startAngle, endAngle); + g.drawString(Z, 29,80);} + + //####### A function to simplify next&previous zones ###### + function zoning (max, min) { + g.drawString(max, 56,28);g.drawString(min, 60,128);} + + //draw background image (dithered green zones)(I should draw different zones in different dithered colors) + const HRzones= require("graphics_utils"); + let minRadiusz = 0.44 * g.getWidth(); + let startAngle = HRzones.degreesToRadians(-88.5); + let endAngle = HRzones.degreesToRadians(268.5); + g.setColor("#002200"); + HRzones.fillArc(g, centreX, centreY, minRadiusz, maxRadius, startAngle, endAngle); + g.setFont("Vector",24); + + function getzone1() {g.setColor("#00ffff");{(simplify (-88.5, -20, "Z1"));}zoning(minzone2, minhr);} + function getzone2a() {g.setColor("#00ff00");{(simplify (-43.5, -21.5, "Z2"));}zoning(maxzone2, minzone2);} + function getzone2b() {g.setColor("#00ff00");{(simplify (-20, 1.5, "Z2"));}zoning(maxzone2, minzone2);} + function getzone2c() {g.setColor("#00ff00");{(simplify (3, 24, "Z2"));}zoning(maxzone2, minzone2);} + function getzone3a() {g.setColor("#ffff00");{(simplify (25.5, 46.5, "Z3"));}zoning(maxzone3, maxzone2);} + function getzone3b() {g.setColor("#ffff00");{(simplify (48, 69, "Z3"));}zoning(maxzone3, maxzone2);} + function getzone3c() {g.setColor("#ffff00");{(simplify (70.5, 91.5, "Z3"));}zoning(maxzone3, maxzone2);} + function getzone4a() {g.setColor("#ff8000");{(simplify (91, 114.5, "Z4"));}zoning(maxzone4, maxzone3);} + function getzone4b() {g.setColor("#ff8000");{(simplify (116, 137.5, "Z4"));}zoning(maxzone4, maxzone3);} + function getzone4c() {g.setColor("#ff8000");{(simplify (139, 160, "Z4"));}zoning(maxzone4, maxzone3);} + function getzone5a() {g.setColor("#ff0000");{(simplify (161.5, 182.5, "Z5"));}zoning(maxzone5, maxzone4);} + function getzone5b() {g.setColor("#ff0000");{(simplify (184, 205, "Z5"));}zoning(maxzone5, maxzone4);} + function getzone5c() {g.setColor("#ff0000");{(simplify (206.5, 227.5, "Z5"));}zoning(maxzone5, maxzone4);} + + function getzonealert() { + const HRzonemax = require("graphics_utils"); + let centreX1,centreY1,maxRadius1 = 1; + let minRadius = 0.40 * g.getWidth(); + let startAngle1 = HRzonemax.degreesToRadians(-90); + let endAngle1 = HRzonemax.degreesToRadians(270); + g.setFont("Vector",38);g.setColor("#ff0000"); + HRzonemax.fillArc(g, centreX, centreY, minRadius, maxRadius, startAngle1, endAngle1); + g.drawString("ALERT", 26,66); + } + //Subdivided zones for better readability of zones when calling the images. //Changing HR zones will trigger the function with the image and previous&next HR zones. + + if (hr <= hrr*0.6 + minhr) {(getzone1()); + } else if (hr <= hrr*0.64 + minhr) {(getzone2a()); + } else if (hr <= hrr*0.67+minhr) {(getzone2b()); + } else if (hr <= hrr * 0.7 + minhr) {(getzone2c()); + } else if (hr <= hrr * 0.74 + minhr) {(getzone3a()); + } else if (hr <= hrr * 0.77 + minhr) {(getzone3b()); + } else if (hr <= hrr * 0.8 + minhr) {(getzone3c()); + } else if (hr <= hrr * 0.84 + minhr) {(getzone4a()); + } else if (hr <= hrr * 0.87 + minhr) {(getzone4b()); + } else if (hr <= hrr * 0.9 + minhr) {(getzone4c()); + } else if (hr <= hrr * 0.94 + minhr) {(getzone5a()); + } else if (hr <= hrr * 0.96 + minhr) {(getzone5b()); + } else if (hr <= hrr * 0.98 + minhr) {(getzone5c()); + } else if (hr >= maxhr - 2) {g.clear();(getzonealert());} +} + +// Define the function to go back and foth between the different UI's +function swipeHandler(LR,_) { + if (LR==-1 && karvonnenActive && !isMenuDisplayed) run(); + if (LR==1 && !karvonnenActive && !isMenuDisplayed) karvonnen(); +} + +// Listen for swipes with the swipeHandler +Bangle.on("swipe", swipeHandler);