Reloads page after 4 seconds of no websocket connection Issue #21
0
install/awwkoala.init
Executable file → Normal file
0
install/awwkoala.nginx
Executable file → Normal file
0
static/img/awwkoala.png
Executable file → Normal file
Before Width: | Height: | Size: 1004 B After Width: | Height: | Size: 1004 B |
0
static/img/gomascot.png
Executable file → Normal file
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
0
static/img/nginx.png
Executable file → Normal file
Before Width: | Height: | Size: 659 B After Width: | Height: | Size: 659 B |
0
static/img/raspberrypi.png
Executable file → Normal file
Before Width: | Height: | Size: 8.6 KiB After Width: | Height: | Size: 8.6 KiB |
@ -2,6 +2,7 @@ $(document).ready(function() {
|
|||||||
var isTyping = false;
|
var isTyping = false;
|
||||||
var typingTimer; //timer identifier
|
var typingTimer; //timer identifier
|
||||||
var updateInterval;
|
var updateInterval;
|
||||||
|
var uhohTimer;
|
||||||
var doneTypingInterval = 500; //time in ms, 5 second for example
|
var doneTypingInterval = 500; //time in ms, 5 second for example
|
||||||
var pollToGetNewestCopyInterval = 10000;
|
var pollToGetNewestCopyInterval = 10000;
|
||||||
//on keyup, start the countdown
|
//on keyup, start the countdown
|
||||||
@ -24,12 +25,18 @@ $(document).ready(function() {
|
|||||||
function doneTyping() {
|
function doneTyping() {
|
||||||
payload = JSON.stringify({ TextData: $('#emit_data').val(), Title: title_name, UpdateServer: true, UpdateClient: false })
|
payload = JSON.stringify({ TextData: $('#emit_data').val(), Title: title_name, UpdateServer: true, UpdateClient: false })
|
||||||
send(payload)
|
send(payload)
|
||||||
$('#saveInfo').removeClass().addClass("glyphicon glyphicon-floppy-save");
|
uhohTimer = setTimeout(uhoh, 3000);
|
||||||
|
$('#saveInfo').removeClass().addClass("glyphicon glyphicon-floppy-open");
|
||||||
console.log("Done typing")
|
console.log("Done typing")
|
||||||
updateInterval = setInterval(updateText, pollToGetNewestCopyInterval);
|
updateInterval = setInterval(updateText, pollToGetNewestCopyInterval);
|
||||||
document.title = "[SAVED] " + title_name;
|
document.title = "[SAVED] " + title_name;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function uhoh() {
|
||||||
|
$('#saveInfo').removeClass().addClass("glyphicon glyphicon-remove");
|
||||||
|
setInterval(location.reload(), 1000);
|
||||||
|
}
|
||||||
|
|
||||||
function updateText() {
|
function updateText() {
|
||||||
console.log("Getting server's latest copy")
|
console.log("Getting server's latest copy")
|
||||||
payload = JSON.stringify({ TextData: $('#emit_data').val(), Title: title_name, UpdateServer: false, UpdateClient: true })
|
payload = JSON.stringify({ TextData: $('#emit_data').val(), Title: title_name, UpdateServer: false, UpdateClient: true })
|
||||||
@ -57,6 +64,7 @@ $(document).ready(function() {
|
|||||||
console.log(data.TextData)
|
console.log(data.TextData)
|
||||||
if (data.TextData == "saved") {
|
if (data.TextData == "saved") {
|
||||||
$('#saveInfo').removeClass().addClass("glyphicon glyphicon-floppy-saved");
|
$('#saveInfo').removeClass().addClass("glyphicon glyphicon-floppy-saved");
|
||||||
|
clearTimeout(uhohTimer);
|
||||||
}
|
}
|
||||||
console.log(data)
|
console.log(data)
|
||||||
}
|
}
|
||||||
|