console.log("bla")

var gauge = document.getElementById('temp-gauge');
var gauge2 = document.getElementById('temp-gauge2');
// Randomly add a data point every 500ms
var random = new TimeSeries();
var random2 = new TimeSeries();
setInterval(function() {
  fetch("/temps.json").then(function (resp) {
  return resp.json();
  }).then(function (resp) {
    console.log("resp: " + resp);
    var nr = Math.random() * 100;
    var nr2 = Math.random() * 100;
    nr = resp.pop();
    nr2 = resp.pop();
    console.log("nr: " + nr);
    random.append(new Date().getTime(), nr);
    random2.append(new Date().getTime(), nr2);
    gauge.dataset.value = nr;
    gauge2.dataset.value = nr2;
  });
}, 500);

function createTimeline() {
  var chart = new SmoothieChart({grid:{fillStyle:'transparent'}, labels:{fillStyle:'#000000'}});
  chart.addTimeSeries(random, { strokeStyle: 'rgba(0, 1, 0, 1)', fillStyle: 'rgba(0, 0, 0, 0.1)', lineWidth: 4 });
  chart.addTimeSeries(random2, { strokeStyle: 'rgba(0, 0, 1, 1)', fillStyle: 'rgba(0, 0, 0, 0.1)', lineWidth: 4 });
  chart.streamTo(document.getElementById("chart"), 500);
}

fetch("/temps.json").then(function (resp) {
  return resp.json();
}).then(function (resp) {
  console.log("resp: " + resp);
  random.append(new Date().getTime(), resp[0]);
  random2.append(new Date().getTime(), resp[1]);
});

function heat(h) {
    fetch("/heat",{ method: 'POST', body: JSON.stringify({message:h})})
}

createTimeline();