12 coundown

common/CountdownTimer.js

@@ -0,0 +1,58 @@
+import clock from "clock";
+import document from "document";
+import { vibration } from "haptics";
+import { me } from "appbit";
+
+
+// napTime to be user input
+export const napTime = '1';
+
+// Get a handle on the <text> element
+export const myLabel = document.getElementById("myLabel");
+
+// button function: up to start countdown timer
+export const listenButton = function() {
+  // CONTROL BUTTON to start countdown
+  document.onkeypress = function(e) {
+    if (e.key === "up") {
+      console.log("Key pressed: " + e.key); //just prints to log that button has been pressed
+      console.log("Countdown started.")
+      startCountdownTimer();
+    }
+    else {
+      console.log("Key pressed: " + e.key); //just prints to log that button has been pressed
+      me.exit(); 
+    }
+  }
+}
+
+// set naptTime & allow user to start timer with button
+export const setNapTime = function(t) {
+  napTime = t;
+  // show nap time on clockface
+  myLabel.text = `${napTime}`;
+  // CONTROL BUTTON
+  listenButton();
+}
+
+// start countdown timer
+export const startCountdownTimer = function() {
+  let cdTime = napTime + 1;
+  // updates the clock every minute
+  clock.granularity = "minutes";
+  // start ticking (per minute) the clock
+  clock.ontick = (evt) => {
+    napTime--;
+    // stop ticking clock & ring alarm
+    if (napTime === 0) {
+      clock.granularity = "off";
+      vibration.start("ring");
+      console.log("Fitbit alarm vibrating.")
+    }
+  }
+}
+
+// update minutes left on clock face
+export const updateTimer = (minsLeft) => {
+    myLabel.text = `${minsLeft}`;
+}

common/time.js

@@ -0,0 +1,14 @@
+export const getTimeStamp = () => {
+  const now = new Date();
+  return now.getTime();
+}
+
+export const getMinutes = () => {
+  const now = new Date();
+  return now.getMinutes();
+}
+
+export const getSeconds = () => {
+  const now = new Date();
+  return now.getSeconds();
+}

common/utils.js

@@ -0,0 +1,7 @@
+// Add zero in front of numbers < 10
+export function zeroPad(i) {
+  if (i < 10) {
+    i = "0" + i;
+  }
+  return i;
+}

resources/index.gui

@@ -1,3 +1,3 @@
-<svg>
-  <rect id="background" />
+<svg class="background">
+  <text id="myLabel" />
 </svg>

resources/styles.css

@@ -1,12 +1,13 @@
-.defaultText {
-  font-size: 32;
-  font-family: System-Regular;
-  font-weight: regular;
-  text-length: 32;
+.background {
+  viewport-fill: blue;
 }
 
-#background {
-  width: 100%;
-  height: 100%;
+#myLabel {
+  font-size: 80;
+  font-family: System-Bold;
+  text-length: 32;
+  text-anchor: middle;
+  x: 50%;
+  y: 50%+40;
   fill: white;
 }