turkopticon

Review requesters on Amazon Mechanical Turk

当前为 2020-06-15 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name turkopticon
  3. // @version 2020.04.27.0
  4. // @description Review requesters on Amazon Mechanical Turk
  5. // @author Lilly Irani, Six Silberman, anonymous contributors
  6. // @homepage https://turkopticon.ucsd.edu
  7. // @include http://*.mturk.com/*
  8. // @include https://*.mturk.com/*
  9. // @namespace https://greasyfork.org/users/4606
  10. // ==/UserScript==
  11.  
  12. var TURKOPTICON_BASE = "https://turkopticon.ucsd.edu/";
  13. var API_BASE = "https://turkopticon.ucsd.edu/api/";
  14. var API_MULTI_ATTRS_URL = API_BASE + "multi-attrs.php?ids=";
  15.  
  16. function getRequesterAnchorsAndIds(a) {
  17. //a is a list of anchor DOM elements derived in the previous function
  18. var rai = {};
  19. var requesterRegex = new RegExp(/requesterId=([0-9A-Z]+)|\/requesters\/([0-9A-Z]+)\/projects/);
  20. var rf = new RegExp(/contact/);
  21. var isContactLink = new RegExp(/Contact/);
  22. var isImgButton = new RegExp(/img/);
  23. var requestersHere = false;
  24.  
  25. for (var i = 0; i < a.length; i++) {
  26. var href = a[i].getAttribute('href');
  27. var requesterIdMatch = requesterRegex.exec(href);
  28. if ((requesterIdMatch) /*&& !rf.test(href)*/ ) {
  29. var innards = a[i].innerHTML;
  30. if (!isContactLink.test(innards) && !isImgButton.test(innards)) {
  31. var id = requesterIdMatch[1] || requesterIdMatch[2];
  32. if (!rai.hasOwnProperty(id)) {
  33. rai[id] = [];
  34. }
  35. rai[id].push(a[i]);
  36. requestersHere = true;
  37. }
  38. }
  39. }
  40.  
  41. rai = (requestersHere) ? rai : null;
  42. return rai;
  43. }
  44.  
  45. function buildXhrUrl(rai) {
  46. var url = API_MULTI_ATTRS_URL;
  47. var ri = Object.keys(rai);
  48. for(var i = 0; i < ri.length; i++) {
  49. url += ri[i];
  50. if (i < ri.length - 1) { url += ","; }
  51. }
  52. return url;
  53. }
  54.  
  55. function makeXhrQuery(url) {
  56. var xhr = new XMLHttpRequest();
  57. xhr.open('GET', url, false);
  58. xhr.send(null);
  59. var resp = JSON.parse(xhr.response);
  60. return resp;
  61. }
  62.  
  63. function ul(cl, inner) {
  64. return "<ul class='" + cl + "'>" + inner + "</ul>"; }
  65.  
  66. function li(cl, inner) {
  67. return "<li class='" + cl + "'>" + inner + "</li>"; }
  68.  
  69. function span(cl, inner) {
  70. return "<span class='" + cl + "'>" + inner + "</span>"; }
  71.  
  72. function strmul(str, num) {
  73. return Array(num + 1).join(str); }
  74.  
  75. function pad(word, space) {
  76. if (word.length >= space) { return word; }
  77. else { return word + strmul("&nbsp;", space - word.length); } }
  78.  
  79. function long_word(word) {
  80. switch(word) {
  81. case "comm": return "communicativity"; break;
  82. case "pay" : return "generosity"; break;
  83. case "fair": return "fairness"; break;
  84. case "fast": return "promptness"; break; } }
  85.  
  86. function visualize(i, max, size) {
  87. var color;
  88. if (i / max <= 2 / 5) { color = 'red'; }
  89. else if (i / max <= 3 / 5) { color = 'yellow'; }
  90. else { color = 'green'; }
  91. var filled = Math.round((i / max) * size);
  92. var unfilled = size - filled;
  93. var bar = span("bar", span(color, strmul("&nbsp;", filled)) + span("unf", strmul("&nbsp;", unfilled)));
  94. return bar; }
  95.  
  96. function attr_html(n, i) {
  97. return pad(long_word(n), 15) + ": " + visualize(i, 5, 30) + "&nbsp;" + i + " / 5"; }
  98.  
  99. function ro_html(ro) {
  100. var rohtml = "";
  101. if (typeof ro.attrs != 'undefined') {
  102. var keys = Object.keys(ro.attrs);
  103. for (var i = 0; i < keys.length; i++) {
  104. rohtml += li("attr", attr_html(keys[i], ro.attrs[keys[i]])); } }
  105. return rohtml; }
  106.  
  107. function what(ro) {
  108. var str = "";
  109. if (typeof ro.attrs != 'undefined') {
  110. str = li("gray_link", "<a href='" + TURKOPTICON_BASE + "help#attr'>What do these scores mean?</a>"); }
  111. return str; }
  112.  
  113. function nrs(rid, nrevs) {
  114. var str = "";
  115. if (typeof nrevs === 'undefined') {
  116. str = "<li>No reviews for this requester</li>"; }
  117. else { str = "<li>Scores based on&nbsp;<a href='" + TURKOPTICON_BASE + rid + "'>" + nrevs + " reviews</a></li>"; }
  118. return str; }
  119.  
  120. function tos(tosflags) {
  121. var str = "<li>Terms of Service violation flags: " + tosflags + "</li>";
  122. return str; }
  123.  
  124. function rl(rid, name) {
  125. var rl = "<li><a href='" + TURKOPTICON_BASE + "report?requester[amzn_id]=" + rid;
  126. rl += "&requester[amzn_name]=" + name + "'>";
  127. rl += "Report your experience with this requester &raquo;</a></li>";
  128. return rl; }
  129.  
  130. function dropDown(ro, rid) {
  131. var n = ro.name;
  132. var arrcls = "";
  133. if (typeof ro.attrs != 'undefined') { arrcls = "toc"; }
  134. var dd = ul("tob", li(arrcls, "&#9660;") + ul("tom", ro_html(ro) + what(ro) + nrs(rid, ro.reviews) + tos(ro.tos_flags) + rl(rid, n)));
  135. return dd; }
  136.  
  137. function insertInlineCss() {
  138. var head = document.getElementsByTagName("head")[0],
  139. style = document.createElement('style'),
  140. css = ".tob, .tom { list-style-type: none; padding-left: 0; }\n";
  141. css += ".tob { float: left; margin-right: 5px; }\n";
  142. css += ".tob > .tom { display: none; position: absolute; background-color: #ebe5ff; border: 1px solid #aaa; padding: 5px; z-index: 10;}\n";
  143. css += ".tob:hover > .tom { display: block; }\n";
  144. css += ".tob > li { border: 1px solid #9db9d1; background-color: #ebe5ff; color: #00c; padding: 3px 3px 1px 3px; }\n";
  145. css += ".tob > li.toc { color: #f33; }\n";
  146. css += "@media screen and (-webkit-min-device-pixel-ratio:0) { \n .tob { margin-top: -5px; } \n}\n";
  147. css += ".attr { font-family: Monaco, Courier, monospace; color: #333; }\n";
  148. css += ".bar { font-size: 0.6em; }\n";
  149. css += ".unf { background-color: #ddd; }\n";
  150. css += ".red { background-color: #f00; }\n";
  151. css += ".yellow { background-color: #f90; }\n";
  152. css += ".green { background-color: #6c6; }\n";
  153. css += ".gray_link { margin-bottom: 15px; }\n";
  154. css += ".gray_link a { color: #666; }\n";
  155. style.textContent = css;
  156. head.appendChild(style);
  157. }
  158.  
  159.  
  160. function getNames(rai, resp) {
  161. for(var rid in rai) {
  162. if (rai.hasOwnProperty(rid)) {
  163. if (resp[rid] == "") { // empty response, no data in Turkopticon DB for this ID
  164. resp[rid] = JSON.parse('{"name": "' + rai[rid][0].innerHTML.split("</span>")[0].split(">")[1] + '"}');
  165. }
  166. // overwrite name attribute of response object from page:
  167. if (rai[rid][0].innerText == "HITs") {
  168. resp[rid].name = rai[rid][3].innerText;
  169. } else {
  170. resp[rid].name = rai[rid][0].innerHTML;
  171. }
  172. }
  173. } // .split("</span>")[0].split(">")[1]; /* deprecated due to MTurk interface change */
  174. return resp; }
  175.  
  176. function insertDropDowns(rai, resp) {
  177. for(var rid in rai) {
  178. if (rai.hasOwnProperty(rid)) {
  179. for(var i = 0; i < rai[rid].length; i++) {
  180. var td = rai[rid][i].parentNode;
  181. td.innerHTML = dropDown(resp[rid], rid) + " " + td.innerHTML; } } } }
  182.  
  183. insertInlineCss();
  184. var a = document.getElementsByTagName('a');
  185. var reqAnchors = getRequesterAnchorsAndIds(a);
  186. if (reqAnchors) {
  187. var url = buildXhrUrl(reqAnchors);
  188. var resp = makeXhrQuery(url);
  189. resp = getNames(reqAnchors, resp);
  190. insertDropDowns(reqAnchors, resp);
  191. }