0
@@ -80,7 +80,6 @@ get "/" do
0
         FluoCan.crop('fluo');
0
       };
0
       Tred.onOver = function (expid) {
0
-        //document.body.appendChild(document.createTextNode(" ei:"+expid));
0
         FluoCan.highlight('fluo', expid);
0
       };
0
     </script>
0
@@ -91,9 +90,8 @@ get "/" do
0
     <canvas id="fluo" width="200" height="200"></canvas>
0
 
0
     <script>
0
-      FluoCan.renderFlow('fluo', #{prep}, []);
0
+      FluoCan.renderFlow('fluo', #{prep}, [ '#{wi}' ]);
0
       FluoCan.crop('fluo');
0
-      //Fluo.tagExpressionsWithWorkitems('fluo', [ '#{wi}' ]);
0
       //FluoCan.highlight('fluo', '0.0.1');
0
     </script>
0
   </div>

0
@@ -574,6 +574,21 @@ var FluoCan = function() {
0
     }
0
 
0
     getHandler(exp).render(c, exp, expid);
0
+
0
+    if (c.canvas.workitems.indexOf(expid) > -1) { // workitem
0
+      var w = getWidth(c, exp); 
0
+      var h = getHeight(c, exp);
0
+      var ww = c.mozMeasureText("workitem") + 10;
0
+      var hh = 16;
0
+      c.save();
0
+      c.fillStyle = '#F4D850';
0
+      c.fillRect(w/2 - ww, h - hh, ww, hh);
0
+      c.fillStyle = 'black';
0
+      c.strokeRect(w/2 - ww, h - hh, ww, hh);
0
+      c.translate(w/2 - ww + 5, h - 3);
0
+      c.mozDrawText("workitem");
0
+      c.restore();
0
+    }
0
   }
0
 
0
   /*