☰

DTs Dashboard Charts

Adds charts to the mturk dashboard

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

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