// ==UserScript==
// @name turkopticon-async
// @version 2016.05.12.1002
// @description Review requesters on Amazon Mechanical Turk
// @author feihtality
// @include https://*.mturk.com/*
// @exclude https://*.mturk.com/mturk/findhits?*hit_scraper
// @namespace https://greasyfork.org/users/12709
// ==/UserScript==
/*jshint esnext:true*/
/*
*
* fork of 'turkopticon' by Lilly Irani and Six Silberman --
* * turkopticon-async requests data from the Turkopticon servers asynchronously which improves
* performance and prevents the page from locking up until the request completes
* * fixes flickering and other minor issues
* * HIT Scraper-consistent coloring
*
*/
// TODO: clean-up
(function() {
'use strict';
var TURKOPTICON_BASE = "https://turkopticon.ucsd.edu/";
var API_BASE = "https://turkopticon.ucsd.edu/api/";
var API_MULTI_ATTRS_URL = API_BASE + "multi-attrs.php?ids=";
function makeXhrQuery(rai) {
return new Promise( function(accept, reject) {
var xhr = new XMLHttpRequest(), url = API_MULTI_ATTRS_URL + Object.keys(rai).join(',');
xhr.open('GET', url, true);
xhr.responseType = 'json';
xhr.send();
xhr.onload = e => accept(e.target.response);
xhr.onerror = xhr.ontimeout = e => reject(e.target);
}); }
function ul(cl, inner) {
return "<ul class='" + cl + "'>" + inner + "</ul>"; }
function li(cl, inner) {
return "<li class='" + cl + "'>" + inner + "</li>"; }
function span(cl, inner) {
return "<span class='" + cl + "'>" + inner + "</span>"; }
function pad(word, space) {
if (word.length >= space) { return word; }
else { return word + ' '.repeat(space - word.length); } }
function long_word(word) {
switch(word) {
case "comm": return "communicativity";
case "pay" : return "generosity";
case "fair": return "fairness";
case "fast": return "promptness"; } }
function attr_html(n, i) {
var bar = `<meter min="0.8" low="2.5" high="3.4" optimum="5" max="5" value=${i} style="width:120px"></meter>`;
return pad(long_word(n), 15) + ": " + bar + " " + i + " / 5"; }
function ro_html(attrs) {
var rohtml = [];
for (var attr of Object.keys(attrs))
rohtml.push( li("attr", attr_html(attr, attrs[attr])) );
rohtml.push(li("gray_link", "<a href='" + TURKOPTICON_BASE + "help#attr'>What do these scores mean?</a>"));
return rohtml.join(''); }
function nrs(rid, nrevs) {
var str = "";
if (typeof nrevs === 'undefined') {
str = "<li>No reviews for this requester</li>"; }
else { str = "<li>Scores based on <a href='" + TURKOPTICON_BASE + rid + "'>" + nrevs + " reviews</a></li>"; }
return str; }
function tos(tosflags) {
return tosflags ? "<li>Terms of Service violation flags: " + tosflags + "</li>" : ''; }
function rl(rid, name) {
return "<li><a href='" + TURKOPTICON_BASE + "report?requester[amzn_id]=" + rid +
"&requester[amzn_name]=" + name + "'>Report your experience with this requester »</a></li>"; }
function insertInlineCss() {
document.head.appendChild(document.createElement('STYLE')).innerHTML =
".tob, .tom { list-style-type: none; padding-left: 0; }\n"
+ ".tob { float: left; cursor:default; margin-right:5px; }\n"
+ ".tob > .tom { display: none; position: absolute; background-color: #ebe5ff; border: 1px solid #aaa; padding: 5px; margin:0; z-index:10; }\n"
+ ".tob:hover > .tom { display: block; }\n"
+ ".tob > li { border: 1px solid #9db9d1; background-color: #ebe5ff; color: #00c; padding: 3px 3px 1px 3px; }\n"
+ ".tob > li.toc { color: #f33; }\n"
+ ".tom > li { line-height:14px; font-size:12px; }\n"
//+ "@media screen and (-webkit-min-device-pixel-ratio:0) { \n .tob { margin-top: -5px; } \n}\n"
+ ".attr { font-family: Monaco, Courier, monospace; color: #333; }\n"
+ ".bar { font-size: 0.6em; }\n"
+ ".gray_link { margin-bottom: 15px; }\n"
+ ".gray_link a { color: #666; }";}
function insertDropDowns(rai, resp) {
for(var rid in rai) {
if (rai.hasOwnProperty(rid)) {
for(var i = 0; i < rai[rid].length; i++) {
var td = rai[rid][i].node;
td.innerHTML = dropDown(resp[rid], rid) + ' ' + td.innerHTML; } } } }
function getAnchors() {
var a = {}, id, name,
add = (id,obj) => id in a ? a[id].push(obj) : a[id] = [ obj ],
fns = [ function() {
[].forEach.call(document.querySelectorAll('.requesterIdentity'), v => {
id = v.parentNode.href.match(/Id=([^&]+)/)[1]; name = v.textContent;
add(id, { name:name, node:v.parentNode });
});
if (!Object.keys(a).length) throw 0;
}, function() {
var node = document.querySelector('a[id|="requester.tooltip"]').parentNode.nextElementSibling;
id = document.querySelector('input[name=requesterId]').value;
name = document.querySelector('input[name=prevRequester]').value;
add(id, { name:name, node:node });
}, function() {
[].forEach.call(document.querySelectorAll('span.requester-column > a[href^=h]'), v => {
id = v.href.match(/Id=([^&]+)/)[1]; name = v.textContent;
add(id, { name:name, node:v });
});
} ];
for (var fn of fns) try { fn(); break; } catch(e) {}
return Object.keys(a).length && a;
}
var TO = function(id, nodeObj, dataObj) {
dataObj = dataObj || {};
var avg = 'attrs' in dataObj ? _getSimpleWeightedAverage(dataObj.attrs) : 0;
function _getSimpleWeightedAverage(attrs){
var n = 0, d = 0, weights = { comm:1, pay:3, fair:3, fast:1 };
for (var attr of Object.keys(attrs)) {
n += attrs[attr] * weights[attr];
d += weights[attr];
}
return (n/d).toFixed(3);
}
function _getColor(num) { return (!num || dataObj.reviews < 5) ? '#657b83' : num > 4 ? '#6ffa3c' : num > 3 ? '#d9fc35' : num > 2 ? '#fbde2d' : '#fa6f50'; }
function _makeSvg() {
var svg = mdom.makeNS('svg', { height:20, width:20 }),
path = mdom.makeNS('path', { fill:_getColor(avg), d:'M10 0c-5.52 0-10 4.48-10 10 0 5.52 4.48 10 10 10 5.52 0 10-4.48 10-10 0-5.52-4.48-10-10-10zm4.22 5.38c1.34 0 2.41 0.42 3.22 1.25 0.81 0.83 1.22 2.02 1.22 3.5 0 1.47-0.39 2.61-1.19 3.44-0.8 0.83-1.88 1.25-3.22 1.25-1.36 0-2.45-0.42-3.25-1.25-0.8-0.83-1.19-1.95-1.19-3.41 0-0.93 0.13-1.71 0.41-2.34 0.21-0.46 0.49-0.88 0.84-1.25 0.36-0.37 0.76-0.63 1.19-0.81 0.57-0.24 1.23-0.37 1.97-0.37zm-12.47 0.16h7.25v1.56h-2.72v7.56h-1.84v-7.56h-2.69v-1.56zm12.5 1.44c-0.76 0-1.38 0.26-1.84 0.78-0.46 0.52-0.69 1.29-0.69 2.34 0 1.03 0.21 1.81 0.69 2.34 0.48 0.53 1.11 0.81 1.84 0.81 0.73 0 1.31-0.28 1.78-0.81 0.47-0.53 0.72-1.32 0.72-2.37 0-1.05-0.23-1.83-0.69-2.34-0.46-0.51-1.05-0.75-1.81-0.75z' });
svg.appendChild(path);
return svg;
}
function _makeInfoPanel() {
var main = mdom.make('ul', { class: 'tom' }), html = [];
if ('attrs' in dataObj) html.push(ro_html(dataObj.attrs));
html.push(nrs(id, dataObj.reviews));
html.push(tos(dataObj.tos_flags));
html.push(rl(id,nodeObj[0].name));
main.innerHTML = html.join('');
return main;
}
return { insertBefore: node => {
var _node = node[0] ? node[0].node : node;
var s = mdom.make('span', { class: 'tob', style:_node.parentNode.tagName === 'TD' ? 'margin-top:-3px' : '' });
s.appendChild(_makeSvg());
s.appendChild(_makeInfoPanel());
if (node instanceof Array) node.forEach((v,i) => i > 0 ? v.node.parentNode.insertBefore(s.cloneNode(true), v.node) : v.node.parentNode.insertBefore(s,v.node));
else node.parentNode.insertBefore(s, node);
} };
},
mdom = (function(){
function make(el,attrs) { return setAttributes(document.createElement(el),attrs); }
function makeNS(el,attrs) { return setAttributes(document.createElementNS('http://www.w3.org/2000/svg',el),attrs); }
function setAttributes(el,attrs) {
for (var a of Object.keys(attrs)) el.setAttribute(a, attrs[a]);
return el;
}
return { make:make, makeNS:makeNS, setAttributes:setAttributes };
})();
console.log('toa hook');
insertInlineCss();
var anchors = getAnchors();
if (!anchors) return;
makeXhrQuery(anchors).then(function(r) {
for (var id of Object.keys(r)) TO(id, anchors[id], r[id]).insertBefore(anchors[id]);
}, err => console.warn(err.statusText, err));
})();
