☰

DTs Dashboard Charts

Adds charts to the mturk dashboard

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