pomodoro-timer/timer_script.js at main · alexwang9/pomodoro-timer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
document.addEventListener('DOMContentLoaded', () => {

  chrome.storage.local.get(['focusHours', 'focusMinutes', 'breakHours', 'breakMinutes', 'intervalAmount', 'currentInterval', 'intervalType', 'duration'], (result) => {
    const breakHours = result.breakHours;
    const breakMinutes = result.breakMinutes;
    const intervalTotal = result.intervalAmount;
    const currentInterval = result.currentInterval;
    const intervalType = result.intervalType;
    const totalDuration = (result.duration + breakHours * 60 * 60 * 1000 + breakMinutes * 60 * 1000) * intervalTotal;

    setTimer(currentInterval, intervalType);
    startTimer(totalDuration);
  });

  /*chrome.storage.local.get(['updateDom'], (result) => {
    if(result.updateDOM === 'true') {
      console.log("here");
      var myAudio = new Audio(chrome.runtime.getURL("ding.mp3"));
      myAudio.play();
      document.querySelector('.focus').textContent = 'Done!';
      document.querySelector('.focus').style.background = '#ebcc34';
      document.querySelector('.focus').style.color = 'black';
      document.querySelector('h1').textContent = '00:00:00';
      document.querySelector('.session').textContent = 'Close and reopen to reset timer!'
      chrome.storage.local.set({ 'running': false });
    }
  });*/
  /*chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
    if(message.updateDOM){
      var myAudio = new Audio(chrome.runtime.getURL("ding.mp3"));
      myAudio.play();
      document.querySelector('.focus').textContent = 'Done!';
      document.querySelector('.focus').style.background = '#ebcc34';
      document.querySelector('.focus').style.color = 'black';
      document.querySelector('h1').textContent = '00:00:00';
      document.querySelector('.session').textContent = 'Close and reopen to reset timer!'
      chrome.storage.local.set({ 'running': false });
    }
  });*/
});

function setTimer(currentInterval, intervalType) {
  const timerDisplay = document.querySelector('h1');
  const typeDisplay = document.querySelector('.focus');
  const sessionDisplay = document.querySelector('.session');

  chrome.storage.local.get(['time'], (result) => {
    timerDisplay.textContent = formatTime(result.time);
  });

  typeDisplay.textContent = (intervalType === 'focus') ? `Focus📖` : `Break🍵`;
  typeDisplay.style.background = (intervalType === 'focus') ? '#ff9a9a' : '#008a7a';
  typeDisplay.style.color = (intervalType === 'focus') ? 'black' : 'white';

  sessionDisplay.textContent = `Session ${currentInterval}`;
}

function startTimer(totalDuration) {
  const timerDisplay = document.querySelector('h1');
  const typeDisplay = document.querySelector('.focus');
  const sessionDisplay = document.querySelector('.session');

  var runtime = totalDuration + 1000;
  const intervalId = setInterval(() => {

    chrome.storage.local.get(['time', 'intervalType', 'currentInterval'], (result) => {
      timerDisplay.textContent = formatTime(result.time);
      typeDisplay.textContent = (result.intervalType === 'focus') ? `Focus📖` : `Break🍵`;
      typeDisplay.style.background = (result.intervalType === 'focus') ? '#ff9a9a' : '#008a7a';
      typeDisplay.style.color = (result.intervalType === 'focus') ? 'black' : 'white';

      sessionDisplay.textContent = `Session ${result.currentInterval}`;
    });

    runtime -= 1000;

    if(runtime === 0){
      clearInterval(intervalId);


      console.log("here");

      var myAudio = new Audio(chrome.runtime.getURL("ding.mp3"));
      myAudio.play();
      typeDisplay.textContent = `Done!`;
      typeDisplay.style.background = '#ebcc34';
      typeDisplay.style.color = 'black';
      timerDisplay.textContent = `00:00:00`;
      sessionDisplay.textContent = `Close and reopen to reset timer!`;
      chrome.storage.local.set({ 'running': false });
    }

  }, 1000);
}

function formatTime(milliseconds) {
  const hours = Math.floor(milliseconds / 3600000);
  const minutes = Math.floor((milliseconds % 3600000) / 60000);
  const seconds = Math.floor((milliseconds % 60000) / 1000);

  return `${padZero(hours)}:${padZero(minutes)}:${padZero(seconds)}`;
}

function padZero(value) {
  return value < 10 ? `0${value}` : value;
}