Add target variables for 'enter-time' task

miniwob/html/miniwob/bisect-angle.html

@@ -16,6 +16,7 @@
 </style>
 
 <script>
+var POINT_X0, POINT_Y0, POINT_X1, POINT_Y1;
 var RADIUS_PADDING = 3; // 3px for circle radius
 var QUERY_PADDING = 50; // 50px for #query height
 
@@ -119,11 +120,16 @@
   while(jsonCircles.length < 3){
     var newCircle = { cx: core.randi(5,135), cy: core.randi(10, 120), fill : 'black', class: 'init-black', r: 3.5 };
     var usablePoint = pointsSpacedOut(newCircle, jsonCircles)
-    console.log
     if(!usablePoint) continue;
     else jsonCircles.push(newCircle);
+
   }
 
+  POINT_X0 = jsonCircles[1]["cx"];
+  POINT_Y0 = jsonCircles[1]["cy"];
+  POINT_X1 = jsonCircles[2]["cx"];
+  POINT_Y1 = jsonCircles[2]["cy"];
+
   return jsonCircles;
 }
 

miniwob/html/miniwob/chase-circle.html

@@ -21,7 +21,7 @@
 // eventually ends the episode.
 var translateCircle = function(translates) {
   if(translates !== 0){
-    d3.select('#circ').transition().duration(2000)
+    d3.select('#circ').transition().duration(core.EPISODE_MAX_TIME / 5)
       .attr('cx', Math.random() * 120 + 20) // change this to random 2px
       .attr('cy', Math.random() * 120 + 20) // change this to random 2px
       .each('end', function(){
@@ -30,15 +30,15 @@
   } else {
     // end this episode slightly earlier, otherwise if set to 2000ms
     // the episode will automatically end and give a -1.0 score.
-    d3.select('#circ').transition().duration(1900)
+    d3.select('#circ').transition().duration(core.EPISODE_MAX_TIME / 5.5)
       .attr('cx', Math.random() * 120 + 20)
       .attr('cy', Math.random() * 120 + 20)
       .each('end', function(){
         if(exitTime !== null) {
           missedFrames += new Date().getTime() - exitTime;
           exitTime = null;
         }
-        var score = (10000 - missedFrames)/10000;
+        var score = (core.EPISODE_MAX_TIME - missedFrames) / core.EPISODE_MAX_TIME;
         missedFrames = 0;
         core.endEpisode(score);
       });

miniwob/html/miniwob/choose-date-easy.html

@@ -20,6 +20,7 @@
 </style>
 
 <script>
+var TARGET_DATE_STRING;
 var START_DATE = new Date(2016, 11, 1); // December 1, 2015
 var END_DATE = new Date(2016, 11, 31); // December 31, 2016
 core.EPISODE_MAX_TIME = 20000; // set episode interval to 20 seconds
@@ -29,6 +30,7 @@
   d3.select('#datepicker')[0][0].value = '';
 
   var q = ui_utils.toDateString(d);
+  TARGET_DATE_STRING = q;
 
   d3.select('#query').html('Select ' + q + ' as the date and hit submit.');
 

miniwob/html/miniwob/choose-date-medium.html

@@ -20,6 +20,7 @@
 </style>
 
 <script>
+var TARGET_DATE_STRING;
 var START_DATE = new Date(2016, 10, 1); // November 1, 2015
 var END_DATE = new Date(2016, 11, 31); // December 31, 2016
 core.EPISODE_MAX_TIME = 20000; // set episode interval to 20 seconds
@@ -29,6 +30,7 @@
   d3.select('#datepicker')[0][0].value = '';
 
   var q = ui_utils.toDateString(d);
+  TARGET_DATE_STRING = q;
 
   d3.select('#query').html('Select ' + q + ' as the date and hit submit.');
 

miniwob/html/miniwob/choose-date-nodelay.html

@@ -20,6 +20,7 @@
 </style>
 
 <script>
+var TARGET_DATE_STRING;
 var START_DATE = new Date(2016, 0, 1); // January 1, 2015
 var END_DATE = new Date(2016, 11, 31); // December 31, 2016
 core.EPISODE_MAX_TIME = 20000; // set episode interval to 20 seconds
@@ -30,6 +31,7 @@
   $('#datepicker').datepicker('hide');
 
   var q = ui_utils.toDateString(d);
+  TARGET_DATE_STRING = q;
 
   d3.select('#query').html('Select ' + q + ' as the date and hit submit.');
 

miniwob/html/miniwob/choose-date.html

@@ -20,6 +20,7 @@
 </style>
 
 <script>
+var TARGET_DATE_STRING;
 var START_DATE = new Date(2016, 0, 1); // January 1, 2015
 var END_DATE = new Date(2016, 11, 31); // December 31, 2016
 core.EPISODE_MAX_TIME = 20000; // set episode interval to 20 seconds
@@ -29,6 +30,7 @@
   d3.select('#datepicker')[0][0].value = '';
 
   var q = ui_utils.toDateString(d);
+  TARGET_DATE_STRING = q;
 
   d3.select('#query').html('Select ' + q + ' as the date and hit submit.');
 

miniwob/html/miniwob/click-collapsible-2-nodelay.html

@@ -20,6 +20,8 @@
 </style>
 
 <script>
+var TARGET_TEXT;
+
 var createLinks = function(div){
   for(var i=0;i<3;i++){
     var header = '<h3> Section #' + (i+1) + '</h3>';
@@ -61,6 +63,7 @@
   createLinks(div);
   var any = core.getOpt(core.QueryString, 'any', false); // click any link?
   var correctText = bindClickEvents();
+  TARGET_TEXT = correctText;
 
   // generate query text in the UI
   d3.select('#query').html('Expand the sections below, to find and click on the link "' + correctText + '".');

miniwob/html/miniwob/click-collapsible-2.html

@@ -20,6 +20,8 @@
 </style>
 
 <script>
+var TARGET_TEXT;
+
 var createLinks = function(div){
   for(var i=0;i<3;i++){
     var header = '<h3> Section #' + (i+1) + '</h3>';
@@ -61,6 +63,7 @@
   createLinks(div);
   var any = core.getOpt(core.QueryString, 'any', false); // click any link?
   var correctText = bindClickEvents();
+  TARGET_TEXT = correctText;
 
   // generate query text in the UI
   d3.select('#query').html('Expand the sections below, to find and click on the link "' + correctText + '".');

miniwob/html/miniwob/click-color.html

@@ -16,6 +16,8 @@
 </style>
 
 <script>
+var TARGET_COLOR_BOX;
+
 var COLORS = ['red', 'blue', 'olive', 'lime', 'black', 'white', 'grey', 'purple', 'orange', 'yellow', 'cyan', 'pink', 'magenta'];
 var QUERY_COLOR = `<div id="query-color"></div>`
 var MAX_COLORS = 4;
@@ -60,6 +62,7 @@
 
   var currentColors = generateColors();
   var expectedColor = core.sample(currentColors);
+  TARGET_COLOR_BOX = expectedColor;
   displayProblem(expectedColor);
 
   d3.selectAll('.color').on('click', function(){

miniwob/html/miniwob/click-pie.html

@@ -33,6 +33,9 @@
 <script src="../common/special/click-pie/wheelnav.min.js"></script>
 <script src="../common/ui_utils.js"></script>
 <script>
+var TARGET_ITEM;
+var NUM_ITEMS;
+
 var createItems = function(){
   var alphanumericList = core.shuffle(ui_utils.alphanumericList.slice());
   var setLength = core.randi(4,9)*-1;
@@ -49,6 +52,8 @@
 
 var genProblem = function() {
   var wheel = createItems();
+  TARGET_ITEM = wheel.items.navItems.findIndex((x) => wheel.problemSet[x.itemIndex] == wheel.expectedItem) + 1;
+  NUM_ITEMS = wheel.problemSet.length;
 
   d3.select('#query').html('Expand the pie menu below and click on the item labeled "<span class="bold">' + wheel.expectedItem + '</span>".');
 

miniwob/html/miniwob/click-shape.html

@@ -13,6 +13,8 @@
 #area_svg { width: 160px; height: 160px; }
 </style>
 <script>
+var GROUND_TRUTH_INDEX;
+
 // generate a new random grid of shapes
 var createShapes = function(){
   var grid = shapes.genGrid();
@@ -24,6 +26,7 @@
 
 var chooseShape = function(grid){
   var gtix = core.randi(0, grid.shapes.length);
+  GROUND_TRUTH_INDEX = gtix;
   var gtdesc = shapes.generalDesc(grid.shapes[gtix]);
   d3.select('#query').html('Click on a ' + gtdesc.text); // render query
   return gtdesc;

miniwob/html/miniwob/click-test-transfer.html

@@ -15,8 +15,11 @@
 </style>
 
 <script>
+var TARGET_BUTTON;
+
 var genProblem = function() {
   var correct = (WOB_DATA_MODE == 'test') ? 'TWO' : 'ONE';
+  TARGET_BUTTON = correct;
 
   var L = core.randi(0, 118); var U = core.randi(0, 118) + 50;
   var btn = d3.select('#subbtn');

miniwob/html/miniwob/drag-items.html

@@ -21,6 +21,9 @@
 </style>
 
 <script>
+var DESTINATION_LABEL;
+var SOURCE_LABEL;
+
 var OLDIX;
 var genProblem = function() {
   var ITEMS = core.shuffle(ui_utils.PEOPLE_NAMES.slice());
@@ -36,6 +39,7 @@
   }
 
   var ix = core.randi(0,n) + 1; // ground truth item index, 1-indexed
+  SOURCE_LABEL = ix - 1
   var poss = [];
 
   if (ix !== 1) { poss.push(['to the top.', 1]); }
@@ -56,6 +60,7 @@
 
   // generate a query
   var s = core.sample(poss);
+  DESTINATION_LABEL = s[1] - 1
   var target_description = s[0];
   var target_index = s[1];
   d3.select('#query').html('Drag ' + ITEMS[ix-1] + ' ' + target_description);

miniwob/html/miniwob/enter-password.html

@@ -15,13 +15,15 @@
 <script src="../core/d3.v3.min.js"></script>
 <script src="../common/ui_utils.js"></script>
 <script>
+var TARGET_TEXT;
 core.EPISODE_MAX_TIME = 15000; // set episode interval to 15 seconds
 
 var genProblem = function() {
   d3.select('#password')[0][0].value ='';
   d3.select('#verify')[0][0].value ='';
 
   var password = ui_utils.generateString(2,6);
+  TARGET_TEXT = password;
   d3.select('#query').html('Enter the password "<span class="bold">' + password + '</span>" into both text fields and press submit.');
 
   // reward awarder

miniwob/html/miniwob/enter-text-2.html

@@ -15,6 +15,8 @@
 <script src="../common/ui_utils.js"></script>
 
 <script>
+var TARGET_TEXT;
+
 var randomizeInputs = function(){
   // move the text field around
   var s = '';
@@ -31,15 +33,17 @@
   var capitalize = Math.floor(Math.random(0,1)*2) === 1;
   if(capitalize){
     var expectedQ = q.toUpperCase();
+    TARGET_TEXT = expectedQ;
     q = q.toLowerCase();
     var queryText = 'all upper case letters';
   } else {
     var expectedQ = q.toLowerCase();
+    TARGET_TEXT = expectedQ;
     q = q.toUpperCase();
     var queryText = 'all lower case letters';
   }
-  return {query: q, queryText: queryText, expectedText: expectedQ};
-}
+   return {query: q, queryText: queryText, expectedText: expectedQ};
+ }
 
 var bindClickEvent = function(expectedText){
   d3.select('#subbtn').on('click', function(){

miniwob/html/miniwob/enter-text-dynamic.html

@@ -14,6 +14,8 @@
 <script src="../core/d3.v3.min.js"></script>
 <script src="../common/ui_utils.js"></script>
 <script>
+var TARGET_TEXT;
+
 var genProblem = function() {
   d3.select('#tt')[0][0].value ='';
 
@@ -28,6 +30,7 @@
 
   // generate a query
   var q = ui_utils.generateString(1,6);
+  TARGET_TEXT = q;
   d3.select('#query').html('Enter "<span class="bold">' + q + '</span>" into the text field and press Submit.');
 
   // reward awarder