sharpen up heap objects to prep for animations

Philip Guo · Philip Guo · commit 772dcb92313b · 2012-08-10T14:57:21.000-07:00
diff --git a/PyTutorGAE/css/pytutor.css b/PyTutorGAE/css/pytutor.css
@@ -562,8 +562,11 @@ div#heap {
 }
 
 td.toplevelHeapObject {
-  padding-left: 0px;
-  padding-right: 20px;
+  margin-left: 0px;
+  margin-right: 20px;
+
+  padding: 8px;
+  border: 2px dotted white; /* to make room for transition animations */
 }
 
 table.heapRow {
diff --git a/PyTutorGAE/js/pytutor.js b/PyTutorGAE/js/pytutor.js
@@ -1201,6 +1201,7 @@ ExecutionVisualizer.prototype.renderDataStructures = function() {
   heapRows.enter().append('table')
     //.each(function(objLst, i) {console.log('NEW ROW:', objLst, i);})
     .attr('class', 'heapRow')
+    .append('tr')
     .selectAll('td')
     .data(function(d, i) {return d.slice(1, d.length);}, /* map over each row, skipping row ID tag */
           function(objID) {return objID;} /* each object ID is unique for constancy */)
@@ -1212,7 +1213,18 @@ ExecutionVisualizer.prototype.renderDataStructures = function() {
 
       // TODO: add a smoother transition in the future
       renderCompoundObject(objID, $(this), true);
-    });
+    })
+    /*
+    .transition()
+    .style('border-color', 'red')
+    .duration(100)
+    .transition()
+    .style('border-color', 'white')
+    .delay(100)
+    .duration(600)
+    */
+
+
 
   // remove deleted rows
   heapRows.exit()

Original file line number	Diff line number	Diff line change
`@@ -562,8 +562,11 @@ div#heap {`
`562`	`562`	`}`
`563`	`563`
`564`	`564`	`td.toplevelHeapObject {`
`565`		`- padding-left: 0px;`
`566`		`- padding-right: 20px;`
	`565`	`+ margin-left: 0px;`
	`566`	`+ margin-right: 20px;`
	`567`	`+`
	`568`	`+ padding: 8px;`
	`569`	`+ border: 2px dotted white; /* to make room for transition animations */`
`567`	`570`	`}`
`568`	`571`
`569`	`572`	`table.heapRow {`