refactoring: adding, moving and deletion of tiles now implemented using server-sent events

resources/js/plan.js

@@ -19,13 +19,7 @@ function addTile(x,y){
 		url : PLAN,
 		method: POST,
 		data : {action:mode,tile:selected.id,x:x,y:y},
-		success: function(resp){
-			var id = 'tile-'+x+'-'+y;
-			$('#'+id).remove();
-			var tile = $(selected).clone().css({left:(30*x)+'px',top:(30*y)+'px','border':''}).attr('id',id);
-			if (selected.id != 'Eraser') $(BODY).append(tile);
-			addMessage(resp);
-		}
+		success: addMessage
 	});
 }
 
@@ -107,19 +101,7 @@ function moveTile(x,y){
 		url : PLAN,
 		method: POST,
 		data : {action:mode,direction:selected.id,x:x,y:y},
-		success: function(resp){
-			if (resp.startsWith('<')){
-				$(resp).each(function(){
-					if (this.id != undefined){
-						$('#'+this.id).remove();
-						$(BODY).append($(this));
-					}
-				});
-				$('#tile-'+x+'-'+y).remove();
-			} else {
-				addMessage(resp);
-			}
-		}
+		success: addMessage
 	});
 }
 
@@ -128,6 +110,18 @@ function openRoute(id){
 	return false;
 }
 
+function place(data){
+	var tag = $(data);
+	$('#'+tag.attr('id')).remove();
+	$(BODY).append(tag);
+	return false;
+}
+
+function remove(id){
+	$('#'+id).remove();
+	return false;
+}
+
 function request(data){
 	$.ajax({
 		url : PLAN,
@@ -158,6 +152,8 @@ function runAction(ev){
 function stream(ev){
 	var data = ev.data;
 	if (data.startsWith("heartbeat")) return heartbeat(data);
+	if (data.startsWith("place ")) return place(data.substring(6));
+	if (data.startsWith("remove")) return remove(data.substring(7));
 	console.log(data);
 	
 }