Socus/script.js at main · LuigiImVector/Socus · 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
var textArea = document.getElementsByTagName("textarea")[0];
var saveButton = document.getElementById("save-text");
var howItWorks = "Speed reading. \n\
Insert here the text that you would like to read, if you are using a smartphone enable Do Not Distraction mode else if you are using a computer click F11 to pass to the fullscreen mode. \n\
WPM means word per minute, so edit this paramether to adapt it to your demands. \n\
For any issues contact me on GitHub (@LuigiImVector).";

// Popup menu (textarea)
document.getElementsByClassName("side-button")[0].onclick = function () {
    document.getElementById("popup").style.top = "50%";
}

// Popup menu: button status change
textArea.addEventListener("input", function(event) {
    if(textArea.value.length>0)
    {
        saveButton.classList.add("enabled-button");
        saveButton.classList.remove("disabled-button");
    } else {
        saveButton.classList.add("disabled-button");
        saveButton.classList.remove("enabled-button");
    }
});

// Save text
saveButton.onclick = function () {
    if(textArea.value != "") {
        localStorage.setItem("text", textArea.value);

        document.getElementById("text").innerHTML = localStorage.getItem("text").slice(0, 10) + "...";

        document.getElementById("submit").classList.add("enabled-button");
        document.getElementById("submit").classList.remove("disabled-button");

        document.getElementById("popup").style.top = "-50%";
    }
}

// Close textarea button
document.getElementById("close").onclick = function () {
    document.getElementById("confirm-popup").style.top = "50%";
}

// Confirm close popup
document.getElementById("confirm-close").onclick = function () {
    document.getElementById("popup").style.top = "-50%";
    document.getElementById("confirm-popup").style.top = "-50%";
    document.getElementsByTagName("textarea")[0].value = localStorage.getItem("text");
    if(textArea.value == "")
    {
        saveButton.classList.add("disabled-button");
        saveButton.classList.remove("enabled-button");
    }

}

document.getElementById("cancel").onclick = function () {
    document.getElementById("confirm-popup").style.top = "-50%";
}

// Tutorial + Example text
document.getElementById("how-it-works").onclick = function () {
    textArea.value = howItWorks;
    saveButton.classList.add("enabled-button");
    saveButton.classList.remove("disabled-button");
}

// Start speed reading
document.getElementById("submit").onclick = function () {
    if (localStorage.getItem("text") != null && localStorage.getItem("text").length>0) {
        localStorage.setItem("wpm", document.getElementById("speed").value);

        window.location.href = "reader/index.html";
    }
}

window.addEventListener("load", function() {
    // Restore text
    if(localStorage.getItem("text") != null)
    {
        document.getElementById("text").innerHTML = localStorage.getItem("text").slice(0, 10) + "...";
        textArea.value = localStorage.getItem("text");

        saveButton.classList.add("enabled-button");
        saveButton.classList.remove("disabled-button");

        document.getElementById("submit").classList.add("enabled-button");
        document.getElementById("submit").classList.remove("disabled-button");
    }

    // Restore WPM value
    if(localStorage.getItem("wpm") != null) {
        document.getElementById("speed").getElementsByTagName('option')[localStorage.getItem("wpm").slice(0, -2)-1].selected = "selected";
    }
})

/*window.addEventListener("unload", function () {
    localStorage.removeItem("text");

    // update automatically when click submit button
    // localStorage.removeItem("wpm");
})*/

// Easter egg: Save text with CTRL+S

var isCtrl = false;
// When the user releases a key
document.onkeyup=function(e){
    if(e.keyCode == 17)
        isCtrl=false;
}

// When the user is pressing a key
document.onkeydown=function(e){
    if(e.keyCode == 17)
        isCtrl=true;
    if(e.keyCode == 83 && isCtrl) {
        if(textArea.value != "") {
            localStorage.setItem("text", textArea.value);
            document.getElementById("text").innerHTML = localStorage.getItem("text").slice(0, 10) + "...";
        }
        return false; // doens't open the save page window
    }
}