codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2025-03-29 22:30:46 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Hack: check HTML goals now and in a second to account for built-in CSS transition

Browse source
This commit is contained in:
Nick Winter 2016-07-15 20:25:37 -07:00
parent 224ad54bdd
commit 7e4733f07e
1 changed files with 18 additions and 10 deletions

28
app/assets/javascripts/web-dev-listener.js
View file

@ -25,23 +25,25 @@ function receiveMessage(event) {
return;
}
//console.log(event);
switch (event.data.type) {
var data = event.data;
var source = event.source;
switch (data.type) {
case 'create':
create(event.data.dom);
checkGoals(event.data.goals, event.source);
create(data.dom);
checkGoals(data.goals, source, origin);
break;
case 'update':
if (virtualDOM)
update(event.data.dom);
update(data.dom);
else
create(event.data.dom);
checkGoals(event.data.goals, event.source);
create(data.dom);
checkGoals(data.goals, source, origin);
break;
case 'log':
console.log(event.data.text);
console.log(data.text);
break;
default:
console.log('Unknown message type:', event.data.type);
console.log('Unknown message type:', data.type);
}
}
@ -60,7 +62,13 @@ function update(dom) {
virtualDOM = event.data.dom;
}
function checkGoals(goals) {
function checkGoals(goals, source, origin) {
// Check right now and also in one second, since our 1-second CSS transition might be affecting things until it is done.
doCheckGoals(goals, source, origin);
_.delay(function() { doCheckGoals(goals, source, origin); }, 1001);
}
function doCheckGoals(goals, source, origin) {
var newGoalStates = {};
var overallSuccess = true;
goals.forEach(function(goal) {
@ -77,7 +85,7 @@ function checkGoals(goals) {
if (!_.isEqual(newGoalStates, goalStates)) {
goalStates = newGoalStates;
var overallStatus = overallSuccess ? 'success' : null; // Can't really get to 'failure', just 'incomplete', which is represented by null here
event.source.postMessage({type: 'goals-updated', goalStates: goalStates, overallStatus: overallStatus}, event.origin);
source.postMessage({type: 'goals-updated', goalStates: goalStates, overallStatus: overallStatus}, origin);
}
}