☰

Greasy Fork 支持简体中文。

DTs Dashboard Charts

Adds charts to the mturk dashboard

目前為 2014-07-24 提交的版本，檢視 最新版本。

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