working on route reservation

resources/css/style.css

@@ -39,6 +39,11 @@ svg rect{
 	stroke:rgb(0,0,0);
 }
 
+svg.locked polygon,
+svg.locked rect{
+	fill:lime;
+}
+
 svg text{
 	font-size: 50px;
 }

resources/js/plan.js

@@ -9,6 +9,11 @@ const POST = 'POST';
 var selected = null;
 var mode = null;
 
+function addClass(data){
+	parts = data.split(" ");
+	$('#'+parts[0]).addClass(parts[1]);
+}
+
 function addMessage(txt){
 	$('#messages').html(txt).show().delay(1000).fadeOut();
 }
@@ -55,6 +60,11 @@ function closeWindows(){
 	$('.window').remove();
 }
 
+function dropClass(data){
+	parts = data.split(" ");
+	$('#'+parts[0]).removeClass(parts[1]);
+}
+
 function enableAdding(ev){
 //	console.log('enableAdding:',ev);
 	if (selected != null) $(selected).css('border','');
@@ -143,7 +153,9 @@ function stream(ev){
 	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);
+	if (data.startsWith("addclass")) return addClass(data.substring(9));
+	if (data.startsWith("dropclass")) return dropClass(data.substring(10));
+	console.log("received: ",data);
 	
 }