98 lines
2.9 KiB
HTML
98 lines
2.9 KiB
HTML
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Polling Test</title>
|
|
</head>
|
|
<body>
|
|
<script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>
|
|
<script>
|
|
let gameId = '5b687c23df28945e';
|
|
let currentRequest = null;
|
|
function logResult(result) {
|
|
$('<p></p>').text(JSON.stringify(result)).prependTo('#current');
|
|
}
|
|
function startPoll(fromTime) {
|
|
const thisRequest = currentRequest = $.ajax({
|
|
dataType: 'json',
|
|
contentType: 'application/json',
|
|
//url: `https://jessemcdonald.info/pacosako/api/meta/${gameId}/poll/${fromTime || 0}`,
|
|
url: `https://jessemcdonald.info/pacosako/api/games/poll/${fromTime || 0}`,
|
|
cache: false,
|
|
timeout: 0,
|
|
}).done((data, textStatus, jqXHR) => {
|
|
if (currentRequest === thisRequest) {
|
|
if (jqXHR.status == 204) {
|
|
startPoll(fromTime);
|
|
} else {
|
|
logResult(data);
|
|
startPoll(data.modified);
|
|
}
|
|
}
|
|
}).fail((jqXHR, textStatus, errorThrown) => {
|
|
if (currentRequest === thisRequest) {
|
|
logResult({ textStatus, errorThrown });
|
|
setTimeout(() => {
|
|
if (currentRequest === thisRequest) {
|
|
startPoll(0);
|
|
}
|
|
}, 3000);
|
|
}
|
|
});
|
|
}
|
|
function stopPoll() {
|
|
const request = currentRequest;
|
|
if (request !== null) {
|
|
currentRequest = null;
|
|
request.abort();
|
|
}
|
|
}
|
|
function doUpdate(gameId, data) {
|
|
$.ajax({
|
|
dataType: 'json',
|
|
contentType: 'application/json',
|
|
url: `https://jessemcdonald.info/pacosako/api/game/${gameId}`,
|
|
method: 'POST',
|
|
cache: false,
|
|
data: JSON.stringify(data),
|
|
timeout: 5000,
|
|
}).done((responseData, textStatus, jqXHR) => {
|
|
logResult({ [jqXHR.status]: responseData });
|
|
if ('modified' in responseData) {
|
|
data.modified = responseData.modified;
|
|
$('#json').val(JSON.stringify(data));
|
|
}
|
|
}).fail((jqXHR, textStatus, errorThrown) => {
|
|
logResult({ status: jqXHR.status, textStatus, errorThrown });
|
|
});
|
|
}
|
|
$(() => {
|
|
let counter = 0;
|
|
let row1 = $('<div></div>').appendTo('body');
|
|
$('<button id="start">Start Polling</button>').appendTo('body').on('click', () => {
|
|
$('#start').prop('disabled', true);
|
|
$('#stop').prop('disabled', false);
|
|
startPoll();
|
|
});
|
|
$('<button id="stop">Stop Polling</button>').prop('disabled', true).appendTo('body').on('click', () => {
|
|
$('#start').prop('disabled', false);
|
|
$('#stop').prop('disabled', true);
|
|
stopPoll()
|
|
});
|
|
let row2 = $('<div></div>').appendTo('body');
|
|
$('<input id="gameId">').appendTo(row2);
|
|
$('<input id="json">').appendTo(row2);
|
|
$('<button id="update">Update</button>').appendTo(row2).on('click', () => {
|
|
try {
|
|
doUpdate($('#gameId').val(), JSON.parse($('#json').val()));
|
|
} catch(err) {
|
|
logResult({ exception: err });
|
|
}
|
|
});
|
|
$('<div id="current"></div>').appendTo('body');
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|
|
<!-- vim:set noexpandtab sw=2 ts=2: -->
|
|
|