Hello. At the beginning I will say that I am a fresh Fitbit Ionic user and a studio application.
I started to create "clock face" for myself and I have small problems because I could not understand some of the entries from the API documentation.
My personal clockwork has the background I have taken (uploaded photo) and shows the time.
I do not know what I'm doing wrong, but I can not program the following things:
- date (day, month, year)
- heart rate measurement
- and most importantly, or the battery indicator.
Below is my current code:
app/index.js
import document from "document";
import clock from "clock";
/* --------- CLOCK ---------- */
let myClock = document.getElementById("myClock");
clock.granularity = 'seconds'; // seconds, minutes, hours
clock.ontick = function(evt) {
myClock.text = ("0" + evt.date.getHours()).slice(-2) + ":" +
("0" + evt.date.getMinutes()).slice(-2) + ":" +
("0" + evt.date.getSeconds()).slice(-2);
};
import { battery } from "power";
console.log(Math.floor(battery.chargeLevel) + "%");
import { charger } from "power";
console.log("The charger " + (charger.connected ? "is" : "is not") + " connected");
resources/index.gui
<svg>
<image href="monika.jpg" />
<text id="myClock" class="time">
</text>
</svg>
resources/styles.css
.time{
x: 50%;
y: 50%+15;
fill: white;
font-size: 80;
font-family: Colfax-Black;
text-anchor: middle;
text-length: 10;
}resources/widget.gui
<svg>
<defs>
<link rel="stylesheet" href="styles.css" />
<link rel="import" href="/mnt/sysassets/widgets_common.gui" />
</defs>
</svg>What do I need to add to this code? I am waiting for advice, best regards.
