script.js

// date

let date = new Date();
let time = date.getTime();
let today = time;

let incrementer = 1000*60*60*24;

const minute = document.getElementById("minutes");

// working out the minutes for the past thirty days

function firstThirtyDays(minutes) {
  let sum = 0;
  let limiter = minutes.length < 30 ? minutes.length : 30;

  return minutes.slice(0, limiter).reduce((acc, el) => acc + el, 0);
}

// Gitpod availability in minutes

const gitpodUsage = array => {
  if (new Date(time).getMonth() > new Date(date).getMonth()) {
    return 50 * 60;
  } else {
      return (50 * 60) - firstThirtyDays(array);
  }
}

// element for weekday headings

const weekdays = () => {

  minute.innerHTML = ``;

  for (let i=0; i<7; i++) {
    minute.innerHTML += `<span class="days">${new Date (today).toLocaleString("default", { weekday: "long" })}</span>`;
    today += incrementer;
  }

  return minute.innerHTML += `<br /><br />`;

}

weekdays();

// check if the array needs resetting

const resetCheck = array => {

  if (array.reduce((acc, el) => acc + el, 0) === 0) {

    alert("Please reset the gitpodMinutes array");
    minute.innerText = "Please reset the gitpodMinutes array";

  } else if (array.reduce((acc, el) => acc + el, 0) > 0) {

      let counter = 30;

      while (counter > 0) {

        minute.innerHTML += `<span>
        <article>${new Date (time).getDate()} ${new Date (time).toLocaleString("default", { month: "long" })}</article>
        <article>Hours: ${Math.floor(gitpodUsage(array) / 60)}</article>
        <article>Minutes: ${Math.floor(((gitpodUsage(array) / 60) - Math.floor(gitpodUsage(array) / 60)) * 60)}</article>
        <article>Credits: ${Math.floor(gitpodUsage(array) / 6)}</article>
        </span>`;

        array.unshift(0);
        counter--;
        time += incrementer;

      }

   } else {

    alert("Please make sure the gitpodMinutes array only contains positive numbers");

  }

}

resetCheck(gitpodMinutes);