main.js

var mode = "year";
var timesEKG = ["7:55","8:00","8:45","8:50","9:35","9:50","9:55","10:40","10:45","11:30","11:45","11:50","12:35","12:40","13:25","13:30","14:10","14:15","15:00","15:05","15:50"];
var timesHNBK = ["7:30","9:00","9:15","10:45","11:15","12:45","13:00","14:30"];

function calcPercentage() {
  var start, end;
  if(mode == "year") {
    // * 1 um den String zu einem Number-Objekt zu konvertieren
    start = moment().startOf("year").format("x") * 1;
    end = moment().endOf("year").format("x") * 1;
  } else if(mode == "day") {
    start = moment().startOf("day").format("x") * 1;
    end = moment().endOf("day").format("x") * 1;
  } else if(mode.startsWith("lesson")) {
    // ich weiß dass das hier richtig ineffizient ist aber naja ist halt "beta" xd

    var times;
    switch(mode) {
      case "lessonekg":
        times = timesEKG;
        break;
      case "lessonhnbk":
        times = timesHNBK;
        break;
    }

    var hour = moment().hours();
    var minute = moment().minutes();
    for(var i = 0; i < times.length; i++) {
      var splited = times[i].split(":");
      if(splited[0] < hour) {
        continue;
      }
      if(splited[1] <= minute && !(splited[0] > hour)) {
        continue;
      }
      if(i > 0) {
        var splited_start = times[i-1].split(":");
        start = moment().hours(splited_start[0]).minutes(splited_start[1]).startOf("minute").format("x") * 1;
        end = moment().hours(splited[0]).minutes(splited[1]).startOf("minute").format("x") * 1;
        break;
      }
    }
    if(!start && !end) {
      alert("Error. Please retry while a lesson is ongoing. Switching to Year Progress Mode...");
      setMode("year","Year Progress")
    }
  } else if(mode == "lifetime") {
    start = moment("26.08.2003","DD.MM.YYYY").format("x") * 1;
    // Ausgegangen von 77 Jahren Lebenserwartung (haha so lang leb ich niemals...)
    end = moment("26.08.2080","DD.MM.YYYY").format("x") * 1;
  } else if(mode == "minute") {
    start = moment().startOf("minute").format("x") * 1;
    end = moment().endOf("minute").format("x") * 1;
  } else if(mode == "hour") {
    start = moment().startOf("hour").format("x") * 1;
    end = moment().endOf("hour").format("x") * 1;
  } else if(mode == "second") {
    start = moment().startOf("second").format("x") * 1;
    end = moment().endOf("second").format("x") * 1;
  }
  var dur = end - start;
  var now = moment().format("x");
  var nowrelative = now - start;
  var fraction = nowrelative / dur;
  var percentage = fraction * 100;
  return percentage;
}

function updateDisplay(percentage) {
  document.getElementById("text").innerText = percentage.toFixed(10) + "%";
  document.getElementById("processbarinner").style.width = percentage + "%";
}

function update() {
   updateDisplay(calcPercentage());
   window.requestAnimationFrame(update);
}

let modeHandlers = {}

function onModeSelected(e) {
  modeHandlers[e.target.value]()
}

function init() {
  window.requestAnimationFrame(update);
  addModeBtn("year","Year Progress");
  addModeBtn("day","Day Progress");
  addModeBtn("minute","Minute Progress");
  addModeBtn("hour","Hour Progress");
  addModeBtn("second","Second Progress");
  addModeBtn("lessonekg","Lesson Progress EKG");
  addModeBtn("lessonhnbk","Lesson Progress HNBK");
  addModeBtn("lifetime","Lifespan");
  document.querySelector("#processbar").onclick = e => {
    var progressText = document.querySelector("#text");
    if(progressText.style.display === "none") {
      progressText.style.display = "";
    } else {
      progressText.style.display = "none";
    }
  };
  document.querySelector('#modeselect').onchange = onModeSelected
}

window.onload = init;

//setInterval(() => updateDisplay(calcPercentage()), 25);

function addModeBtn(name, displayName, title) {
  if(!displayName) {
    displayName = name;
  }
  if(!title) {
    title = displayName;
  }
  var elem = document.createElement("option");
  elem.className = "switch";
  elem.innerText = displayName;
  elem.value = name
  modeHandlers[name] = () => setMode(name, title)
  document.getElementById("modeselect").appendChild(elem);
}

function setMode(modename,modetitle) {
  mode = modename;
  document.getElementById("title").innerText = modetitle;
  document.title = modetitle;
  document.getElementById("modeselect").value = modename
}