BangleApps/apps/activepedom/app.js

(() => {

const storage = require("Storage");
var history = 86400000; // 28800000=8h 43200000=12h //86400000=24h

//Convert ms to time
function getTime(t)  {
    date = new Date(t);
    offset = date.getTimezoneOffset() / 60;
    //var milliseconds = parseInt((t % 1000) / 100),
    seconds = Math.floor((t / 1000) % 60);
    minutes = Math.floor((t / (1000 * 60)) % 60);
    hours = Math.floor((t / (1000 * 60 * 60)) % 24);
    hours = hours - offset;
    hours = (hours < 10) ? "0" + hours : hours;
    minutes = (minutes < 10) ? "0" + minutes : minutes;
    seconds = (seconds < 10) ? "0" + seconds : seconds;
    return hours + ":" + minutes + ":" + seconds;
}

function getDate(t) {
    date = new Date(t*1);
    year = date.getFullYear();
    month = date.getMonth()+1; //month is zero-based
    day = date.getDate();
    month = (month < 10) ? "0" + month : month;
    day = (day < 10) ? "0" + day : day;
    return year + "-" + month + "-" + day;
}

//columns: 0=time, 1=stepsCounted, 2=active, 3=stepsTooShort, 4=stepsTooLong, 5=stepsOutsideTime
function getArrayFromCSV(file, column) { 
    i = 0;
    array = [];
    now = new Date();
    while ((nextLine = file.readLine())) { //as long as there is a next line
        if(nextLine) {
            dataSplitted = nextLine.split(','); //split line, 
            diff = now - dataSplitted[0]; //calculate difference between now and stored time
            if (diff <= history) { //only entries from the last x ms
                    array.push(dataSplitted[column]);
            }
        }
        i++;
    }
    return array;
}

function drawGraph() {
    //times
    // actives = getArrayFromCSV(csvFile, 2);
    // shorts = getArrayFromCSV(csvFile, 3);
    // longs = getArrayFromCSV(csvFile, 4);
    // outsides = getArrayFromCSV(csvFile, 5); //array.push(dataSplitted[5].slice(0,-1));
    now = new Date();
    month = now.getMonth() + 1;
    if (month < 10) month = "0" + month;
    filename = filename = "activepedom-" + now.getFullYear() + month + now.getDate() + ".data";
    var csvFile = storage.open(filename, "r");
    times = getArrayFromCSV(csvFile, 0);
    first = getDate(times[0]) + " " + getTime(times[0]);
    last =  getDate (times[times.length-1]) + " " + getTime(times[times.length-1]);
    //free memory
    csvFile = undefined;
    times = undefined;

    //steps
    var csvFile = storage.open(filename, "r");
    steps = getArrayFromCSV(csvFile, 1);
    //define y-axis grid labels
    stepsLastEntry = steps[steps.length-1];
    if (stepsLastEntry < 1000) gridyValue = 100;
    if (stepsLastEntry >= 1000 && stepsLastEntry < 10000) gridyValue = 500;
    if (stepsLastEntry > 10000) gridyValue = 5000;

    //draw
    drawMenu();
    g.drawString("First: " + first, 40, 30);
    g.drawString(" Last: " + last, 40, 40);
    require("graph").drawLine(g, steps, {
        //title: "Steps Counted",
        axes : true,
        gridy : gridyValue,
        y : 50, //offset on screen
        x : 5, //offset on screen
    });
    //free memory from big variables
    allData = undefined;
    allDataFile = undefined;
    csvFile = undefined;
    times = undefined;
}

function drawMenu () {
    g.clear();
    g.setFont("6x8", 1);
    g.drawString("BTN1:Timespan | BTN2:Draw", 20, 10);
    g.drawString("Timespan: " + history/1000/60/60 + " hours", 20, 20);
}

setWatch(function() { //BTN1
    switch(history) {
        case 3600000 : //1h
            history = 14400000; //4h
            break;
        case 86400000 : //24
            history = 3600000; //1h
            break;
        default : 
            history = history + 14400000; //4h
            break;
    }
    drawMenu();
}, BTN1, {edge:"rising", debounce:50, repeat:true});

setWatch(function() { //BTN2
    g.setFont("6x8", 2);
    g.drawString ("Drawing...",30,60);
    drawGraph();
}, BTN2, {edge:"rising", debounce:50, repeat:true});

setWatch(function() { //BTN3
}, BTN3, {edge:"rising", debounce:50, repeat:true});

setWatch(function() { //BTN4
}, BTN4, {edge:"rising", debounce:50, repeat:true});

setWatch(function() { //BTN5
}, BTN5, {edge:"rising", debounce:50, repeat:true});

drawMenu();

})();