☰

DTs Dashboard Charts

Adds charts to the mturk dashboard

目前为 2014-07-17 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         DTs Dashboard Charts
  3. // @namespace    localhost
  4. // @version      0.2b
  5. // @description  Adds charts to the mturk dashboard
  6. // @match        https://www.mturk.com/mturk/dashboard
  7. // @require      http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js
  8. // @require      http://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.js
  9. // @require      http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.pieRenderer.js
  10. // @require      http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.dateAxisRenderer.min.js
  11. // @require      http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.canvasAxisTickRenderer.js
  12. // @require      http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.canvasAxisLabelRenderer.js
  13. // @require      http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.canvasTextRenderer.js
  14. // @require      http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.categoryAxisRenderer.js
  15. // @require      http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.barRenderer.js
  16. // @require      http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.pointLabels.js
  17. // @resource     jqplot http://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.css
  18. // @grant        GM_addStyle
  19. // @run-at       document-end
  20. // @copyright    2014+, DeliriumTremens
  21. // ==/UserScript==
  22.  
  23. // Display dollar and hit count charts
  24.  
  25. var dates = [];
  26. $('a[href*="statusdetail"]').each( function () {
  27.     dates.push($(this).attr('href'));
  28. });
  29.  
  30. var HITStorage = {};
  31. HITStorage.indexedDB = {};
  32. HITStorage.indexedDB.db = null;
  33.  
  34. var curr = new Date;
  35. var first = curr.getDate() - curr.getDay();
  36. var last = first + 6;
  37.  
  38. var firstday = new Date(curr.setDate(first));
  39.  
  40.  
  41. firstdy = (firstday.getFullYear() + '-' + ('0' + (firstday.getMonth()+1)).slice(-2) + '-' + ('0' + (firstday.getDate())).slice(-2));
  42. seconddy = (firstday.getFullYear() + '-' + ('0' + (firstday.getMonth()+1)).slice(-2) + '-' + ('0' + (firstday.getDate()+1)).slice(-2));
  43. thirddy = (firstday.getFullYear() + '-' + ('0' + (firstday.getMonth()+1)).slice(-2) + '-' + ('0' + (firstday.getDate()+2)).slice(-2));
  44. fourthdy = (firstday.getFullYear() + '-' + ('0' + (firstday.getMonth()+1)).slice(-2) + '-' + ('0' + (firstday.getDate()+3)).slice(-2));
  45. fifthdy = (firstday.getFullYear() + '-' + ('0' + (firstday.getMonth()+1)).slice(-2) + '-' + ('0' + (firstday.getDate()+4)).slice(-2));
  46. sixthdy = (firstday.getFullYear() + '-' + ('0' + (firstday.getMonth()+1)).slice(-2) + '-' + ('0' + (firstday.getDate()+5)).slice(-2));
  47. seventhdy = (firstday.getFullYear() + '-' + ('0' + (firstday.getMonth()+1)).slice(-2) + '-' + ('0' + (firstday.getDate()+6)).slice(-2));
  48.  
  49. var hitMeter = {};
  50. hitMeter[firstdy.toString()] = 0;
  51. hitMeter[seconddy.toString()] = 0;
  52. hitMeter[thirddy.toString()] = 0;
  53. hitMeter[fourthdy.toString()] = 0;
  54. hitMeter[fifthdy.toString()] = 0;
  55. hitMeter[sixthdy.toString()] = 0;
  56. hitMeter[seventhdy.toString()] = 0;
  57.  
  58. var hitCounter = {};
  59. hitCounter[firstdy.toString()] = 0;
  60. hitCounter[seconddy.toString()] = 0;
  61. hitCounter[thirddy.toString()] = 0;
  62. hitCounter[fourthdy.toString()] = 0;
  63. hitCounter[fifthdy.toString()] = 0;
  64. hitCounter[sixthdy.toString()] = 0;
  65. hitCounter[seventhdy.toString()] = 0;
  66.  
  67. function HITpull() {
  68.         var request = indexedDB.open("HITDB", 4);
  69.         request.onsuccess = function(e) {
  70.                 HITStorage.indexedDB.db = e.target.result;
  71.                 var db = HITStorage.indexedDB.db;
  72.         var results = [];
  73.         var tmp_results = {};
  74.                 var transaction = db.transaction('HIT','readonly');
  75.                 var store = transaction.objectStore('HIT');
  76.                 var index = store.index('date');
  77.                 var range = IDBKeyRange.bound(firstdy, seventhdy, false, false);
  78.                 index.openCursor(range).onsuccess = function(event) {
  79.                         var cursor = event.target.result;
  80.                         if (cursor) {
  81.                                 var hit = cursor.value;
  82.                                 if (tmp_results[hit.date] === undefined) {
  83.                                         tmp_results[hit.date] = [];
  84.                                         tmp_results[hit.date][0] = hit.reward;
  85.                                         tmp_results[hit.date][1] = 1;
  86.                     tmp_results[hit.date][2] = hit.date;
  87.                                         }
  88.                                 else if (hit.status === 'Rejected'){}
  89.                                 else {
  90.                                         tmp_results[hit.date][0] += hit.reward;
  91.                                         tmp_results[hit.date][1] += 1;
  92.                     tmp_results[hit.date][2] = hit.date;
  93.                                         }
  94.                                 cursor.continue();
  95.                         }
  96.                         else {
  97.                                 for (var key in tmp_results) {
  98.                                 results.push(tmp_results[key]);
  99.                                 }
  100.                 printHitCount(results);
  101.                                 printDollarCount(results);
  102.                         }
  103.                 db.close();
  104.                 };
  105.                 request.onerror = HITStorage.indexedDB.onerror;
  106.         };
  107. }
  108.  
  109. function printHitCount (results) {
  110.         $(".container-content:eq(1)").append('<div id="hitCount" style="height:200px;width:350px;float:left;"></div>');
  111.         for (var key in results) {
  112.                 hitMeter[results[key][2]] += results[key][1];
  113.         };
  114.         var ticks = [firstdy.toString(),seconddy.toString(),thirddy.toString(),fourthdy.toString(),fifthdy.toString(),sixthdy.toString(),seventhdy.toString()];
  115.         var plot2 = $.jqplot('hitCount', [[hitMeter[firstdy.toString()],hitMeter[seconddy.toString()],hitMeter[thirddy.toString()],hitMeter[fourthdy.toString()],hitMeter[fifthdy.toString()],
  116.                                       hitMeter[sixthdy.toString()],hitMeter[seventhdy.toString()]]], {
  117.         animate: !$.jqplot.use_excanvas,
  118.                 seriesDefaults:{
  119.                         renderer:$.jqplot.BarRenderer,
  120.                         rendererOptions: {fillToZero: true},
  121.             pointLabels: {
  122.                 show: true,
  123.                 hideZeros: true,
  124.                 location: 'n'
  125.             }
  126.                 },
  127.                 series:[
  128.                         {label:firstdy.toString()},
  129.                         {label:seconddy.toString()},
  130.                         {label:thirddy.toString()},
  131.                         {label:fourthdy.toString()},
  132.                         {label:fifthdy.toString()},
  133.             {label:sixthdy.toString()},
  134.             {label:seventhdy.toString()}
  135.                 ],
  136.                 title: {
  137.                         text: 'Daily Count (Current Week)',
  138.                         fontFamily: '"Trebuchet MS", Arial, Helvetica, sans-serif',
  139.                         fontSize: '10pt',
  140.                         textColor: '#666666'
  141.                 },
  142.                 axes: {
  143.                         xaxis: {
  144.                                 tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
  145.                                 tickOptions: {
  146.                                         angle: -15,
  147.                                         fontSize: '8pt',
  148.                     showGridline: false,
  149.                     formatString: '%a'
  150.                                 },
  151.                                 renderer: $.jqplot.CategoryAxisRenderer,
  152.                                 ticks: ticks
  153.                         },
  154.                         yaxis: {
  155.                                 tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
  156.                                 tickOptions: {
  157.                                         fontSize: '8pt',
  158.                                         markSize: '0'
  159.                                 },
  160.                                 pad: 1.2,
  161.                                 min: 0
  162.                         }
  163.                 }
  164.         });
  165.     var imgData = $('#hitCount').jqplotToImageStr({});
  166.     $('#hitCount').on('click',function () {
  167.              $.ajax({
  168.                         url: 'https://api.imgur.com/3/image',
  169.                         headers: {
  170.                                 'Authorization': 'Client-ID 6ebabcf714f0bb3'
  171.                         },
  172.                         type: 'POST',
  173.                         data: {
  174.                                 'image': imgData.substr(22)
  175.                         },
  176.                         success: function(response) { prompt("Copy to clipboard: Ctrl+C, Enter", response.data.link); }
  177.              });  
  178.         });
  179. };
  180.  
  181. function printDollarCount (results) {
  182.         $(".container-content:eq(1)").append('<div id="dollarCount" style="height:200px;width:350px;float:right;"></div>');
  183.         for (var key in results) {
  184.                 hitCounter[results[key][2]] += results[key][0];;
  185.         };
  186.         var ticks = [firstdy.toString(),seconddy.toString(),thirddy.toString(),fourthdy.toString(),fifthdy.toString(),sixthdy.toString(),seventhdy.toString()];
  187.         var plot2 = $.jqplot('dollarCount', [[hitCounter[firstdy.toString()],hitCounter[seconddy.toString()],hitCounter[thirddy.toString()],hitCounter[fourthdy.toString()],
  188.                                           hitCounter[fifthdy.toString()],hitCounter[sixthdy.toString()],hitCounter[seventhdy.toString()]]], {
  189.         animate: !$.jqplot.use_excanvas,
  190.                 seriesDefaults:{
  191.                         renderer:$.jqplot.BarRenderer,
  192.                         rendererOptions: {fillToZero: true},
  193.             pointLabels: {
  194.                 show: true,
  195.                 hideZeros: true,
  196.                 location: 'n',
  197.                 formatString: '$%#.2f'
  198.             }
  199.                 },
  200.                 series:[
  201.                         {label:firstdy.toString()},
  202.                         {label:seconddy.toString()},
  203.                         {label:thirddy.toString()},
  204.                         {label:fourthdy.toString()},
  205.                         {label:fifthdy.toString()},
  206.             {label:sixthdy.toString()},
  207.             {label:seventhdy.toString()}
  208.                 ],
  209.                 title: {
  210.                         text: 'Daily Earnings (Current Week)',
  211.                         fontFamily: '"Trebuchet MS", Arial, Helvetica, sans-serif',
  212.                         fontSize: '10pt',
  213.                         textColor: '#666666'
  214.                 },
  215.                 axes: {
  216.                         xaxis: {
  217.                                 tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
  218.                                 tickOptions: {
  219.                                         angle: -15,
  220.                                         fontSize: '8pt',
  221.                     showGridline: false
  222.                                 },
  223.                                 renderer: $.jqplot.CategoryAxisRenderer,
  224.                                 ticks: ticks
  225.                         },
  226.                         yaxis: {
  227.                                 tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
  228.                                 tickOptions: {
  229.                                         fontSize: '8pt',
  230.                                         prefix: '$',
  231.                                         markSize: '0'
  232.                                 },
  233.                                 pad: 1.2,
  234.                                 min: 0
  235.                         }
  236.                 }
  237.         });
  238.     var imgData = $('#dollarCount').jqplotToImageStr({});
  239.     $('#dollarCount').on('click',function () {
  240.              $.ajax({
  241.                         url: 'https://api.imgur.com/3/image',
  242.                         headers: {
  243.                                 'Authorization': 'Client-ID 6ebabcf714f0bb3'
  244.                         },
  245.                         type: 'POST',
  246.                         data: {
  247.                                 'image': imgData.substr(22)
  248.                         },
  249.                         success: function(response) { prompt("Copy to clipboard: Ctrl+C, Enter", response.data.link); }
  250.              });  
  251.         });
  252. }
  253.  
  254. HITpull();