hackmato/script.js at main · NicholasIGuess/hackmato · 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
var shortBreak = 300;
var longBreak = 1800;
var pomodoro = 1500;
var timer = pomodoro;
var currentPhase = 0;
var numBreaks = 0;
var breakAmount = 4;
var timerInterval;

var startBtn = document.getElementById("start");
var pauseBtn = document.getElementById("pause");
var resetBtn = document.getElementById("reset");

function secondsToTime(seconds) {
    var m = Math.floor(seconds / 60);
    var s = Math.floor(seconds % 60);
    if (s < 10) {
        s = "0" + s;
    }
    return m + ":" + s;
}

function start() {
    if (timerInterval) {
        clearInterval(timerInterval);
    }
    timer = pomodoro;
    currentPhase = 0;
    document.getElementById("count").innerHTML = secondsToTime(timer);
    document.getElementById("phase").innerHTML = "started!";
    document.getElementsByClassName("timer")[0].style.backgroundColor = "#ff4747";
    timerInterval = setInterval(() => {
        timer--;
        document.getElementById("count").innerHTML = secondsToTime(timer);
        document.getElementById("phase").innerHTML = currentPhase == 0 ? "get to work!" : currentPhase == 1 ? "take a break!" : "nice, a long break!";
        document.title = secondsToTime(timer) + " - hackmato";
        if (timer == 0) {
            if (currentPhase == 0) {
                currentPhase = 1;
                timer = shortBreak;
                numBreaks++;
            } else if (currentPhase == 1) {
                if (numBreaks == breakAmount) {
                    currentPhase = 2;
                    timer = longBreak;
                    numBreaks = 0;
                } else {
                    currentPhase = 0;
                    timer = pomodoro;
                }
            } else if (currentPhase == 2) {
                currentPhase = 0;
                timer = pomodoro;
            }
            document.getElementById("phase").innerHTML = currentPhase == 0 ? "get to work!" : currentPhase == 1 ? "take a break!" : "nice, a long break!";
            document.getElementsByClassName("timer")[0].style.backgroundColor = currentPhase == 0 ? "#ff4747" : currentPhase == 1 ? "#88ff88" : "#47a9ff";
            document.getElementById("count").innerHTML = secondsToTime(timer);
        }
    }, 1000);
}

function pause() {
    if (timerInterval != null) {
        clearInterval(timerInterval);
        timerInterval = null;
        document.getElementById("phase").innerHTML = "paused :(";
        document.title = "paused - hackmato";
        document.getElementById("pause").innerHTML = "resume";
    } else {
        document.getElementById("phase").innerHTML = "resumed!";
        document.getElementById("pause").innerHTML = "pause";
        timerInterval = setInterval(() => {
            timer--;
            document.getElementById("phase").innerHTML = currentPhase == 0 ? "get to work!" : currentPhase == 1 ? "take a break!" : "nice, a long break!";
            document.getElementById("count").innerHTML = secondsToTime(timer);
            document.title = secondsToTime(timer) + " - hackmato";
            if (timer == 0) {
                if (currentPhase == 0) {
                    currentPhase = 1;
                    timer = shortBreak;
                    numBreaks++;
                } else if (currentPhase == 1) {
                    if (numBreaks == breakAmount) {
                        currentPhase = 2;
                        timer = longBreak;
                        numBreaks = 0;
                    } else {
                        currentPhase = 0;
                        timer = pomodoro;
                    }
                } else if (currentPhase == 2) {
                    currentPhase = 0;
                    timer = pomodoro;
                }
                document.getElementById("phase").innerHTML = currentPhase == 0 ? "get to work!" : currentPhase == 1 ? "take a break!" : "nice, a long break!";
                document.getElementsByClassName("timer")[0].style.backgroundColor = currentPhase == 0 ? "#ff4747" : currentPhase == 1 ? "#88ff88" : "#47a9ff";
                document.getElementById("count").innerHTML = secondsToTime(timer);
            }
        }, 1000);
    }
}

function reset() {
    clearInterval(timerInterval);
    timer = pomodoro;
    currentPhase = 0;
    document.getElementById("count").innerHTML = secondsToTime(timer);
    document.getElementById("phase").innerHTML = "press start!";
    document.title = "hackmato";
    document.getElementsByClassName("timer")[0].style.backgroundColor = "#ff4747";
    timerInterval = null;
    numBreaks = 0;
}

function openSettings() {
    if (document.getElementsByClassName("invisible")[0].style.display == "block") {
        for (var i = 0; i < document.getElementsByClassName("invisible").length; i++) {
            document.getElementsByClassName("invisible")[i].style.display = "none";
        }
    } else {
        for (var i = 0; i < document.getElementsByClassName("invisible").length; i++) {
            document.getElementsByClassName("invisible")[i].style.display = "block";
        }
    }
}

function update() {
    pomodoro = parseInt(document.getElementById("work").value) * 60;
    shortBreak = parseInt(document.getElementById("break").value) * 60;
    longBreak = parseInt(document.getElementById("rest").value) * 60;
    breakAmount = parseInt(document.getElementById("breaks").value);
    reset();
}