☰

mmmturkeybacon Color Coded Search with Checkpoints

Changes the title row of a HIT's description to match the average of it's Turkopticon ratings. Changes the color of the reward amount to match the color of the Turkopticon rating for pay. Adds colored checkboxes to show/hide HITs by color rating. Adds a gray checkbox to show only HITs for which you are not qualified. Changes the background color of the HIT title and link to white for Master's HITs. Changes the color of HITs for which you are not qualified to a darker gray. And more!

目前為 2015-04-18 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name        mmmturkeybacon Color Coded Search with Checkpoints
  3. // @author      mmmturkeybacon
  4. // @version     3.17
  5. // @namespace   http://userscripts.org/users/523367
  6. // @description Changes the title row of a HIT's description to match the average of it's Turkopticon ratings. Changes the color of the reward amount to match the color of the Turkopticon rating for pay. Adds colored checkboxes to show/hide HITs by color rating. Adds a gray checkbox to show only HITs for which you are not qualified. Changes the background color of the HIT title and link to white for Master's HITs. Changes the color of HITs for which you are not qualified to a darker gray. And more!
  7. // Changes the color of visited links to black. Automatically clicks "Show all details". Adds checkboxes next to HIT links so that you can set a checkpoint. A checkpoint will notify you that you've already seen a HIT by changing the HIT link to display the date the checkpoint was set. A well-placed checkpoint is useful when browsing HITs by creation date (newest first) because it will alert you that you've already seen the checkpoint HIT and probably all the HITs that come after it. It's best to place a checkpoint on a HIT that won't be recreated because recreated HITs jump to the first page. This script is not a substitute for actually reading Turkopticon reviews.
  8. // @match       https://*.mturk.com/mturk/viewhits*
  9. // @match       https://*.mturk.com/mturk/findhits*
  10. // @match       https://*.mturk.com/mturk/sorthits*
  11. // @match       https://*.mturk.com/mturk/searchbar*
  12. // @match       https://*.mturk.com/mturk/viewsearchbar*
  13. // @match       https://*.mturk.com/mturk/sortsearchbar*
  14. // @match       https://*.mturk.com/mturk/preview?*
  15. // @match       https://*.mturk.com/mturk/return*
  16. // @require     https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
  17. // @grant       GM_xmlhttpRequest
  18. // @grant       GM_getValue
  19. // @grant       GM_setValue
  20. // @grant       GM_deleteValue
  21. // @grant       GM_addStyle
  22. // ==/UserScript==
  23.  
  24. /**********************************************************************/
  25. /* NB: turkopticon.ucsd.edu (TO website) uses yellow for a rating between 2 and 3,
  26.  *     but TO extension uses orange
  27.  *
  28.  * Turkopticon scale
  29.  * green : 3 < average <= 5
  30.  * orange: 2 < average <= 3
  31.  * red   : 1 < average <= 2
  32.  *
  33.  * Color Coded Search scale (so that green represents the very best HITs)
  34.  * green : 4 < average <= 5
  35.  * yellow: 3 < average <= 4  yellow are OK HITs, that's why the yellow has a touch of green
  36.  * orange: 2 < average <= 3
  37.  * red   : 1 < average <= 2
  38.  */
  39.  
  40. var GREEN   = '#66CC66'; //  (4,5]
  41. //var YELLOW  = '#FFFF00'; // (3,4]  yellow
  42. //var YELLOW  = '#CDFF2F'; // (3,4]  yellow with hint of green
  43. var YELLOW  = '#ADFF2F'; // (3,4]  green yellow
  44. //var YELLOW  = '#9CE62A'; // (3,4]  darker green yello
  45. var ORANGE  = '#FF9900'; // (2,3]
  46. //var RED     = '#FF0000'; // (1,2]
  47. var RED     = '#FF3030'; // (1,2]
  48. var BLUE    = '#7FAAEB'; // no rating
  49.  
  50. var VISITED_LINK = '#000000'; // black
  51. var MASTERS = '#FFFFFF'; // white
  52. //var MASTERS = '#B56CFF'; // purple
  53.  
  54. var NEW_NOTQUAL_BODY = '#A9AAA4'; // dark grey
  55.  
  56. var COMM_WEIGHT = 1;
  57. var PAY_WEIGHT  = 3;
  58. var FAIR_WEIGHT = 3;
  59. var FAST_WEIGHT = 1;
  60.  
  61. var CHECKPOINT_COLOR = '#000000'; // black
  62. //var CHECKPOINT_COLOR = '#00AAAA'; // dark green-blue
  63. var CHECKPOINT_MESSAGE = 'CHECKPOINT REACHED!';
  64. //var CHECKPOINT_MESSAGE = 'YOU SHALL NOT PASS!';
  65.  
  66. var SHOW_ALL_DETAILS = true;
  67.  
  68. /**********************************************************************/
  69.  
  70. //To do: Handle the following error:
  71. //Could Not Connect: (Too many connections) 
  72.  
  73. // URLs for testing, learning parameters
  74. //https://turkopticon.ucsd.edu/api/multi-attrs.php?ids=ABSF8UXFZYEK6
  75. //https://mturk-api.istrack.in/multi-attrs.php?ids=ABSF8UXFZYEK6
  76. //https://data.istrack.in/turkopticon.php?data=2.57,2.31,2.89,2.71
  77.  
  78. var TIMEOUT = 10000; // [ms] milliseconds, 0 means wait forever
  79.  
  80. var API_BASE = 'https://turkopticon.ucsd.edu/api/';
  81. var API_MULTI_ATTRS_URL = API_BASE + 'multi-attrs.php?ids=';
  82.  
  83. var API_PROXY_BASE = 'https://mturk-api.istrack.in/';
  84. var API_PROXY_MULTI_ATTRS_URL = API_PROXY_BASE + 'multi-attrs.php?ids=';
  85.  
  86. var REVIEWS_BASE = 'https://turkopticon.ucsd.edu/';
  87. var HIT_GROUPS_BASE_LINK = '/mturk/searchbar?selectedSearchType=hitgroups&requesterId=';
  88.  
  89. var NOTQUAL_BODY = '#F1F3EB';
  90.  
  91. var qual_checkbox;
  92. var notqual_checkbox;
  93. var green_checkbox;
  94. var yellow_checkbox;
  95. var orange_checkbox;
  96. var red_checkbox;
  97. var blue_checkbox;
  98. var $parent_tables;
  99.  
  100. function process_TO_data(requester_data)
  101. {
  102.     var average = 0;
  103.     var comm_rnd = 0;
  104.     var pay_rnd = 0;
  105.     var fair_rnd = 0;
  106.     var fast_rnd = 0;
  107.     var reviews = 0;
  108.     var tos = 0;
  109.  
  110.     // after the API update, this if isn't necessary. leaving it in until
  111.     // sure API is stable
  112.     if (requester_data)
  113.     {
  114.         var comm = requester_data.attrs.comm;
  115.         var pay = requester_data.attrs.pay;
  116.         var fair = requester_data.attrs.fair;
  117.         var fast = requester_data.attrs.fast;
  118.         var sum = 0;
  119.         var divisor = 0;
  120.  
  121.         if (comm > 0)
  122.         {
  123.             sum += COMM_WEIGHT*comm;
  124.             divisor += COMM_WEIGHT;
  125.         }
  126.         if (pay > 0)
  127.         {
  128.             sum += PAY_WEIGHT*pay;
  129.             divisor += PAY_WEIGHT;
  130.         }
  131.         if (fair > 0)
  132.         {
  133.             sum += FAIR_WEIGHT*fair;
  134.             divisor += FAIR_WEIGHT;
  135.         }
  136.         if (fast > 0)
  137.         {
  138.             sum += FAST_WEIGHT*fast;
  139.             divisor += FAST_WEIGHT;
  140.         }
  141.         if (divisor > 0)
  142.         {
  143.             average = sum/divisor;
  144.         }
  145.  
  146.         comm_rnd = Math.round(comm*4)/4;
  147.         pay_rnd = Math.round(pay*4)/4;
  148.         fair_rnd = Math.round(fair*4)/4;
  149.         fast_rnd = Math.round(fast*4)/4;
  150.         
  151.         if (requester_data.reviews)
  152.         {
  153.             reviews = requester_data.reviews;
  154.         }
  155.         if (requester_data.tos_flags)
  156.         {
  157.             tos = requester_data.tos_flags;
  158.         }
  159.     }
  160.  
  161.     comm_rnd = comm_rnd.toFixed(2);
  162.     pay_rnd = pay_rnd.toFixed(2);
  163.     fair_rnd = fair_rnd.toFixed(2);
  164.     fast_rnd = fast_rnd.toFixed(2);
  165.  
  166.     return {comm_rnd:comm_rnd, pay_rnd:pay_rnd, fair_rnd:fair_rnd, fast_rnd:fast_rnd, reviews:reviews, tos:tos, average:average};
  167. }
  168.  
  169. function determine_color(rating)
  170. {
  171.     // The lowest rating that can be given is a 1.
  172.     // green  is (4,5]
  173.     // yellow is (3,4]
  174.     // orange is (2,3]
  175.     // red    is (1,2]
  176.     // blue   is 0 (no rating)
  177.     // (0,1) is no man's land but I set the lower bound for red to 0 to agree with data.istrack.in
  178.  
  179.     var color = BLUE;
  180.  
  181.     if (rating > 4)
  182.     {
  183.         color = GREEN;
  184.     }
  185.     else if (rating > 3)
  186.     {
  187.         color = YELLOW;
  188.     }
  189.     else if (rating > 2 )
  190.     {
  191.         color = ORANGE;
  192.     }
  193.     else if (rating > 0)
  194.     {
  195.         color = RED;
  196.     }
  197.  
  198.     return color;
  199. }
  200.  
  201. function show_hide_color(color)
  202. {
  203.     if (notqual_checkbox.checked == true)
  204.     {
  205.         var $color_subset_tables = $parent_tables.filter('[title_color='+color+'][qualified_for="false"][hideable!=false]');
  206.     }
  207.     else
  208.     {
  209.         var $color_subset_tables = $parent_tables.filter('[title_color='+color+'][hideable!=false]');
  210.     }
  211.     
  212.     switch(color)
  213.     {
  214.         case GREEN:
  215.         {
  216.             GM_setValue('green_checkbox_checked', green_checkbox.checked);
  217.             if (green_checkbox.checked == false)
  218.             {
  219.                 $color_subset_tables.each(function()
  220.                 {
  221.                     $(this).hide();
  222.                 });
  223.             }
  224.             else
  225.             {
  226.                 $color_subset_tables.each(function()
  227.                 {
  228.                     $(this).show();
  229.                 });
  230.             }
  231.             break;
  232.         }
  233.         case YELLOW:
  234.         {
  235.             GM_setValue('yellow_checkbox_checked', yellow_checkbox.checked);
  236.             if (yellow_checkbox.checked == false)
  237.             {
  238.                 $color_subset_tables.each(function()
  239.                 {
  240.                     $(this).hide();
  241.                 });
  242.             }
  243.             else
  244.             {
  245.                 $color_subset_tables.each(function()
  246.                 {
  247.                     $(this).show();
  248.                 });
  249.             }
  250.             break;
  251.         }
  252.         case ORANGE:
  253.         {
  254.             GM_setValue('orange_checkbox_checked', orange_checkbox.checked);
  255.             if (orange_checkbox.checked == false)
  256.             {            
  257.                 $color_subset_tables.each(function()
  258.                 {
  259.                     $(this).hide();
  260.                 });
  261.             }
  262.             else
  263.             {
  264.                 $color_subset_tables.each(function()
  265.                 {
  266.                     $(this).show();
  267.                 });
  268.             }
  269.             break;
  270.         }
  271.         case RED:
  272.         {
  273.             GM_setValue('red_checkbox_checked', red_checkbox.checked);
  274.             if (red_checkbox.checked == false)
  275.             {
  276.                 $color_subset_tables.each(function()
  277.                 {
  278.                     $(this).hide();
  279.                 });
  280.             }
  281.             else
  282.             {
  283.                 $color_subset_tables.each(function()
  284.                 {
  285.                     $(this).show();
  286.                 });
  287.             }
  288.             break;
  289.         }
  290.         case BLUE:
  291.         {
  292.             GM_setValue('blue_checkbox_checked', blue_checkbox.checked);
  293.             if (blue_checkbox.checked == false)
  294.             {
  295.                 $color_subset_tables.each(function()
  296.                 {
  297.                     $(this).hide();
  298.                 });
  299.             }
  300.             else
  301.             {
  302.                 $color_subset_tables.each(function()
  303.                 {
  304.                     $(this).show();
  305.                 });
  306.             }
  307.             break;
  308.         }
  309.     }
  310. }
  311.  
  312. function show_hide_all_colors()
  313. {
  314.     show_hide_color(GREEN);
  315.     show_hide_color(YELLOW);
  316.     show_hide_color(ORANGE);
  317.     show_hide_color(RED);
  318.     show_hide_color(BLUE);
  319. }
  320.  
  321. function show_hide_qual()
  322. {
  323.     GM_setValue('notqual_checkbox_checked', notqual_checkbox.checked);
  324.     if (notqual_checkbox.checked == true)
  325.     {
  326.         $parent_tables.filter('[qualified_for="true"][hideable!=false]').each(function()
  327.         {
  328.             $(this).hide();
  329.         });
  330.     }
  331.     else
  332.     {
  333.         show_hide_all_colors();
  334.     }
  335. }
  336.  
  337. function set_checkpoint(e)
  338. {
  339.     var caller = e.target || e.srcElement;
  340.  
  341.     if (caller.checked)
  342.     {
  343.         var d = new Date();
  344.         GM_setValue(caller.name+'_checked', caller.checked);
  345.         GM_setValue(caller.name+'_date', '['+d.toLocaleDateString()+'] ');
  346.     }
  347.     else
  348.     {
  349.         GM_deleteValue(caller.name+'_checked');
  350.         GM_deleteValue(caller.name+'_date');
  351.     }
  352. }
  353.  
  354. function create_colored_checkboxes()
  355. {
  356.     var checkbox_div = document.createElement('DIV');
  357.     var notqual_div = document.createElement('DIV');
  358.     var green_div = document.createElement('DIV');
  359.     var yellow_div = document.createElement('DIV');
  360.     var orange_div = document.createElement('DIV');
  361.     var red_div = document.createElement('DIV');
  362.     var blue_div = document.createElement('DIV');
  363.     notqual_div.style.cssText = 'display:inline-block; background-color: '+NEW_NOTQUAL_BODY+';'
  364.     green_div.style.cssText = 'display:inline-block; background-color: '+GREEN+';'
  365.     yellow_div.style.cssText = 'display:inline-block; background-color: '+YELLOW+';'
  366.     orange_div.style.cssText = 'display:inline-block; background-color: '+ORANGE+';'
  367.     red_div.style.cssText = 'display:inline-block; background-color: '+RED+';'
  368.     blue_div.style.cssText = 'display:inline-block; background-color: '+BLUE+';'
  369.  
  370.     notqual_checkbox = document.createElement('INPUT');
  371.     green_checkbox = document.createElement('INPUT');
  372.     yellow_checkbox = document.createElement('INPUT');
  373.     orange_checkbox = document.createElement('INPUT');
  374.     red_checkbox = document.createElement('INPUT');
  375.     blue_checkbox = document.createElement('INPUT');
  376.     
  377.     notqual_checkbox.type = 'checkbox';
  378.     green_checkbox.type = 'checkbox';
  379.     yellow_checkbox.type = 'checkbox';
  380.     orange_checkbox.type = 'checkbox';
  381.     red_checkbox.type = 'checkbox';
  382.     blue_checkbox.type = 'checkbox';
  383.     
  384.     notqual_checkbox.checked = GM_getValue('notqual_checkbox_checked', false);
  385.     green_checkbox.checked = GM_getValue('green_checkbox_checked', true);
  386.     yellow_checkbox.checked = GM_getValue('yellow_checkbox_checked', true);
  387.     orange_checkbox.checked = GM_getValue('orange_checkbox_checked', true);
  388.     red_checkbox.checked = GM_getValue('red_checkbox_checked', true);
  389.     blue_checkbox.checked = GM_getValue('blue_checkbox_checked', true);
  390.     
  391.     notqual_checkbox.name = 'notqual_checkbox';
  392.     green_checkbox.name = 'green_checkbox';
  393.     yellow_checkbox.name = 'yellow_checkbox';
  394.     orange_checkbox.name = 'orange_checkbox';
  395.     red_checkbox.name = 'red_checkbox';
  396.     blue_checkbox.name = 'blue_checkbox';
  397.     
  398.     notqual_checkbox.title = 'Only show HITs for which you are not qualified';
  399.     green_checkbox.title = 'Show/Hide green';
  400.     yellow_checkbox.title = 'Show/Hide yellow';
  401.     orange_checkbox.title = 'Show/Hide orange';
  402.     red_checkbox.title = 'Show/Hide red';
  403.     blue_checkbox.title = 'Show/Hide no TO';
  404.     
  405.     notqual_checkbox.addEventListener('click', show_hide_qual);
  406.     green_checkbox.addEventListener('click', function(){show_hide_color(GREEN);});
  407.     yellow_checkbox.addEventListener('click', function(){show_hide_color(YELLOW);});
  408.     orange_checkbox.addEventListener('click', function(){show_hide_color(ORANGE);});
  409.     red_checkbox.addEventListener('click', function(){show_hide_color(RED);});
  410.     blue_checkbox.addEventListener('click', function(){show_hide_color(BLUE);});
  411.  
  412.     notqual_div.appendChild(notqual_checkbox);
  413.     green_div.appendChild(green_checkbox);
  414.     yellow_div.appendChild(yellow_checkbox);
  415.     orange_div.appendChild(orange_checkbox);
  416.     red_div.appendChild(red_checkbox);
  417.     blue_div.appendChild(blue_checkbox);
  418.     
  419.     checkbox_div.align = 'center';
  420.     checkbox_div.appendChild(notqual_div);
  421.     checkbox_div.appendChild(green_div);
  422.     checkbox_div.appendChild(yellow_div);
  423.     checkbox_div.appendChild(orange_div);
  424.     checkbox_div.appendChild(red_div);
  425.     checkbox_div.appendChild(blue_div);
  426.     
  427.     return checkbox_div;
  428. }
  429.  
  430.  
  431. function turkopticon_error_handler($parent_tables, api_base, requester_IDs_csv)
  432. {
  433.     if (api_base == API_MULTI_ATTRS_URL)
  434.     { // tried main api server and failed, now try mirror
  435.         color_code($parent_tables, API_PROXY_MULTI_ATTRS_URL, requester_IDs_csv);
  436.     }
  437.     else
  438.     {
  439.         $parent_tables.each(function()
  440.         {
  441.             var $requester_ID_link = $(this).find('a[href^="'+HIT_GROUPS_BASE_LINK+'"]').attr('href');
  442.             var requester_ID = $requester_ID_link.replace(HIT_GROUPS_BASE_LINK,'');
  443.             var title_row = $(this).find('tr').eq(1);
  444.             var link_bgcolor = $(this).find('td[width="100%"][valign="middle"][height="20"][align="left"]').attr('bgcolor');
  445.  
  446.             var link_href = REVIEWS_BASE + requester_ID;
  447.             var link_text = 'Turkopticon reviews';
  448.             var link = '<a href="'+link_href+'" target="_blank">'+link_text+'</a>&nbsp;';
  449.             title_row.after('<tr><td width="1" valign="middle" bgcolor="#336699" align="center"></td><td width="18" valign="middle" bgcolor="'+link_bgcolor+'" align="center"></td><td width="100%" valign="top" bgcolor="'+link_bgcolor+'" align="right">'+link+'</td><td width="8" valign="middle" bgcolor="'+link_bgcolor+'" align="center"></td><td width="1" valign="middle" bgcolor="#336699" align="center"></td></tr>');
  450.  
  451.             // create checkpoints
  452.             var $preview_link = $(this).find('a:contains("View a HIT in this group")');
  453.             var groupId = $preview_link.attr('href')
  454.             groupId = (groupId) ? groupId.split('=')[1] : $(this).find('a[href^="/mturk/notqualified?hitGroupId="]').attr('href').split(/=|&/)[1];
  455.             var checkbox = document.createElement('INPUT');
  456.             checkbox.type = 'checkbox';
  457.             checkbox.name = groupId;
  458.             checkbox.title = 'Set a checkpoint to help remember a HIT you\'ve seen before.\nUseful when browsing by HIT Creation Date.';
  459.             checkbox.checked = GM_getValue(checkbox.name+'_checked', false);
  460.             checkbox.addEventListener('click', set_checkpoint);  
  461.             checkbox.style.cssText ='vertical-align:middle;';
  462.             $preview_link.after(checkbox);
  463.             // mark checkpoints
  464.             if (checkbox.checked == true)
  465.             {
  466.                 var checkpoint_date = GM_getValue(checkbox.name+'_date');
  467.                 $preview_link.text(checkpoint_date+CHECKPOINT_MESSAGE);
  468.                 $(this).attr('hideable', false);
  469.                 $(this).css('border', '50px solid '+CHECKPOINT_COLOR);
  470.             }
  471.         });
  472.     }
  473. }
  474.  
  475.  
  476. function color_code($parent_tables, api_base, requester_IDs_csv)
  477. {
  478.     GM_xmlhttpRequest(
  479.     {
  480.         method: 'GET',
  481.         url: api_base+requester_IDs_csv,
  482.         timeout: TIMEOUT,
  483.         onload: function (results)
  484.         {
  485.             if (results)
  486.             {
  487.                 try
  488.                 {
  489.                     var rdata = $.parseJSON(results.responseText);
  490.                 }
  491.                 catch(e)
  492.                 {
  493.                     turkopticon_error_handler($parent_tables, api_base, requester_IDs_csv)
  494.                 }
  495.            }
  496.  
  497.             var rdata = $.parseJSON(results.responseText);
  498.  
  499.             var checkbox_div = create_colored_checkboxes();
  500.             $('table[cellspacing="0"][cellpadding="0"][border="0"][style="margin:5px; clear:both;"]').eq(1).after(checkbox_div);
  501.  
  502.             $parent_tables.each(function()
  503.             {
  504.                 var $requester_ID_link = $(this).find('a[href^="'+HIT_GROUPS_BASE_LINK+'"]').attr('href');
  505.                 var requester_ID = $requester_ID_link.replace(HIT_GROUPS_BASE_LINK,'');
  506.                 var title_row = $(this).find('tr').eq(1);
  507.                 var link_bgcolor = $(this).find('td[width="100%"][valign="middle"][height="20"][align="left"]').attr('bgcolor');
  508.  
  509.                 var pdata = process_TO_data(rdata[requester_ID]);
  510.                 var title_color = determine_color(pdata.average);
  511.                 var qualified_for = !($(this).find('a[href^="/mturk/notqualified?"]').length > 0);
  512.  
  513.                 $(this).attr('title_color', title_color);
  514.                 $(this).attr('qualified_for', qualified_for);
  515.  
  516.                 //var $title_line = $(this).find('td[width="100%"][valign="middle"][height="20"][align="left"]');
  517.                 //$title_line.css('background-color', title_color);
  518.                 $(this).find('td[valign="middle"][nowrap=""][align="left"]').css('background-color', title_color);
  519.                 $(this).find('td[valign="middle"][align="left"]').css('background-color', title_color);
  520.                 $(this).find('td[width="100%"][valign="middle"][nowrap=""][align="right"]').css('background-color', title_color);
  521.                 //$(this).find('a[href^="/mturk/preview?groupId="]').css('background-color', link_bgcolor);
  522.  
  523.                 var link_href = REVIEWS_BASE + requester_ID;
  524.                 var link_text = pdata.reviews + ((pdata.reviews != 1) ? ' reviews ' : ' review ');
  525.                 //link_text = '['+link_text + '|comm: '+pdata.comm_rnd+'|pay: '+pdata.pay_rnd+'|fair: '+pdata.fair_rnd+'|fast: '+pdata.fast_rnd+'|tos: '+pdata.tos+']';
  526.                 link_text = '['+link_text + '|pay: '+pdata.pay_rnd+'|fair: '+pdata.fair_rnd+'|comm: '+pdata.comm_rnd+'|fast: '+pdata.fast_rnd+'|tos: '+pdata.tos+']';
  527.                 var link = '<a href="'+link_href+'" target="_blank">'+link_text+'</a>&nbsp;';
  528.                 title_row.after('<tr><td width="1" valign="middle" bgcolor="#336699" align="center"></td><td width="18" valign="middle" bgcolor="'+link_bgcolor+'" align="center"></td><td width="100%" valign="top" bgcolor="'+title_color+'" align="right">'+link+'</td><td width="8" valign="middle" bgcolor="'+link_bgcolor+'" align="center"></td><td width="1" valign="middle" bgcolor="#336699" align="center"></td></tr>');
  529.  
  530.                 // after the API update, this if isn't necessary. leaving it in until
  531.                 // sure API is stable
  532.                 var pay = 0;
  533.                 if (rdata[requester_ID])
  534.                 {
  535.                     pay = rdata[requester_ID].attrs.pay;
  536.                 }
  537.                 var pay_color = determine_color(pay);
  538.                 //var pay_color = determine_color(rdata[requester_ID].attrs.pay);
  539.                 $(this).find('span[class="reward"]').css('background-color', pay_color);
  540.  
  541.                 // highlight Masters HITs title and link
  542.                 var is_masters = $(this).find('td[style="padding-right: 2em; white-space: nowrap;"]:contains("Masters")').length > 0;
  543.                 if (is_masters)
  544.                 {
  545.                     $(this).find('td[valign="middle"][nowrap=""][align="left"]').css('background-color', MASTERS);
  546.                     $(this).find('a[href^="/mturk/preview?groupId="]').css('background-color', MASTERS);
  547.                 }
  548.  
  549.                 // create checkpoints
  550.                 var $preview_link = $(this).find('a:contains("View a HIT in this group")');
  551.                 //var $preview_link = $(this).find('span[class="capsulelink"] > a');
  552.                 var groupId = $preview_link.attr('href')
  553.                 groupId = (groupId) ? groupId.split('=')[1] : $(this).find('a[href^="/mturk/notqualified?hitGroupId="]').attr('href').split(/=|&/)[1];
  554.                 var checkbox = document.createElement('INPUT');
  555.                 checkbox.type = 'checkbox';
  556.                 checkbox.name = groupId;
  557.                 checkbox.title = 'Set a checkpoint to help remember a HIT you\'ve seen before.\nUseful when browsing by HIT Creation Date.';
  558.                 checkbox.checked = GM_getValue(checkbox.name+'_checked', false);
  559.                 checkbox.addEventListener('click', set_checkpoint);  
  560.                 checkbox.style.cssText ='vertical-align:middle;';
  561.                 $preview_link.after(checkbox);
  562.                 // mark checkpoints
  563.                 if (checkbox.checked == true)
  564.                 {
  565.                     var checkpoint_date = GM_getValue(checkbox.name+'_date');
  566.                     $preview_link.text(checkpoint_date+CHECKPOINT_MESSAGE);
  567.                     $(this).attr('hideable', false);
  568.                     $(this).css('border', '50px solid '+CHECKPOINT_COLOR);
  569.                 }
  570.             });
  571.             show_hide_all_colors();
  572.             show_hide_qual();
  573.         },
  574.         ontimeout: function()
  575.         {
  576.             turkopticon_error_handler($parent_tables, api_base, requester_IDs_csv)
  577.         },
  578.         onerror: function()
  579.         {
  580.             turkopticon_error_handler($parent_tables, api_base, requester_IDs_csv)
  581.         }
  582.     });
  583. }
  584.  
  585. //$(document).ready(function()
  586. //{
  587.     var is_HIT = $('input[type="hidden"][name="isAccepted"]').length > 0;
  588.     if (is_HIT)
  589.     {
  590.         throw new Error('Not on a search page. Exit.');
  591.     }
  592.  
  593.     GM_addStyle('a:visited  {color: '+VISITED_LINK+';}');
  594.  
  595.     if (SHOW_ALL_DETAILS)
  596.     {
  597.         // click 'Show all details'
  598.         $(window).load(function(){$('a[id="expandall"][class="footer_links"][href="#"]:contains("Show all details")').get(0).click();});
  599.     }
  600.  
  601.     // change color of HITs not qualified for to make it easier to differentiate
  602.     $('[bgcolor="'+NOTQUAL_BODY+'"]').each(function(){
  603.         $(this).attr('bgcolor',$(this).attr('bgcolor').replace(NOTQUAL_BODY, NEW_NOTQUAL_BODY));
  604.     }); 
  605.  
  606.     var requester_IDs = new Array();
  607.     
  608.     $parent_tables = $('table[width="100%"][cellspacing="0"][cellpadding="0"][border="0"][height="100%"]');
  609.     $parent_tables.each(function()
  610.     {
  611.         var $requester_ID_link = $(this).find('a[href^="'+HIT_GROUPS_BASE_LINK+'"]').attr('href');
  612.         requester_IDs.push($requester_ID_link.replace(HIT_GROUPS_BASE_LINK,''));
  613.     });
  614.  
  615.     // code snippet from http://stackoverflow.com/questions/5381621/jquery-function-to-get-all-unique-elements-from-an-array
  616.     requester_IDs = requester_IDs.filter(function(itm,i,a)
  617.     {
  618.         return i==a.indexOf(itm);
  619.     });
  620.     // end snippet
  621.  
  622.     var requester_IDs_csv = '';
  623.     for (var i = 0; i < requester_IDs.length-1; i++)
  624.     {
  625.         requester_IDs_csv += requester_IDs[i] + ','
  626.     }
  627.     requester_IDs_csv += requester_IDs[i];
  628.  
  629.     color_code($parent_tables, API_MULTI_ATTRS_URL, requester_IDs_csv);
  630. //});