---
---
// Collection of scripts to deploy a server hosting several open-source games
// Copyright (C) 2022  Jarno van der Kolk
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU Affero General Public License as published
// by the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with this program.  If not, see <http://www.gnu.org/licenses/>.

let heightScale = d3.scaleLinear()
  .domain([0,100])
  .range([99,1]);
let timeScale = d3.scaleLinear()
  .domain([0,60])
  .range([10,190]);
let connection_lost_since = false;

function updateGraph(data, svgid, property_class, property) {
  d3.select(svgid)
    .selectAll('line')
    .data(data, function(d) {return d.t})
    .join(
      function(enter) {
        return enter
          .append('line')
          .attr('x1', function(d,i){return timeScale(i)})
          .attr('x2', function(d,i){return timeScale(i)})
          .attr('y1', function(d,i){return heightScale(0)})
          .attr('y2', 99)
          .attr('class', property_class)
          .attr('vector-effect', 'non-scaling-stroke');
      },
      function(update) {
        return update
      },
      function(exit) {
        return exit.remove();
      }
    )
    .transition()
    .ease(d3.easeLinear)
    .duration(5000)
    .attr('x1', function(d,i){return timeScale(i-1)})
    .attr('x2', function(d,i){return timeScale(i-1)})
    .attr('y1', function(d,i){return heightScale(d[property])})
}

function update() {
  d3.json('http{% if site.content.ssl %}s{% endif %}://{{ site.content.domain_name }}/monitoring/all').then(function(data){
    d3.selectAll("text.connlost").remove();
    updateGraph(data, '#memgraph', 'mem', 'm');
    updateGraph(data, '#cpugraph', 'cpu', 'c');
  })
  .catch(() => {
    if(!connection_lost_since) {
      connection_lost_since = d3.timeSecond();
    }
    const seconds = [d3.timeSecond.count(connection_lost_since, d3.timeSecond())];
    d3.selectAll("line.cpu").remove();
    d3.selectAll("line.mem").remove();
    d3.select("#cpugraph")
      .selectAll("text")
      .data(seconds)
      .join("text")
      .attr("x", 100)
      .attr("y", 50)
      .classed("connlost", true)
      .text(d => `Connection lost ${d} seconds ago`);
    d3.select("#memgraph")
      .selectAll("text")
      .data(seconds)
      .join("text")
      .attr("x", 100)
      .attr("y", 50)
      .classed("connlost", true)
      .text(d => `Connection lost ${d} seconds ago`);
  });
}

document.addEventListener("DOMContentLoaded", (event) => {
  update();
  setInterval(update, 5000);
});