aboutsummaryrefslogtreecommitdiff
path: root/app
diff options
context:
space:
mode:
Diffstat (limited to 'app')
-rw-r--r--app/index.js58
1 files changed, 51 insertions, 7 deletions
diff --git a/app/index.js b/app/index.js
index 2edb901..ef5a7cf 100644
--- a/app/index.js
+++ b/app/index.js
@@ -32,6 +32,7 @@ let hr2 = document.getElementById("hr2");
let hr3 = document.getElementById("hr3");
// Activity
+let actContainer = document.getElementById("act-container");
let actIcon = document.getElementById("act-icon");
let act1 = document.getElementById("act1");
let act2 = document.getElementById("act2");
@@ -135,7 +136,18 @@ function setDate(val) {
}
function setDay(val) {
- day.image = getDayImg(val);
+ let days = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];
+ let dayName = days[val];
+ day.image = `quantifier/${dayName}.png`;
+ if (dayName === "sun" || dayName === "tue" || dayName === "thu") {
+ day.width = 61;
+ } else if (dayName === "fri") {
+ day.width = 49;
+ } else if (dayName === "sat") {
+ day.width = 60;
+ } else {
+ day.width = 66;
+ }
}
function setHeartRate(val) {
@@ -149,24 +161,51 @@ function setHeartRate(val) {
}
function setActivity(activity, val) {
+ let position = 140;
actIcon.image = `icons/stat_${activity}_solid_24px.png`;
- drawDigit(val % 10, act6);
+ let digit = val % 10;
+ if (digit == 1) {
+ position += 7; // adjust for narrower 1
+ }
val = Math.floor(val / 10);
+ drawDigit(digit, act6);
- drawDigit(val % 10, act5);
+ digit = val % 10;
+ if (digit == 1) {
+ position += 7; // adjust for narrower 1
+ }
val = Math.floor(val / 10);
+ drawDigit(digit, act5);
- drawDigit(val % 10, act4);
+ digit = val % 10;
+ if (digit == 1) {
+ position += 7; // adjust for narrower 1
+ }
val = Math.floor(val / 10);
+ drawDigit(digit, act4);
- drawDigit(val % 10, act3);
+ digit = val % 10;
+ if (digit == 1) {
+ position += 7; // adjust for narrower 1
+ }
val = Math.floor(val / 10);
+ drawDigit(digit, act3);
- drawDigit(val % 10, act2);
+ digit = val % 10;
+ if (digit == 1) {
+ position += 7; // adjust for narrower 1
+ }
val = Math.floor(val / 10);
+ drawDigit(digit, act2);
+
+ digit = val % 10;
+ if (digit == 1) {
+ position += 7; // adjust for narrower 1
+ }
+ drawDigit(digit, act1);
- drawDigit(val % 10, act1);
+ actContainer.x = position;
}
function drawNumeral(val, place) {
@@ -175,6 +214,11 @@ function drawNumeral(val, place) {
function drawDigit(val, place) {
place.image = `quantifier/${val}.png`
+ if (val == 1) {
+ place.width = 11;
+ } else {
+ place.width = 18;
+ }
}
function getDayImg(index) {