openCountdown/static/js/script.js

var newDateObj = new Date();
newDateObj =  new Date(newDateObj.getTime() + 1000*20)

allowFullscreen = true

function enterFullscreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.msRequestFullscreen) {      // for IE11 (remove June 15, 2022)
    element.msRequestFullscreen();
  } else if(element.webkitRequestFullscreen) {  // iOS Safari
    element.webkitRequestFullscreen();
  }
}

function percentage(partialValue, totalValue) {
  return (100 * partialValue) / totalValue;
} 

function updateFullscreen(){
  if(JSON.parse(document.getElementById("incomeData").innerHTML).defaultFullScreen && allowFullscreen){
    enterFullscreen(document.documentElement)
  }
}

function msToTime(s, data) {
  isSmallerThenZero = false
  if(s < 0){
    isSmallerThenZero = true
  }

  var ms = s % 1000;
  s = (s - ms) / 1000;
  var secs = s % 60;
  s = (s - secs) / 60;
  var mins = s % 60;
  var hrs = (s - mins) / 60;
  let out = ""

  if(!data.showMilliSeconds){
    out = ('00' + Math.abs(hrs)).slice(-2) + ':' + ('00'+Math.abs(mins)).slice(-2) + ':' + ('00'+Math.abs(secs)).slice(-2)
  }else {
    out = ('00' + Math.abs(hrs)).slice(-2) + ':' + ('00'+Math.abs(mins)).slice(-2) + ':' + ('00'+Math.abs(secs)).slice(-2) + '.' + ('000'+Math.abs(ms)).slice(-3)
  }

  if(isSmallerThenZero){
    out = "-" + out
  }
  return out;
}

function findProgessColor(colors, value){
  console.info("\n\n\n\n\n")
  const allColors = Object.keys(colors);
  let resColor = colors["START"]

  for(let color in allColors){
    const currColor = allColors[color]
    console.log(color, currColor, parseInt(currColor), value, colors[String(currColor)])
    if(value <= parseInt(currColor)){
      console.log("trith")
      resColor = colors[currColor]
    }
  }

 //  console.info(resColor, value)
  return(resColor)
}

function handleUpdate() {
  resp = httpGet("/api/v1/data");

  var data = JSON.parse(resp);
  document.getElementById("incomeData").innerHTML = JSON.stringify(data)

  if(data.defaultFullScreen && document.getElementById("initalDate").innerHTML.includes("true") && allowFullscreen){
    enterFullscreen(document.documentElement);  
    document.getElementById("initalDate").innerHTML = "false"
  }

  if(data.showMessage) {
    document.getElementById("overlay").style.display = "block";
    document.getElementById("text").innerHTML = data.message
  }else{
    off()
  }

  if(new Date().getTime() - data.messageAppearTime < 5000) {
    if (! document.getElementById("text").classList.contains('blink') ){
      document.getElementById("text").classList.add("blink")
    }
  }else{
    if ( document.getElementById("text").classList.contains('blink') ){
      document.getElementById("text").classList.remove("blink")
    }
  }


  if (data.mode == "clock") {
    document.getElementById("timer").innerHTML = getTime();
    document.getElementById("testImg").style.display = "none";
    document.getElementById("wholeProgBar").style.display = "none";

  } else if (data.mode == "timer") {

    
    

    document.getElementById("wholeProgBar").style.display = "block";
    if(data.timerRunState){
      const now = new Date()
      const diff = data.countdownGoal - now.getTime()
      document.getElementById("timer").innerHTML = msToTime(diff, data);
      document.getElementById("progBar").style.width = percentage(diff, data.timeAmountInital) + "%";
      document.getElementById("progBar").style.backgroundColor = findProgessColor(data.colorSegments,diff)
      document.getElementById("testImg").style.display = "none";

    }
    if(data.showTimeOnCountdown){
      document.getElementById("clockSec").innerHTML = getTime();
    } else {
      document.getElementById("clockSec").innerHTML = "";
    }

  } else if (data.mode == "black") {
    document.getElementById("timer").innerHTML = "";
    document.getElementById("testImg").style.display = "none";
    document.getElementById("wholeProgBar").style.display = "none";
    
  } else if (data.mode == "test") {
    document.getElementById("timer").innerHTML = "";
    document.getElementById("testImg").style.display = "block";
    document.getElementById("progBar").style.display = "none";
  }
}

function httpGet(theUrl) {
  var xmlHttp = new XMLHttpRequest();
  xmlHttp.open("GET", theUrl, false); // false for synchronous request
  xmlHttp.send(null);
  return xmlHttp.responseText;
}

function getTime() {
  var date = new Date();
  var h = date.getHours(); // 0 - 23
  var m = date.getMinutes(); // 0 - 59
  var s = date.getSeconds(); // 0 - 59

  h = h < 10 ? "0" + h : h;
  m = m < 10 ? "0" + m : m;
  s = s < 10 ? "0" + s : s;

  var time = h + ":" + m + ":" + s;
  return time;
}

function on() {
  document.getElementById("overlay").style.display = "block";
}

function off() {
  document.getElementById("overlay").style.display = "none";
}

setInterval(handleUpdate, 200);

let temp = new URLSearchParams(window.location.search).get("smaller");


if (temp == "true") {
  var cssURL = '/css/smallerTextMod.css';
  document.head.innerHTML +='<link rel="stylesheet" href="' + cssURL + '"/>'
  allowFullscreen = false
}