looping works

dethe · dethe · commit 9aafb9c2181e · 2013-12-20T22:48:20.000-08:00
diff --git a/blockcode/blocks.css b/blockcode/blocks.css
@@ -4,7 +4,7 @@ html, body{
 	border: 0;
 	margin: 0;
 }
-.menu, .script{
+.menu, .script, .block{
 	border: 1px inset #021429;
 	border-radius: 7px;
 }
@@ -64,6 +64,7 @@ h1, h2, h3, h4, h5, h6{
 	background-color: Coral;
 }
 .script .block{
+	margin: 5px;
 	background-color: DodgerBlue;
 }
 
@@ -76,6 +77,7 @@ h1, h2, h3, h4, h5, h6{
 .container{
 	margin-left: 20px;
 	padding-bottom: 10px;
+	/*padding-top: 5px;*/
 	border: 0;
 	background-color: LightSteelBlue;
 	border-bottom-right-radius: 0;
@@ -91,10 +93,3 @@ h1, h2, h3, h4, h5, h6{
 	background-color: CadetBlue;
 }
 
-.pseudo-cursor{
-	position: absolute;
-	width: 10px;
-	height: 10px;
-	border: 1px solid yellow;
-	pointer-events: none;
-}
diff --git a/blockcode/blocks.js b/blockcode/blocks.js
@@ -85,7 +85,7 @@
 
 	function dragEnter(evt){
 		// evlog(evt);
-		if (matches(evt.target, '.menu, .script')){
+		if (matches(evt.target, '.menu, .script, .content')){
 			evt.target.classList.add('over');
 		}else{
 			if (!matches(evt.target, '.menu *, .script *')){
@@ -105,7 +105,7 @@
 
 	function dragOver(evt){
 		// evlog(evt);
-		if (!matches(evt.target, '.menu, .menu *, .script, .script *')) return;
+		if (!matches(evt.target, '.menu, .menu *, .script, .script *, .content')) return;
 		if (evt.preventDefault) {
 			evt.preventDefault(); // Necessary. Allows us to drop.
 			}
@@ -119,8 +119,9 @@
 	document.addEventListener('dragover', dragOver, false);
 
 	function drop(evt){
-		if (!matches(evt.target, '.menu, .menu *, .script, .script *')) return;
-		var dropTarget = closest(evt.target, '.menu, .script');
+		if (!matches(evt.target, '.menu, .menu *, .script, .script *, .container, .container *')) return;
+		var dropTarget = closest(evt.target, '.menu, .script, .container');
+		console.log('dropTarget: %s', dropTarget.textContent);
 		var dropType = 'script';
 		if (matches(dropTarget, '.menu')){
 			dropType = 'menu';
diff --git a/blockcode/menu.js b/blockcode/menu.js
@@ -56,7 +56,17 @@
 
 	function repeat(block){
 		var count = value(block);
-		// FIXME: Actually repeat the contained blocks
+		var children = [].slice.call(block.querySelector('.container').children);
+		for (var i = 0; i < count; i++){
+			runBlocks(children);
+		}
+	}
+
+	function runBlocks(blocks){
+		var evt = new CustomEvent('run', {bubbles: true, cancelable: false});
+		blocks.forEach(function(block){
+			block.dispatchEvent(evt);
+		});
 	}
 
 	function run(){
@@ -65,10 +75,7 @@
 			scriptDirty = false;
 			clear();
 			var blocks = [].slice.call(document.querySelectorAll('.script > .block'));
-			var evt = new CustomEvent('run', {bubbles: true, cancelable: false});
-			blocks.forEach(function(block){
-				block.dispatchEvent(evt);
-			});
+			runBlocks(blocks);
 			turtle.draw();
 		}
 		requestAnimationFrame(run);
