summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--public/common/client.js30
1 files changed, 17 insertions, 13 deletions
diff --git a/public/common/client.js b/public/common/client.js
index d179d94..7237c0a 100644
--- a/public/common/client.js
+++ b/public/common/client.js
@@ -73,28 +73,30 @@ function drag_element_with_mouse(element_sel, grabber_sel) {
grabber.addEventListener('mousedown', md);
}
-/* YOUR TURN BLINKER */
+/* TITLE BLINKER */
-let is_your_turn = false;
-let your_turn_timer = 0;
-let your_turn_title = document.title;
+let blink_title = document.title;
+let blink_timer = 0;
-function start_your_turn_blinker() {
+function start_blinker(message) {
let tick = true;
+ if (blink_timer)
+ stop_blinker();
if (!document.hasFocus()) {
- your_turn_timer = setInterval(function () {
- document.title = tick ? "YOUR TURN" : your_turn_title;
+ blink_timer = setInterval(function () {
+ document.title = tick ? message : blink_title;
tick = !tick;
}, 1000);
}
}
-function stop_your_turn_blinker() {
- document.title = your_turn_title;
- clearInterval(your_turn_timer);
+function stop_blinker() {
+ document.title = blink_title;
+ clearInterval(blink_timer);
+ blink_timer = 0;
}
-window.addEventListener("focus", stop_your_turn_blinker);
+window.addEventListener("focus", stop_blinker);
function add_chat_lines(log) {
function format_time(date) {
@@ -256,6 +258,7 @@ function init_client(roles) {
console.log("CHAT UPDATE", log_start, log.length);
update_chat(log_start, log);
let button = document.querySelector(".chat_button");
+ start_blinker("NEW MESSAGE");
if (!chat_is_visible)
button.classList.add("new");
else
@@ -294,16 +297,17 @@ function init_client(roles) {
drag_element_with_mouse(".chat_window", ".chat_header");
}
+let is_your_turn = false;
+
function on_update_bar() {
document.getElementById("prompt").textContent = game.prompt;
if (game.actions) {
document.querySelector(".grid_top").classList.add("your_turn");
if (!is_your_turn)
- start_your_turn_blinker();
+ start_blinker("YOUR TURN");
is_your_turn = true;
} else {
document.querySelector(".grid_top").classList.remove("your_turn");
- stop_your_turn_blinker();
is_your_turn = false;
}
}