☰

MTurk HIT Database Mk.II

Keep track of the HITs you've done (and more!). Cross browser compatible.

目前为 2015-09-18 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         MTurk HIT Database Mk.II
  3. // @author       feihtality
  4. // @namespace    https://greasyfork.org/en/users/12709
  5. // @version      0.9.006
  6. // @description  Keep track of the HITs you've done (and more!). Cross browser compatible.
  7. // @include      /^https://www\.mturk\.com/mturk/(dash|view|sort|find|prev|search|accept|cont).*/
  8. // @exclude      https://www.mturk.com/mturk/findhits?*hit_scraper
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. /**\
  13.  ** 
  14.  ** This is a complete rewrite of the MTurk HIT Database script from the ground up, which
  15.  ** eliminates obsolete methods, fixes many bugs, and brings this script up-to-date 
  16.  ** with the current modern browser environment.
  17.  **
  18. \**/ 
  19.  
  20.  
  21. /*
  22.  * TODO
  23.  *   misc refactoring
  24.  *   tagging (?)
  25.  *
  26.  */
  27.  
  28.  
  29.  
  30. const DB_VERSION = 2;
  31. const DB_NAME = 'HITDB_TESTING';
  32. const MTURK_BASE = 'https://www.mturk.com/mturk/';
  33.  
  34. /***************************      Native code modifications      *******************************/
  35. // polyfill for chrome until v45(?) 
  36. if (!NodeList.prototype[Symbol.iterator]) NodeList.prototype[Symbol.iterator] = Array.prototype[Symbol.iterator];
  37. Number.prototype.toPadded = function(length) { // format leading zeros
  38.   'use strict';
  39.   length = length || 2;
  40.   return ("0000000"+this).substr(-length);
  41. };
  42. Math.decRound = function(v, shift) { // decimal rounding
  43.   'use strict';
  44.   v = Math.round(+(v+"e"+shift));
  45.   return +(v+"e"+-shift);
  46. };
  47. Date.prototype.toLocalISOString = function() { // ISOString by local timezone
  48.   'use strict';
  49.   var pad = function(num) { return Number(num).toPadded(); },
  50.       offset = pad(Math.floor(this.getTimezoneOffset()/60)) + pad(this.getTimezoneOffset()%60),
  51.       timezone = this.getTimezoneOffset() > 0 ? "-" + offset : "+" + offset;
  52.   return this.getFullYear() + "-" + pad(this.getMonth()+1) + "-" + pad(this.getDate()) +
  53.     "T" + pad(this.getHours()) + ":" + pad(this.getMinutes()) + ":" + pad(this.getSeconds()) + timezone;
  54. };
  55. /***********************************************************************************************/
  56.  
  57. (function() { // simplify strict scoping
  58.   'use strict';
  59.  
  60.   // TODO defer qc init to Promise for case in large obj JSON parsing
  61.   var qc = { 
  62.     extraDays: !!localStorage.getItem("hitdb_extraDays") || false, 
  63.     fetchData: document.location.pathname === "/mturk/dashboard" ? JSON.parse(localStorage.getItem("hitdb_fetchData") || "{}") : null,
  64.     seen: {},
  65.     aat: ~document.location.pathname.search(/(dash|accept|cont)/) ? JSON.parse(localStorage.getItem("hitdb_autoAppTemp") || "{}") : null,
  66.     save: function(key, name, isObj) {
  67.       if (isObj) 
  68.         localStorage.setItem(name, JSON.stringify(this[key]));
  69.       else 
  70.         localStorage.setItem(name, this[key]);
  71.     }
  72.   },
  73.       metrics = {};
  74.  
  75.   var 
  76.   HITStorage = { //{{{
  77.     data: {},
  78.  
  79.     versionChange: function hsversionChange() { //{{{
  80.       var db = this.result;
  81.       db.onversionchange = function(e) { console.log("detected version change??",console.dir(e)); db.close(); };
  82.       this.onsuccess = function() { db.close(); };
  83.       var dbo;
  84.  
  85.       console.groupCollapsed("HITStorage.versionChange::onupgradeneeded");
  86.  
  87.       if (!db.objectStoreNames.contains("HIT")) { 
  88.         console.log("creating HIT OS");
  89.         dbo = db.createObjectStore("HIT", { keyPath: "hitId" });
  90.         dbo.createIndex("date", "date", { unique: false });
  91.         dbo.createIndex("requesterName", "requesterName", { unique: false});
  92.         dbo.createIndex("title", "title", { unique: false });
  93.         dbo.createIndex("reward", "reward", { unique: false });
  94.         dbo.createIndex("status", "status", { unique: false });
  95.         dbo.createIndex("requesterId", "requesterId", { unique: false });
  96.  
  97.         localStorage.setItem("hitdb_extraDays", true);
  98.         qc.extraDays = true;
  99.       }
  100.       
  101.       if (!db.objectStoreNames.contains("STATS")) {
  102.         console.log("creating STATS OS");
  103.         dbo = db.createObjectStore("STATS", { keyPath: "date" });
  104.       }
  105.       if (this.transaction.objectStore("STATS").indexNames.length < 5) { // new in v5: schema additions
  106.         this.transaction.objectStore("STATS").createIndex("approved", "approved", { unique: false });
  107.         this.transaction.objectStore("STATS").createIndex("earnings", "earnings", { unique: false });
  108.         this.transaction.objectStore("STATS").createIndex("pending", "pending", { unique: false });
  109.         this.transaction.objectStore("STATS").createIndex("rejected", "rejected", { unique: false });
  110.         this.transaction.objectStore("STATS").createIndex("submitted", "submitted", { unique: false });
  111.       }
  112.  
  113.       (function _updateNotes(dbt) { // new in v5: schema change
  114.         if (!db.objectStoreNames.contains("NOTES")) {
  115.           console.log("creating NOTES OS");
  116.           dbo = db.createObjectStore("NOTES", { keyPath: "id", autoIncrement: true });
  117.           dbo.createIndex("hitId", "hitId", { unique: false });
  118.           dbo.createIndex("requesterId", "requesterId", { unique: false });
  119.           dbo.createIndex("tags", "tags", { unique: false, multiEntry: true });
  120.           dbo.createIndex("date", "date", { unique: false });
  121.         }
  122.         if (db.objectStoreNames.contains("NOTES") && dbt.objectStore("NOTES").indexNames.length < 3) {
  123.             _mv(db, dbt, "NOTES", "NOTES", _updateNotes);
  124.         }
  125.       })(this.transaction);
  126.  
  127.       if (db.objectStoreNames.contains("BLOCKS")) {
  128.         console.log("migrating BLOCKS to NOTES");
  129.         var temp = [];
  130.         this.transaction.objectStore("BLOCKS").openCursor().onsuccess = function() {
  131.           var cursor = this.result;
  132.           if (cursor) {
  133.             temp.push( {
  134.               requesterId: cursor.value.requesterId,
  135.               tags: "Blocked",
  136.               note: "This requester was blocked under the old HitDB. Blocking has been deprecated and removed "+
  137.                 "from HIT Databse. All blocks have been converted to a Note."
  138.             } );
  139.             cursor.continue();
  140.           } else {
  141.             console.log("deleting blocks");
  142.             db.deleteObjectStore("BLOCKS");
  143.             for (var entry of temp)
  144.               this.transaction.objectStore("NOTES").add(entry);
  145.           }
  146.         };
  147.       }
  148.  
  149.       function _mv(db, transaction, source, dest, fn) { //{{{
  150.         var _data = [];
  151.         transaction.objectStore(source).openCursor().onsuccess = function() {
  152.           var cursor = this.result;
  153.             if (cursor) {
  154.               _data.push(cursor.value);
  155.               cursor.continue();
  156.             } else {
  157.               db.deleteObjectStore(source);
  158.               fn(transaction);
  159.               if (_data.length)
  160.                 for (var i=0;i<_data.length;i++)
  161.                   transaction.objectStore(dest).add(_data[i]);
  162.                 //console.dir(_data);
  163.             }
  164.         };
  165.       } //}}}
  166.  
  167.       console.groupEnd();
  168.     }, // }}} versionChange
  169.  
  170.     parseDOM: function(doc) {//{{{
  171.       Status.color = "black";
  172.  
  173.       var errorCheck = doc.querySelector('td[class="error_title"]');
  174.  
  175.       if (doc.title.search(/Status$/) > 0)            // status overview
  176.         parseStatus();
  177.       else if (doc.querySelector('td[colspan="4"]'))  // valid status detail, but no data
  178.         parseMisc("next");
  179.       else if (doc.title.search(/Status Detail/) > 0) // status detail with data
  180.         parseDetail();
  181.       else if (errorCheck) {                          // encountered an error page
  182.         // hit max request rate
  183.         if (~errorCheck.textContent.indexOf("page request rate")) {
  184.           var _d = doc.documentURI.match(/\d{8}/)[0],
  185.               _p = doc.documentURI.match(/ber=(\d+)/)[1];
  186.           metrics.dbupdate.mark("[PRE]"+_d+"p"+_p, "start");
  187.           console.log("exceeded max requests; refetching", doc.documentURI);
  188.           Status.node.innerHTML = "Exceeded maximum server requests; retrying "+Utils.ISODate(_d)+" page "+_p+"."+
  189.             "<br>Please wait...";
  190.           setTimeout(HITStorage.fetch, 550, doc.documentURI);
  191.           return;
  192.         }
  193.         // no more staus details left in range
  194.         else if (qc.extraDays)
  195.           parseMisc("end");
  196.       }
  197.       else 
  198.         Utils.errorHandler(new Error("Unhandled document received with URI '" + doc.docuemntURI + "'"));
  199.  
  200.  
  201.       function parseStatus() {//{{{
  202.         HITStorage.data = { HIT: [], STATS: [] };
  203.         qc.seen = {};
  204.         ProjectedEarnings.clear();
  205.  
  206.         // reload auto-approval data to cover not refreshing the dashboard before running an update
  207.         qc.aat = JSON.parse(localStorage.getItem("hitdb_autoAppTemp") || "{}");
  208.         qc.aac = JSON.parse(localStorage.getItem("hitdb_autoAppCollection") || "{}");
  209.  
  210.         var _pastDataExists = Boolean(Object.keys(qc.fetchData).length);
  211.         var raw = { 
  212.           day: doc.querySelectorAll(".statusDateColumnValue"), 
  213.           sub: doc.querySelectorAll(".statusSubmittedColumnValue"),
  214.           app: doc.querySelectorAll(".statusApprovedColumnValue"),
  215.           rej: doc.querySelectorAll(".statusRejectedColumnValue"),
  216.           pen: doc.querySelectorAll(".statusPendingColumnValue"),
  217.           pay: doc.querySelectorAll(".statusEarningsColumnValue") 
  218.         };
  219.         
  220.         var timeout = 0;
  221.         for (var i=0;i<raw.day.length;i++) {
  222.           var d = {};
  223.           var _date = raw.day[i].childNodes[1].href.substr(53);
  224.           d.date      = Utils.ISODate(_date);
  225.           d.submitted = +raw.sub[i].textContent;
  226.           d.approved  = +raw.app[i].textContent;
  227.           d.rejected  = +raw.rej[i].textContent;
  228.           d.pending   = +raw.pen[i].textContent;
  229.           d.earnings  = +raw.pay[i].textContent.substr(1);
  230.           HITStorage.data.STATS.push(d);
  231.  
  232.           // check whether or not we need to get status detail pages for date, then
  233.           // fetch status detail pages per date in range and slightly slow
  234.           // down GET requests to avoid making too many in too short an interval
  235.           var payload = { encodedDate: _date, pageNumber: 1, sortType: "All" };
  236.           if (_pastDataExists) {
  237.             // date not in range but is new date (or old date but we need updates)
  238.             // lastDate stored in ISO format, fetchData date keys stored in mturk's URI ecnodedDate format
  239.             if ( (d.date > qc.fetchData.lastDate) || ~(Object.keys(qc.fetchData).indexOf(_date)) ) {
  240.               setTimeout(HITStorage.fetch, timeout, MTURK_BASE+"statusdetail", payload);
  241.               timeout += 250;
  242.  
  243.               qc.fetchData[_date] = { submitted: d.submitted, pending: d.pending };
  244.             } 
  245.           } else { // get everything
  246.             setTimeout(HITStorage.fetch, timeout, MTURK_BASE+"statusdetail", payload);
  247.             timeout += 250;
  248.  
  249.             qc.fetchData[_date] = { submitted: d.submitted, pending: d.pending };
  250.           }
  251.         } // for
  252.         qc.fetchData.expectedTotal = _calcTotals(qc.fetchData);
  253.  
  254.         // try for extra days
  255.         if (qc.extraDays === true) {
  256.           localStorage.removeItem("hitdb_extraDays");
  257.           d = _decDate(HITStorage.data.STATS[HITStorage.data.STATS.length-1].date);
  258.           qc.extraDays = d; // repurpose extraDays for QC
  259.           payload = { encodedDate: d, pageNumber: 1, sortType: "All" };
  260.           console.log("fetchrequest for", d, "sent by parseStatus");
  261.           setTimeout(HITStorage.fetch, 1000, MTURK_BASE+"statusdetail", payload);
  262.         }
  263.         qc.fetchData.lastDate = HITStorage.data.STATS[0].date; // most recent date seen
  264.  
  265.       }//}}} parseStatus
  266.  
  267.       function parseDetail() {//{{{
  268.         var _date = doc.documentURI.replace(/.+(\d{8}).+/, "$1");
  269.         var _page = doc.documentURI.replace(/.+ber=(\d+).+/, "$1");
  270.  
  271.         metrics.dbupdate.mark("[PRE]"+_date+"p"+_page, "end");
  272.         Status.message = "Processing "+Utils.ISODate(_date)+" page "+_page;
  273.         var raw = {
  274.           req:      doc.querySelectorAll(".statusdetailRequesterColumnValue"),
  275.           title:    doc.querySelectorAll(".statusdetailTitleColumnValue"),
  276.           pay:      doc.querySelectorAll(".statusdetailAmountColumnValue"),
  277.           status:   doc.querySelectorAll(".statusdetailStatusColumnValue"),
  278.           feedback: doc.querySelectorAll(".statusdetailRequesterFeedbackColumnValue")
  279.         };
  280.  
  281.         for (var i=0;i<raw.req.length;i++) {
  282.           var d = {};
  283.           d.date          = Utils.ISODate(_date);
  284.           d.feedback      = raw.feedback[i].textContent.trim();
  285.           d.hitId         = raw.req[i].childNodes[1].href.replace(/.+HIT\+(.+)/, "$1");
  286.           d.requesterId   = raw.req[i].childNodes[1].href.replace(/.+rId=(.+?)&.+/, "$1");
  287.           d.requesterName = raw.req[i].textContent.trim().replace(/\|/g,"");
  288.           d.reward        = +raw.pay[i].textContent.substr(1);
  289.           d.status        = raw.status[i].textContent.replace(/\s/g, " "); // replace char160 spaces with char32 spaces
  290.           d.title         = raw.title[i].textContent.replace(/\|/g, "");
  291.  
  292.           // mturk apparently never marks $0.00 HITs as 'Paid' so we fix that
  293.           if (!d.reward && ~d.status.search(/approved/i)) d.status = "Paid";
  294.           // insert autoApproval times
  295.           d.autoAppTime = HITStorage.autoApprovals.getTime(_date,d.hitId);
  296.  
  297.           HITStorage.data.HIT.push(d);
  298.  
  299.           if (!qc.seen[_date]) qc.seen[_date] = {};
  300.           qc.seen[_date] = { 
  301.             submitted:   qc.seen[_date].submitted + 1 || 1,
  302.             pending: ~d.status.search(/pending/i)  ? 
  303.               (qc.seen[_date].pending + 1 || 1) : (qc.seen[_date].pending || 0)
  304.           };
  305.  
  306.           ProjectedEarnings.updateValues(d);
  307.         }
  308.  
  309.         // additional pages remain; get them
  310.         if (doc.querySelector('img[src="/media/right_dbl_arrow.gif"]')) {
  311.           var payload = { encodedDate: _date, pageNumber: +_page+1, sortType: "All" };
  312.           setTimeout(HITStorage.fetch, 250, MTURK_BASE+"statusdetail", payload);
  313.           return;
  314.         }
  315.  
  316.         if (!qc.extraDays) { // not fetching extra days
  317.           //no longer any more useful data here, don't need to keep rechecking this date
  318.           if (Utils.ISODate(_date) !== qc.fetchData.lastDate &&
  319.               qc.seen[_date].submitted === qc.fetchData[_date].submitted && 
  320.               qc.seen[_date].pending === 0) {
  321.             console.log("no more pending hits, removing",_date,"from fetchData");
  322.             delete qc.fetchData[_date];
  323.             localStorage.setItem("hitdb_fetchData", JSON.stringify(qc.fetchData));
  324.             HITStorage.autoApprovals.purge(_date);
  325.           }
  326.           // finished scraping; start writing
  327.           console.log("date:", _date, "page:", _page, "totals:", _calcTotals(qc.seen), "of", qc.fetchData.expectedTotal);
  328.           Status.message += " [ "+_calcTotals(qc.seen)+"/"+ qc.fetchData.expectedTotal+" ]";
  329.           if (_calcTotals(qc.seen) === qc.fetchData.expectedTotal) {
  330.             Status.message = "Writing to database...";
  331.             HITStorage.autoApprovals.purge();
  332.             HITStorage.write(HITStorage.data, "update");
  333.           }
  334.         } else if (_date <= qc.extraDays) { // day is older than default range and still fetching extra days
  335.           parseMisc("next");
  336.           console.log("fetchrequest for", _decDate(Utils.ISODate(_date)));
  337.         }
  338.       }//}}} parseDetail
  339.  
  340.       function parseMisc(type) {//{{{
  341.         var _d = doc.documentURI.match(/\d{8}/)[0],
  342.             _p = doc.documentURI.match(/ber=(\d+)/)[1];
  343.         metrics.dbupdate.mark("[PRE]"+_d+"p"+_p, "end");
  344.         var payload = { encodedDate: _decDate(Utils.ISODate(_d)), pageNumber: 1, sortType: "All" };
  345.  
  346.         if (type === "next" && +qc.extraDays > 1) {
  347.           setTimeout(HITStorage.fetch, 250, MTURK_BASE+"statusdetail", payload);
  348.           console.log("going to next page", payload.encodedDate);
  349.         } else if (type === "end" && +qc.extraDays > 1) {
  350.           Status.message = "Writing to database...";
  351.           HITStorage.write(HITStorage.data, "update");
  352.         } else 
  353.           Utils.errorHandler(new TypeError("Failed to execute '"+type+"' in '"+doc.documentURI+"'"));
  354.       }//}}}
  355.  
  356.       function _decDate(date) {//{{{
  357.         var y = date.substr(0,4);
  358.         var m = date.substr(5,2);
  359.         var d = date.substr(8,2);
  360.         date = new Date(y,m-1,d-1);
  361.         return Number(date.getMonth()+1).toPadded() + Number(date.getDate()).toPadded() + date.getFullYear();
  362.       }//}}}
  363.  
  364.       function _calcTotals(obj) {//{{{
  365.         var sum = 0;
  366.         for (var k in obj){
  367.           if (obj.hasOwnProperty(k) && !isNaN(+k)) 
  368.             sum += obj[k].submitted;
  369.         }
  370.         return sum;
  371.       }//}}}
  372.     },//}}} parseDOM
  373.     
  374.     autoApprovals: {//{{{
  375.       getTime : function(date, hitId) {
  376.         if (qc.extraDays || (!Object.keys(qc.aac).length && !Object.keys(qc.aat).length)) return "";
  377.         var found = false,
  378.             filter = function(id) { return id === hitId; },
  379.             autoApp = "";
  380.  
  381.         if (qc.aac[date]) {
  382.           autoApp = qc.aac[date][Object.keys(qc.aac[date]).filter(filter)[0]] || "";
  383.           if (autoApp) found = true;
  384.         }
  385.         if (!found && Object.keys(qc.aat).length) {
  386.           for (var key in qc.aat) { if (qc.aat.hasOwnProperty(key)) { // for all dates in aat
  387.             var id = Object.keys(qc.aat[key]).filter(filter)[0];
  388.             autoApp = qc.aat[key][id] || "";
  389.             if (autoApp) {
  390.               found = true;
  391.               qc.aac[date] = qc.aac[date] || {};
  392.               qc.aac[date][id] = qc.aat[key][id]; // move time from temp var to collection var
  393.               delete qc.aat[key][id];
  394.               qc.save("aat", "hitdb_autoAppTemp", true);
  395.               qc.save("aac", "hitdb_autoAppCollection", true);
  396.               break;
  397.             }
  398.           }} // for key (dates)
  399.         } // if !found && aat not empty
  400.         return autoApp;
  401.       },// getTime
  402.       purge : function(date) {
  403.         if (date) { 
  404.           delete qc.aac[date];
  405.           qc.save("aac", "hitdb_autoAppCollection", true);
  406.           return;
  407.         }
  408.  
  409.         if (!Object.keys(qc.aat).length) return; // nothing here
  410.  
  411.         var pad = function(num) { return Number(num).toPadded(); },
  412.             _date = Date.parse(new Date().getFullYear() + "-" + pad(new Date().getMonth()+1) + "-" + pad(new Date().getDate()));
  413.  
  414.         for (var key of Object.keys(qc.aat)) {
  415.           if (_date - key > 169200000) delete qc.aat[key]; // at least 2 days old, no need to keep it around
  416.         }
  417.         qc.save("aat", "hitdb_autoAppTemp", true);
  418.       } // purge
  419.     },//}}} autoApprovals
  420.  
  421.     fetch: function(url, payload) { //{{{
  422.       //format GET request with query payload
  423.       if (payload) {
  424.         var args = 0;
  425.         url += "?";
  426.         for (var k in payload) {
  427.           if (payload.hasOwnProperty(k)) {
  428.             if (args++) url += "&";
  429.             url += k + "=" + payload[k];
  430.           }
  431.         }
  432.       }
  433.       // defer XHR to a promise
  434.       var fetch = new Promise( function(fulfill, deny) {
  435.         var urlreq = new XMLHttpRequest();
  436.         urlreq.open("GET", url, true);
  437.         urlreq.responseType = "document";
  438.         urlreq.send();
  439.         urlreq.onload = function() { 
  440.           if (this.status === 200) {
  441.             fulfill(this.response);
  442.           } else {
  443.             deny(new Error(this.status + " - " + this.statusText));
  444.           }
  445.         };
  446.         urlreq.onerror   = function() { deny(new Error(this.status + " - " + this.statusText)); };
  447.         urlreq.ontimeout = function() { deny(new Error(this.status + " - " + this.statusText)); };
  448.       } );
  449.       fetch.then( HITStorage.parseDOM, Utils.errorHandler );
  450.  
  451.     }, //}}} fetch
  452.     
  453.     write: function(input, statusUpdate) { //{{{
  454.       if (statusUpdate === "update")
  455.         qc.timeoutTimer = setTimeout(Utils.errorHandler, 5555, new Error("database access violation"));
  456.  
  457.       var dbh = window.indexedDB.open(DB_NAME);
  458.       dbh.onsuccess = function() { _write(this.result); };
  459.  
  460.       var counts = { requests: 0, total: 0 };
  461.  
  462.       function _write(db) {
  463.         var os = Object.keys(input);
  464.  
  465.         var dbt = db.transaction(os, "readwrite");
  466.         var dbo = [];
  467.         for (var i=0;i<os.length;i++) { // cycle object stores
  468.           dbo[i] = dbt.objectStore(os[i]);
  469.           for (var k of input[os[i]]) { // cycle entries to put into object stores
  470.             if (statusUpdate && ++counts.requests)
  471.               dbo[i].put(k).onsuccess = _psfn;
  472.             else
  473.               dbo[i].put(k);
  474.           }
  475.         }
  476.         db.close();
  477.       }
  478.  
  479.       function _psfn() {
  480.         if (++counts.total === counts.requests) {
  481.           Status.push(statusUpdate === "update" ? "Update Complete!" : 
  482.             statusUpdate === "restore" ? "Restoring " + counts.total + " entries... Done!" : 
  483.             "Done!", "green");
  484.           Progress.hide();
  485.  
  486.           if (statusUpdate === "update") {
  487.             clearTimeout(qc.timeoutTimer);
  488.             ProjectedEarnings.data.dbUpdated = new Date().toLocalISOString();
  489.             ProjectedEarnings.saveState();
  490.             ProjectedEarnings.draw(false);
  491.             metrics.dbupdate.stop(); metrics.dbupdate.report();
  492.           } else if (statusUpdate === "restore") {
  493.             metrics.dbimport.stop(); metrics.dbimport.report();
  494.           }
  495.         }
  496.       }
  497.  
  498.     }, //}}} write
  499.  
  500.     recall: function(store, options) {//{{{
  501.       if (options) {
  502.         var index = options.index  || null,
  503.             range = options.range  || null,
  504.             dir   = options.dir    || "next",
  505.             limit = options.limit  || Infinity;
  506.         if (options.filter) {
  507.           var fs    = options.filter.status !== "*" ? new RegExp(options.filter.status, "i") : false,
  508.               fq    = options.filter.query  !== "*" ? new RegExp(options.filter.query,"i")  : false,
  509.               fd    = options.filter.date || null;
  510.         }
  511.         if (options.progress)
  512.           Progress.show();
  513.       } // if options
  514.  
  515.       var sr = new DatabaseResult(), matches = 0, total = 0;
  516.       return new Promise( function(resolve) {
  517.         window.indexedDB.open(DB_NAME).onsuccess = function() {
  518.           var dbo = this.result.transaction(store, "readonly").objectStore(store), dbq = null;
  519.           if (index) 
  520.             dbq = dbo.index(index).openCursor(range, dir);
  521.           else
  522.             dbq = dbo.openCursor(range, dir);
  523.           dbq.onsuccess = function() {
  524.             var c = this.result;
  525.             if (c && matches < limit) { 
  526.               try { Status.message = "Retrieving data... [ " + matches + " / " + (++total) + " ]"; } catch(e) {}
  527.               if ( fd && (c.value.date < (fd[0] || "0000") || c.value.date > (fd[1] || "9999")) ) {
  528.                 c.continue();
  529.                 return;
  530.               }
  531.               if ( (!fs && !fq) ||                              // no query filter and no status filter OR
  532.                    (fs && !fq && ~c.value.status.search(fs)) || // status match and no query filter OR
  533.                    (!fs && fq &&                                // query match and no status filter OR
  534.                      (~c.value.title.search(fq) || ~c.value.requesterName.search(fq) || ~c.value.hitId.search(fq)))  ||
  535.                    (fs && fq && ~c.value.status.search(fs) &&   // status match and query match
  536.                      (~c.value.title.search(fq) || ~c.value.requesterName.search(fq) || ~c.value.hitId.search(fq))) ) {
  537.                 sr.include(c.value);
  538.                 try { Status.message = "Retrieving data... [ " + (++matches) + " / " + total + " ]"; } catch(e) {}
  539.               }
  540.               c.continue();
  541.             } else {
  542.               try { Status.message = "Done."; } catch(e) {}
  543.               resolve(sr);
  544.             }
  545.           }; // IDBCursor
  546.           this.result.close();
  547.         }; // IDBOpenRequest
  548.       } ); // promise
  549.     },//}}} HITStorage::recall
  550.  
  551.     backup: function() {//{{{
  552.       var bData = {},
  553.           os    = ["STATS", "NOTES", "HIT"],
  554.           count = 0;
  555.  
  556.       Progress.show();
  557.       Status.push("Preparing backup...", "black");
  558.  
  559.       window.indexedDB.open(DB_NAME).onsuccess = function() {
  560.         for (var store of os) {
  561.           this.result.transaction(os, "readonly").objectStore(store).openCursor().onsuccess = populateBackup;
  562.         }
  563.         this.result.close();
  564.       };
  565.       function populateBackup(e) {
  566.         var cursor = e.target.result;
  567.         if (cursor) {
  568.           if (!bData[cursor.source.name]) bData[cursor.source.name] = [];
  569.           bData[cursor.source.name].push(cursor.value);
  570.           cursor.continue();
  571.         } else 
  572.           if (++count === 3)
  573.             finalizeBackup();
  574.       }
  575.       function finalizeBackup() {
  576.         var backupblob = new Blob([JSON.stringify(bData)], {type:"application/json"});
  577.         var date = new Date();
  578.         var dl = document.createElement("A");
  579.         date = date.getFullYear() + Number(date.getMonth()+1).toPadded() + Number(date.getDate()).toPadded();
  580.         dl.href = URL.createObjectURL(backupblob);
  581.         console.log(dl.href);
  582.         dl.download = "hitdb_"+date+".bak";
  583.         document.body.appendChild(dl); // FF doesn't support forced events unless element is part of the document
  584.         dl.click();                    // so we make it so and click,
  585.         dl.remove();                   // then immediately remove it
  586.         Progress.hide();
  587.         Status.push("Done!", "green");
  588.       }
  589.  
  590.     }//}}} backup
  591.  
  592.   }, //}}} HITStorage
  593.  
  594.   Utils = { //{{{
  595.     ftime : function(t) {//{{{
  596.       if (String(t).length && +t === 0) return "0s";
  597.       if (!t) return "n/a";
  598.       var d = Math.floor(t/86400),
  599.           h = Math.floor(t%86400/3600),
  600.           m = Math.floor(t%86400%3600/60),
  601.           s = t%86400%3600%60;
  602.       return ((d>0) ? d+" day"+(d>1 ? "s " : " ") : "") + ((h>0) ? h+"h " : "") + ((m>0) ? m+"m " : "") + ((s>0) ? s+"s" : "");
  603.     },//}}}ftime
  604.  
  605.     ISODate: function(date) { //{{{ MMDDYYYY <-> YYYY-MM-DD
  606.       if (date.length === 10)
  607.         return date.substr(5,2)+date.substr(-2)+date.substr(0,4);
  608.       else
  609.         return date.substr(4)+"-"+date.substr(0,2)+"-"+date.substr(2,2);
  610.     },//}}} ISODate
  611.  
  612.     getPosition: function(element, includeHeight) {//{{{
  613.       var offsets = { x: 0, y: includeHeight ? element.offsetHeight : 0 };
  614.       do {
  615.         offsets.x += element.offsetLeft;
  616.         offsets.y += element.offsetTop;
  617.         element = element.offsetParent;
  618.       } while (element);
  619.       return offsets;
  620.     },//}}} getPosition
  621.  
  622.     errorHandler: function(err) {//{{{
  623.       try { Status.push(err.name + ": " + err.message, "red"); }
  624.       catch(e) {}
  625.       finally { console.error(err); }
  626.     }//}}}
  627.  
  628.   }, //}}} Utils
  629.  
  630.   ProjectedEarnings = {//{{{
  631.     data: JSON.parse(localStorage.getItem("hitdb_projectedEarnings") || "{}"),
  632.     updateDate: function() {//{{{
  633.       var tableList = document.querySelectorAll(".metrics-table"), el, date;
  634.       try {
  635.         el   = tableList[5].rows[1].cells[0].children[0];
  636.         date = el.href.match(/\d{8}/)[0];
  637.       } catch(e1) {
  638.         try {
  639.           el   = tableList[3].rows[1].cells[0].children[0];
  640.           date = el.href.match(/\d{8}/)[0];
  641.         } catch(e2) {
  642.           for (var tbl of tableList) {
  643.             if (tbl.rows.length < 2 || tbl.rows[1].cells.length < 6) continue;
  644.             el   = tbl.rows[1].cells[0].children[0];
  645.             date = el.href.match(/\d{8}/)[0];
  646.           } //for
  647.         }//catch
  648.       }//catch
  649.       var day       = el.textContent,
  650.           isToday   = day === "Today",
  651.           _date     = new Date(),
  652.           pad       = function(num) { return Number(num).toPadded(); },
  653.           weekEnd   = null,
  654.           weekStart = null;
  655.  
  656.       _date.setDate(_date.getDate() - _date.getDay()); // sunday
  657.       weekStart = Date.parse(_date.getFullYear() + "-" + pad(_date.getMonth()+1) + "-" + pad(_date.getDate()));
  658.       _date.setDate(_date.getDate() + 7); // next sunday
  659.       weekEnd   = Date.parse(_date.getFullYear() + "-" + pad(_date.getMonth()+1) + "-" + pad(_date.getDate()-_date.getDay()+7));
  660.  
  661.       if (!Object.keys(this.data).length) {
  662.         this.data = {
  663.           today: date, weekStart: weekStart, weekEnd: weekEnd, day: new Date().getDay(), dbUpdated: "n/a",
  664.           pending: 0, earnings: {}, target: { day: 0, week: 0 }
  665.         };
  666.       }
  667.  
  668.       if ( (Date.parse(Utils.ISODate(date)) >= this.data.weekEnd) ||
  669.           (!isToday && new Date().getDay() < this.data.day) ) { // new week
  670.         this.data.earnings = {};
  671.         this.data.weekEnd = weekEnd;
  672.         this.data.weekStart = weekStart;
  673.       }
  674.       if ( (this.data.today === null && isToday) || (this.data.today !== null && (date !== this.data.today || !isToday)) ) { // new day
  675.         this.data.today = date === this.data.today ? null : date;
  676.         this.data.day = new Date().getDay();
  677.       }
  678.  
  679.       this.saveState();
  680.     },//}}} updateDate
  681.     
  682.     draw: function(init) {//{{{
  683.       var parentTable = document.querySelector("#total_earnings_amount").offsetParent,
  684.           rowPending  = init ? parentTable.insertRow(-1) : parentTable.rows[4],
  685.           rowProjectedDay = init ? parentTable.insertRow(-1) : parentTable.rows[5],
  686.           rowProjectedWeek = init ? parentTable.insertRow(-1) : parentTable.rows[6],
  687.           title = "Click to set/change the target value",
  688.           weekTotal = this.getWeekTotal(),
  689.           dayTotal = this.data.earnings[this.data.today] || 0;
  690.  
  691.       if (init) {
  692.         rowPending.insertCell(-1);rowPending.insertCell(-1);rowPending.className = "even";
  693.         rowProjectedDay.insertCell(-1);rowProjectedDay.insertCell(-1);rowProjectedDay.className = "odd";
  694.         rowProjectedWeek.insertCell(-1);rowProjectedWeek.insertCell(-1);rowProjectedWeek.className = "even";
  695.         for (var i=0;i<rowPending.cells.length;i++) rowPending.cells[i].style.borderTop = "dotted 1px black";
  696.         rowPending.cells[0].className = "metrics-table-first-value";
  697.         rowProjectedDay.cells[0].className = "metrics-table-first-value";
  698.         rowProjectedWeek.cells[0].className = "metrics-table-first-value";
  699.         rowPending.cells[1].title = "This value includes all earnings that are not yet fully cleared as 'Paid'";
  700.       }
  701.  
  702.       rowPending.cells[0].innerHTML = 'Pending earnings '+
  703.         '<span style="font-family:arial;font-size:10px;" title="Timestamp of last database update">[ ' + this.data.dbUpdated + ' ]</span>';
  704.       rowPending.cells[1].textContent = "$"+Number(this.data.pending).toFixed(2);
  705.       rowProjectedDay.cells[0].innerHTML = 'Projected earnings for the day<br>'+
  706.         '<meter id="projectedDayProgress" style="width:220px;" title="'+title+
  707.           '" value="'+dayTotal+'" max="'+this.data.target.day+'"></meter>'+
  708.         '<span style="color:blue;font-family:arial;font-size:10px;"> ' + Number(dayTotal-this.data.target.day).toFixed(2) + '</span>';
  709.       rowProjectedDay.cells[1].textContent = "$"+Number(dayTotal).toFixed(2);
  710.       rowProjectedWeek.cells[0].innerHTML = 'Projected earnings for the week<br>' +
  711.         '<meter id="projectedWeekProgress" style="width:220px;" title="'+title+
  712.           '" value="'+weekTotal+'" max="'+this.data.target.week+'"></meter>' +
  713.         '<span style="color:blue;font-family:arial;font-size:10px;"> ' + Number(weekTotal-this.data.target.week).toFixed(2) + '</span>';
  714.       rowProjectedWeek.cells[1].textContent = "$"+Number(weekTotal).toFixed(2);
  715.  
  716.       document.querySelector("#projectedDayProgress").onclick = updateTargets.bind(this, "day");
  717.       document.querySelector("#projectedWeekProgress").onclick = updateTargets.bind(this, "week");
  718.  
  719.       function updateTargets(span, e) {
  720.         /*jshint validthis:true*/
  721.         var goal = prompt("Set your " + (span === "day" ? "daily" : "weekly") + " target:",
  722.             this.data.target[span === "day" ? "day" : "week"]);
  723.         if (goal && !isNaN(goal)) {
  724.           this.data.target[span === "day" ? "day" : "week"] = goal;
  725.           e.target.max = goal;
  726.           e.target.nextSibling.textContent = " "+Number((span === "day" ? dayTotal : weekTotal) - goal).toFixed(2);
  727.           this.saveState();
  728.         }
  729.       }
  730.     },//}}} draw
  731.  
  732.     getWeekTotal: function() {
  733.       var totals = 0;
  734.       for (var k of Object.keys(this.data.earnings))
  735.         totals += this.data.earnings[k];
  736.  
  737.       return Math.decRound(totals, 2);
  738.     },
  739.     
  740.     saveState: function() {
  741.       localStorage.setItem("hitdb_projectedEarnings", JSON.stringify(this.data));
  742.     },
  743.  
  744.     clear: function() {
  745.       this.data.pending = 0;
  746.  
  747.       for (var day of Object.keys(this.data.earnings)) {
  748.         //
  749.         // schema change -- remove if block after update propagation
  750.         //
  751.         if (isNaN(day)) { delete this.data.earnings[day]; continue; }
  752.  
  753.         if (day in qc.fetchData) this.data.earnings[day] = 0;
  754.       }
  755.     },
  756.  
  757.     updateValues: function(obj) {
  758.       var vDate = Date.parse(obj.date), iDate = Utils.ISODate(obj.date);
  759.  
  760.       if (~obj.status.search(/pending/i)) // sum pending earnings (include approved until fully cleared as paid)
  761.         this.data.pending = Math.decRound(obj.reward+this.data.pending, 2);
  762.       if (vDate < this.data.weekEnd && vDate >= this.data.weekStart && !~obj.status.search(/rejected/i)){ // sum weekly earnings by day
  763.         this.data.earnings[iDate] = Math.decRound(obj.reward+(this.data.earnings[iDate] || 0), 2 );
  764.       }
  765.     }
  766.   },//}}} ProjectedEarnings
  767.  
  768.   DatabaseResult = function(resArr, colObj) {//{{{
  769.     this.results = resArr || [];
  770.     this.collation = colObj || null;
  771.     this.formatHTML = function(type, simple) {//{{{
  772.       simple = simple || false;
  773.       var count = 0, htmlTxt = [], entry = null, _trClass = null;
  774.  
  775.       if (this.results.length < 1) return "<h2>No entries found matching your query.</h2>";
  776.  
  777.       if (type === "daily") {
  778.         htmlTxt.push('<thead><tr class="hdbHeaderRow"><th></th>'+
  779.             '<th>Date</th><th>Submitted</th><th>Approved</th><th>Rejected</th><th>Pending</th><th>Earnings</th></tr></thead><tbody>');
  780.         var r = this.collate(this.results,"stats");
  781.         for (entry of this.results) {
  782.           _trClass = (count++ % 2 === 0) ? 'class="even"' : 'class="odd"';
  783.           
  784.           htmlTxt.push('<tr '+_trClass+' style="text-align:right">' +
  785.               '<td><span class="hdbExpandRow">[+]</span></td>'+
  786.               '<td style="text-align:center;">' + entry.date + '</td><td>' + entry.submitted + '</td>' +
  787.               '<td>' + entry.approved + '</td><td>' + entry.rejected + '</td><td>' + entry.pending + '</td>' +
  788.               '<td>' + Number(entry.earnings).toFixed(2) + '</td></tr>');
  789.         }
  790.         htmlTxt.push('</tbody><tfoot><tr class="hdbTotalsRow" style="text-align:right;"><td>Totals:</td>' +
  791.             '<td>' + r.totalEntries + ' days</td><td>' + r.totalSub + '</td>' +
  792.             '<td>' + r.totalApp + '</td><td>' + r.totalRej + '</td>' +
  793.             '<td>' + r.totalPen + '</td><td>$' + 
  794.             Number(Math.decRound(r.totalPay,2)).toFixed(2) + '</td></tr></tfoot>');
  795.       } else if (type === "pending" || type === "requester") {
  796.         htmlTxt.push('<thead><tr data-sort="99999" class="hdbHeaderRow"><th>Requester ID</th>' +
  797.             '<th width="500">Requester</th><th>' + (type === "pending" ? 'Pending' : 'HITs') + '</th><th>Rewards</th></tr></thead><tbody>');
  798.         r = this.collate(this.results,"requesterId");
  799.         for (var k in r) {
  800.           if (!~k.search(/total/) && r.hasOwnProperty(k)) {
  801.             var tr = ['<tr data-sort="'+Math.decRound(r[k].pay,2)+'"><td>' +
  802.                 '<span class="hdbExpandRow" title="Display all pending HITs from this requester">' +
  803.                 '[+]</span> ' + r[k][0].requesterId + '</td><td>' + r[k][0].requesterName + '</td>' +
  804.                 '<td style="text-align:center;">' + r[k].length + '</td><td>' + Number(Math.decRound(r[k].pay,2)).toFixed(2) + '</td></tr>'];
  805.  
  806.             for (var hit of r[k]) {  // hits in range per requester id
  807.               tr.push('<tr data-rid="'+r[k][0].requesterId+'" style="color:#c60000;display:none;"><td style="text-align:right">' + 
  808.                   hit.date + '</td><td width="500" colspan="2">[ <span class="helpSpan" title="Auto-approval time">AA: '+
  809.                   Utils.ftime(hit.autoAppTime).trim()+'</span> ] '+ 
  810.                   hit.title + '</td><td style="text-align:right">' + _parseRewards(hit.reward,"pay") + '</td></tr>');
  811.             }
  812.             htmlTxt.push(tr.join(''));
  813.           }
  814.         }
  815.         htmlTxt.sort(function(a,b) { return +b.substr(15,5).match(/\d+\.?\d*/) - +a.substr(15,5).match(/\d+\.?\d*/); });
  816.         htmlTxt.push('</tbody><tfoot><tr class="hdbTotalsRow"><td style="text-align:right;">Totals:</td>' +
  817.             '<td style="text-align:center;">' + (Object.keys(r).length-7) + ' Requesters</td>' +
  818.             '<td style="text-align:right;">' + r.totalEntries + '</td>'+
  819.             '<td style="text-align:right;">$' + Number(Math.decRound(r.totalPay,2)).toFixed(2) + '</td></tr></tfoot>');
  820.       } else { // default
  821.         if (!simple)
  822.           htmlTxt.push('<thead><tr class="hdbHeaderRow"><th colspan="3"></th>' +
  823.             '<th colspan="2" title="Bonuses must be added in manually.\n\nClick inside' +
  824.             'the cell to edit, click out of the cell to save">Reward</th><th colspan="3"></th></tr>'+
  825.             '<tr class="hdbHeaderRow">' +
  826.             '<th>Date</th><th>Requester</th><th>HIT title</th><th style="font-size:10px;">Pay</th>'+
  827.             '<th style="font-size:10px;"><span class="helpSpan" title="Click the cell to edit.\nIts value is automatically saved">'+
  828.             'Bonus</span></th><th>Status</th><th>'+
  829.             '<span class="helpSpan" title="Auto-approval times">AA</span></th><th>Feedback</th></tr></thead><tbody>');
  830.  
  831.         for (entry of this.results) {
  832.           _trClass = (count++ % 2 === 0) ? 'class="even"' : 'class="odd"';
  833.           var _stColor = ~entry.status.search(/(paid|approved)/i) ? "green"  :
  834.                          entry.status === "Pending Approval"      ? "orange" : "red";
  835.           var href = MTURK_BASE+'contact?requesterId='+entry.requesterId+'&requesterName='+entry.requesterName+
  836.             '&subject=Regarding+Amazon+Mechanical+Turk+HIT+'+entry.hitId;
  837.  
  838.           if (!simple)
  839.             htmlTxt.push('<tr '+_trClass+' data-id="'+entry.hitId+'">'+
  840.               '<td width="74px">' + entry.date + '</td><td style="max-width:145px;">' +
  841.               '<a target="_blank" title="Contact this requester" href="'+href+'">' + entry.requesterName + '</a></td>' + 
  842.               '<td width="375px" title="HIT ID:   '+entry.hitId+'">' + 
  843.               '<span title="Add a note" id="note-'+entry.hitId+'" style="cursor:pointer;">&nbsp;&#128221;&nbsp;</span>' + 
  844.               entry.title + '</td><td style="text-align:right">' + _parseRewards(entry.reward,"pay") + '</td>' +
  845.               '<td style="text-align:right" class="bonusCell" title="Click to add/edit" contenteditable="true" data-hitid="'+entry.hitId+'">' + 
  846.               (+_parseRewards(entry.reward,"bonus") ? _parseRewards(entry.reward,"bonus") : "") + 
  847.               '</td><td style="color:'+_stColor+';text-align:center">' + entry.status + '</td>' +
  848.               '<td>' + Utils.ftime(entry.autoAppTime) + '</td><td>' + entry.feedback + '</td></tr>');
  849.           else
  850.             htmlTxt.push('<tr>' + '<td>'+entry.requesterName+'</td>' + 
  851.               '<td>'+entry.title+'</td><td>'+ _parseRewards(entry.reward,"pay") + '</td><td>'+ entry.status+'</td></tr>');
  852.         }
  853.  
  854.         if (!simple) {
  855.           r = this.collation || this.collate(this.results,"requesterId");
  856.           htmlTxt.push('</tbody><tfoot><tr class="hdbTotalsRow"><td></td>' +
  857.               '<td style="text-align:right">Totals:</td><td style="text-align:center;">' + r.totalEntries + ' HITs</td>' +
  858.               '<td style="text-align:right">$' + Number(Math.decRound(r.totalPay,2)).toFixed(2) + '</td>' +
  859.               '<td style="text-align:right">$' + Number(Math.decRound(r.totalBonus,2)).toFixed(2) + '</td>' +
  860.               '<td colspan="3"></td></tr></tfoot>');
  861.         }
  862.       }
  863.       return htmlTxt.join('');
  864.     };//}}} formatHTML
  865.     this.formatCSV = function(type) {//{{{
  866.       var csvTxt = [], entry = null, delimiter="\t";
  867.       if (type === "daily") {
  868.         csvTxt.push( ["Date", "Submitted", "Approved", "Rejected", "Pending", "Earnings\n"].join(delimiter) );
  869.         for (entry of this.results) {
  870.           csvTxt.push( [entry.date, entry.submitted, entry.approved, entry.rejected, 
  871.               entry.pending, Number(entry.earnings).toFixed(2)+"\n"].join(delimiter) );
  872.         }
  873.         csvToFile(csvTxt, "hitdb_dailyOverview.csv");
  874.       } else if (type === "pending" || type === "requester") {
  875.         csvTxt.push( ["RequesterId","Requester", (type === "pending" ? "Pending" : "HITs"), "Rewards\n"].join(delimiter) );
  876.         var r = this.collation || this.collate(this.results,"requesterId");
  877.         for (var k in r) {
  878.           if (!~k.search(/total/) && r.hasOwnProperty(k))
  879.             csvTxt.push( [k, r[k][0].requesterName, r[k].length, Number(Math.decRound(r[k].pay,2)).toFixed(2)+"\n"].join(delimiter) );
  880.         }
  881.         csvToFile(csvTxt, "hitdb_"+type+"Overview.csv");
  882.       } else {
  883.         csvTxt.push(["hitId","date","requesterName","requesterId","title","pay","bonus","status","autoAppTime","feedback\n"].join(delimiter));
  884.         for (entry of this.results) {
  885.           csvTxt.push([entry.hitId, entry.date, entry.requesterName, entry.requesterId, entry.title, 
  886.               Number(_parseRewards(entry.reward,"pay")).toFixed(2),
  887.               (+_parseRewards(entry.reward,"bonus") ? Number(_parseRewards(entry.reward,"bonus")).toFixed(2) : ""),
  888.               entry.status, entry.autoAppTime, entry.feedback+"\n"].join(delimiter));
  889.         }
  890.         csvToFile(csvTxt, "hitdb_queryResults.csv");
  891.       }
  892.  
  893.       return "<pre>"+csvTxt.join('')+"</pre>";
  894.  
  895.       function csvToFile(csv, filename) {
  896.         var blob = new Blob(csv, {type: "text/csv", endings: "native"}),
  897.             dl   = document.createElement("A");
  898.         dl.href = URL.createObjectURL(blob);
  899.         dl.download = filename;
  900.         document.body.appendChild(dl); // FF doesn't support forced events unless element is part of the document
  901.         dl.click();                    // so we make it so and click,
  902.         dl.remove();                   // then immediately remove it
  903.         return dl;
  904.       }
  905.     };//}}} formatCSV
  906.     this.include = function(value) {
  907.       this.results.push(value);
  908.     };
  909.     this.collate = function(data, index) {//{{{
  910.       var r = { 
  911.         totalPay: 0, totalBonus: 0, totalEntries: data.length,
  912.         totalSub: 0, totalApp: 0, totalRej: 0, totalPen: 0
  913.       };
  914.       for (var e of data) {
  915.         if (!r[e[index]]) { 
  916.           r[e[index]] = [];
  917.           Object.defineProperty(r[e[index]], "pay", {value: 0, enumerable: false, configurable: true, writable: true});
  918.         }
  919.         r[e[index]].push(e);
  920.  
  921.         if (index === "stats") {
  922.           r.totalSub += e.submitted;
  923.           r.totalApp += e.approved;
  924.           r.totalRej += e.rejected;
  925.           r.totalPen += e.pending;
  926.           r.totalPay += e.earnings;
  927.         } else {
  928.           r[e[index]].pay += (+_parseRewards(e.reward,"pay"));
  929.           r.totalPay += (+_parseRewards(e.reward,"pay"));
  930.           r.totalBonus += (+_parseRewards(e.reward,"bonus"));
  931.         }
  932.       }
  933.       return r;
  934.     };//}}} _collate
  935.  
  936.     function _parseRewards(rewards,value) {//{{{
  937.       if (!isNaN(rewards)) {
  938.         if (value === "pay")
  939.           return Number(rewards).toFixed(2);
  940.         else
  941.           return "0.00";
  942.       } else {
  943.         if (value === "pay")
  944.           return Number(rewards.pay).toFixed(2);
  945.         else
  946.           return Number(rewards.bonus).toFixed(2);
  947.       }
  948.     } //}}} _parse
  949.   },//}}} databaseresult
  950.  
  951.   DashboardUI = {//{{{
  952.     //
  953.     // TODO refactor
  954.     //
  955.     draw: function() {//{{{
  956.       var controlPanel = document.createElement("TABLE");
  957.       var insertionNode = document.querySelector(".footer_separator").previousSibling;
  958.       document.body.insertBefore(controlPanel, insertionNode);
  959.       controlPanel.width = "760";
  960.       controlPanel.align = "center";
  961.       controlPanel.id = "hdbControlPanel";
  962.       controlPanel.cellSpacing = "0";
  963.       controlPanel.cellPadding = "0";
  964.       controlPanel.innerHTML = '<tr height="25px"><td width="10" bgcolor="#7FB448" style="padding-left: 10px;"></td>' +
  965.         '<td class="white_text_14_bold" style="padding-left:10px; background-color:#7FB448;">' +
  966.           'HIT Database Mk. II&nbsp;<a href="https://greasyfork.org/en/scripts/11733-mturk-hit-database-mk-ii" class="whatis" target="_blank">' +
  967.           '(What\'s this?)</a></td></tr>' +
  968.         '<tr><td class="container-content" colspan="2">' +
  969.         '<div style="text-align:center;" id="hdbDashboardInterface">' +
  970.         '<button id="hdbBackup" title="Export your entire database!\nPerfect for moving between computers or as a periodic backup">Create Backup</button>' +
  971.         '<button id="hdbRestore" title="Restore database from external backup file" style="margin:5px">Restore</button>' +
  972.         '<button id="hdbUpdate" title="Update... the database" style="color:green;">Update Database</button>' +
  973.         '<div id="hdbFileSelector" style="display:none"><input id="hdbFileInput" type="file" /></div>' +
  974.         '<br>' +
  975.         '<button id="hdbPending" title="Summary of all pending HITs\n Can be exported as CSV" style="margin: 0px 5px 5px;">Pending Overview</button>' +
  976.         '<button id="hdbRequester" title="Summary of all requesters\n Can be exported as CSV" style="margin: 0px 5px 5px;">Requester Overview</button>' +
  977.         '<button id="hdbDaily" title="Summary of each day you\'ve worked\nCan be exported as CSV" style="margin:0px 5px 5px;">Daily Overview</button>' +
  978.         '<br>' +
  979.         '<label>Find </label>' +
  980.         '<select id="hdbStatusSelect"><option value="*">ALL</option>' +
  981.         '<option value="Pending Approval" style="color: orange;">Pending Approval</option>' +
  982.         '<option value="Rejected" style="color: red;">Rejected</option>' +
  983.         '<option value="Approved - Pending Payment" style="color:green;">Approved - Pending Payment</option>' +
  984.         '<option value="(Paid|Approved)" style="color:green;">Paid OR Approved</option></select>' +
  985.         '<label> HITs matching: </label><input id="hdbSearchInput" title="Query can be HIT title, HIT ID, or requester name" />' +
  986.         '<button id="hdbSearch">Search</button>' +
  987.         '<br>' +
  988.         '<label>from date </label><input id="hdbMinDate" maxlength="10" size="10" title="Specify a date, or leave blank">' +
  989.         '<label> to </label><input id="hdbMaxDate" malength="10" size="10" title="Specify a date, or leave blank">' +
  990.         '<label for="hdbCSVInput" title="Export results as CSV file" style="margin-left:50px; vertical-align:middle;">export CSV</label>' +
  991.         '<input id="hdbCSVInput" title="Export results as CSV file" type="checkbox" style="vertical-align:middle;">' +
  992.         '<br>' +
  993.         '<label id="hdbStatusText"></label>' +
  994.         '<div id="hdbProgressBar" class="hdbProgressContainer"><div class="hdbProgressOuter"><div class="hdbProgressInner"></div></div></div>' +
  995.         '</div></td></tr>';
  996.  
  997.       var searchResults = document.createElement("DIV");
  998.       searchResults.align = "center";
  999.       searchResults.id = "hdbSearchResults";
  1000.       searchResults.style.display = "block";
  1001.       searchResults.innerHTML = 
  1002.         '<span class="hdbResControl" id="hdbResClear">[ clear results ]</span>' +
  1003.         '<span class="hdbTablePagination" id="hdbPageTop"></span><br>' +
  1004.         '<table cellSpacing="0" cellpadding="2" id="hdbResultsTable"></table>' +
  1005.         '<span class="hdbResControl" id="hdbVpTop">Back to top</span>' +
  1006.         '<span class="hdbTablePagination" id="hdbPageBot"></span><br>';
  1007.       document.body.insertBefore(searchResults, insertionNode);
  1008.     },//}}} dashboardUI::draw
  1009.  
  1010.     initClickables: function() {//{{{
  1011.       var updateBtn      = document.getElementById("hdbUpdate"),
  1012.           backupBtn      = document.getElementById("hdbBackup"),
  1013.           restoreBtn     = document.getElementById("hdbRestore"),
  1014.           fileInput      = document.getElementById("hdbFileInput"),
  1015.           exportCSVInput = document.getElementById("hdbCSVInput"),
  1016.           searchBtn      = document.getElementById("hdbSearch"),
  1017.           searchInput    = document.getElementById("hdbSearchInput"),
  1018.           pendingBtn     = document.getElementById("hdbPending"),
  1019.           reqBtn         = document.getElementById("hdbRequester"),
  1020.           dailyBtn       = document.getElementById("hdbDaily"),
  1021.           fromdate       = document.getElementById("hdbMinDate"),
  1022.           todate         = document.getElementById("hdbMaxDate"),
  1023.           statusSelect   = document.getElementById("hdbStatusSelect"),
  1024.           searchResults  = document.getElementById("hdbSearchResults"),
  1025.           resultsTable   = document.getElementById("hdbResultsTable");
  1026.  
  1027.       searchResults.firstChild.onclick = function() { //{{{ clear results
  1028.         resultsTable.innerHTML = null;
  1029.         for (var d of ["hdbResClear","hdbPageTop","hdbVpTop", "hdbPageBot"]) {
  1030.           if (~d.search(/page/i)) d.innerHTML = "";
  1031.           document.getElementById(d).style.display = "none";
  1032.         }
  1033.       };//}}}
  1034.       document.getElementById("hdbVpTop").onclick = function() { autoScroll("#hdbControlPanel"); };
  1035.  
  1036.       updateBtn.onclick = function() { //{{{
  1037.         Progress.show();
  1038.         metrics.dbupdate = new Metrics("database_update");
  1039.         HITStorage.fetch(MTURK_BASE+"status");
  1040.         Status.message = "fetching status page....";
  1041.       };//}}}
  1042.       exportCSVInput.addEventListener("click", function() {//{{{
  1043.         if (exportCSVInput.checked) {
  1044.           searchBtn.textContent = "Export CSV";
  1045.           pendingBtn.textContent += " (csv)";
  1046.           reqBtn.textContent += " (csv)";
  1047.           dailyBtn.textContent += " (csv)";
  1048.         }
  1049.         else {
  1050.           searchBtn.textContent = "Search";
  1051.           pendingBtn.textContent = pendingBtn.textContent.replace(" (csv)","");
  1052.           reqBtn.textContent = reqBtn.textContent.replace(" (csv)","");
  1053.           dailyBtn.textContent = dailyBtn.textContent.replace(" (csv)", "");
  1054.         }
  1055.       });//}}}
  1056.       fromdate.addEventListener("focus", function() {//{{{ dates
  1057.         var offsets = Utils.getPosition(this, true);
  1058.         new Calendar(offsets.x, offsets.y, this).drawCalendar();
  1059.       });
  1060.       todate.addEventListener("focus", function() {
  1061.         var offsets = Utils.getPosition(this, true);
  1062.         new Calendar(offsets.x, offsets.y, this).drawCalendar();
  1063.       });//}}} dates
  1064.  
  1065.       backupBtn.onclick = HITStorage.backup;
  1066.       restoreBtn.onclick = function() { fileInput.click(); };
  1067.       fileInput.onchange = processFile;
  1068.  
  1069.       searchBtn.onclick = function() {//{{{
  1070.         qc.sr = []; // clear prev pagination
  1071.         var r = this.getRange();
  1072.         var _filter = { status: statusSelect.value, query: searchInput.value.trim().length > 0 ? searchInput.value : "*" };
  1073.         var _opt = { index: r.index, range: r.range, dir: r.dir, filter: _filter, progress: true };
  1074.  
  1075.         _dbaccess("search", ["HIT", _opt], function(r) {
  1076.           var limiter = 500;
  1077.           if (exportCSVInput.checked) 
  1078.             resultsTable.innerHTML = r.formatCSV();
  1079.           else if (r.results.length > limiter) {
  1080.             var collation = r.collate(r.results, "requesterId");
  1081.             do { qc.sr.push(new DatabaseResult(r.results.splice(0,limiter), collation)) } while (r.results.length);
  1082.             resultConstrain(qc.sr, 0);
  1083.           } else
  1084.             resultConstrain(r);
  1085.         });
  1086.       }.bind(this); //}}} search button click event
  1087.       //{{{ overview buttons
  1088.       pendingBtn.onclick = function() {
  1089.         var _filter = { date: [fromdate.value, todate.value], query: searchInput.value.trim().length > 0 ? searchInput.value : "*" },
  1090.             _opt    = { index: "status", dir: "prev", range: window.IDBKeyRange.only("Pending Approval"), filter: _filter, progress: true };
  1091.  
  1092.         _dbaccess("pending", ["HIT", _opt], function(r) {
  1093.           resultsTable.innerHTML = exportCSVInput.checked ? r.formatCSV("pending") : r.formatHTML("pending");
  1094.           var expands = document.querySelectorAll(".hdbExpandRow");
  1095.           for (var el of expands)
  1096.             el.onclick = showHiddenRows;
  1097.         });
  1098.       }.bind(this); //pending overview click event
  1099.       reqBtn.onclick = function() {
  1100.         var r = this.getRange();
  1101.         var _opt = { index: r.index, range: r.range, progress: true };
  1102.  
  1103.         _dbaccess("requester", ["HIT", _opt], function(r) {
  1104.           resultsTable.innerHTML = exportCSVInput.checked ? r.formatCSV("requester") : r.formatHTML("requester");
  1105.           var expands = document.querySelectorAll(".hdbExpandRow");
  1106.           for (var el of expands) 
  1107.             el.onclick = showHiddenRows;
  1108.         });
  1109.       }.bind(this); //requester overview click event
  1110.       dailyBtn.onclick = function() {
  1111.         var r = this.getRange("*");
  1112.         _dbaccess("daily", ["STATS", { range: r.range, dir: "prev", progress: true }], function(r) {
  1113.           resultsTable.innerHTML = exportCSVInput.checked ? r.formatCSV("daily") : r.formatHTML("daily");
  1114.           var expands = document.querySelectorAll(".hdbExpandRow");
  1115.           for (var el of expands)
  1116.             el.onclick = showHitsByDate;
  1117.         });
  1118.       }.bind(this); //daily overview click event
  1119.       //}}}
  1120.  
  1121.       function _dbaccess(method, rargs, tfn) {//{{{
  1122.         Status.push("Preparing database...", "black");
  1123.         metrics.dbrecall = new Metrics("database_recall::"+method);
  1124.         metrics.dbrecall.mark("data retrieval", "start");
  1125.  
  1126.         HITStorage.recall(rargs[0],rargs[1]).then(function(r) {
  1127.           metrics.dbrecall.mark("data retrieval", "end");
  1128.           Status.message = "Building HTML...";
  1129.           try {
  1130.             for (var d of ["hdbResClear","hdbPageTop","hdbVpTop", "hdbPageBot"]) {
  1131.               if (~d.search(/page/i) && method !== "search") continue;
  1132.               document.getElementById(d).style.display = "initial";
  1133.             }
  1134.             metrics.dbrecall.mark("HTML construction", "start");
  1135.             tfn(r); 
  1136.             metrics.dbrecall.mark("HTML construction", "end");
  1137.           } catch(e) { 
  1138.             Utils.errorHandler(e);
  1139.           } finally {
  1140.             autoScroll("#hdbSearchResults");
  1141.             Status.push("Done!", "green");
  1142.             Progress.hide();
  1143.             metrics.dbrecall.stop(); metrics.dbrecall.report();
  1144.           }
  1145.         });
  1146.       }//}}} _dbaccess
  1147.     },//}}} dashboardUI::initClickables
  1148.  
  1149.     getRange: function(status) {//{{{
  1150.       var fromdate     = document.getElementById("hdbMinDate"),
  1151.           todate       = document.getElementById("hdbMaxDate"),
  1152.           statusSelect = document.getElementById("hdbStatusSelect");
  1153.       var _min = fromdate.value.length === 10 ? fromdate.value : undefined,
  1154.           _max = todate.value.length   === 10 ? todate.value   : undefined;
  1155.           status = status || statusSelect.value;
  1156.       var _range = 
  1157.         (_min === undefined && _max === undefined) ? 
  1158.           (status.length > 1 && !~status.search(/\(/) ? window.IDBKeyRange.only(status) : null) :
  1159.         (_min === undefined)                       ? window.IDBKeyRange.upperBound(_max) :
  1160.         (_max === undefined)                       ? window.IDBKeyRange.lowerBound(_min) :
  1161.         (_max < _min)                              ? window.IDBKeyRange.bound(_max,_min) : window.IDBKeyRange.bound(_min,_max),
  1162.           _index = _min === undefined && _max === undefined && status.length > 1 && !~status.search(/\(/) ? "status" : "date";
  1163.       return { min: _min, max: _max, range: _range, dir: _max < _min ? "prev" : "next", index: _index };
  1164.     }//}}} dashboardUI::getRange
  1165.   };//}}} dashboard
  1166.  
  1167.   /* 
  1168.    *
  1169.    *
  1170.    *
  1171.    *
  1172.    *///{{{
  1173.   // the Set() constructor is never actually used other than to test for Chrome v38+
  1174.   // might want to bump requirement up to v45 for those sweet, sweet arrow functions...
  1175.   if (!("indexedDB" in window && "Set" in window)) alert("HITDB::Your browser is too outdated or otherwise incompatible with this script!");
  1176.   else {
  1177.   /* 
  1178.     var tdbh = window.indexedDB.open(DB_NAME);
  1179.     tdbh.onerror = function(e) { console.log("[TESTDB]",e.target.error.name+":", e.target.error.message, e); };
  1180.     tdbh.onsuccess = INFLATEDUMMYVALUES;
  1181.     //tdbh.onupgradeneeded = BLANKSLATE;
  1182.     var dbh = null;
  1183.   */
  1184.     
  1185.     if (document.location.pathname === "/mturk/dashboard") {
  1186.       var dbh = window.indexedDB.open(DB_NAME, DB_VERSION);
  1187.       dbh.onerror = function(e) { Utils.errorHandler(e.target.error); };
  1188.       dbh.onupgradeneeded = HITStorage.versionChange;
  1189.       dbh.onsuccess = function() { this.result.close(); };
  1190.  
  1191.       DashboardUI.draw();
  1192.       DashboardUI.initClickables();
  1193.  
  1194.       ProjectedEarnings.updateDate();
  1195.       ProjectedEarnings.draw(true);
  1196.  
  1197.       var Status = {
  1198.         node: document.getElementById("hdbStatusText"),
  1199.         get message() { return this.node.textContent; },
  1200.         set message(str) { this.node.textContent = str; },
  1201.         get color() { return this.node.style.color; },
  1202.         set color(c) { this.node.style.color = c; },
  1203.         push: function(m,c) { c = c || "black"; this.message = m; this.color = c; }
  1204.       };
  1205.       var Progress = {
  1206.         node: document.getElementById("hdbProgressBar"),
  1207.         hide: function() { this.node.style.display = "none"; },
  1208.         show: function() { this.node.style.display = "block"; }
  1209.       };
  1210.     } else { // page is not dashboard
  1211.       beenThereDoneThat();
  1212.     }
  1213.   }
  1214.   /*}}}
  1215.    *
  1216.    *
  1217.    *
  1218.    *
  1219.    */
  1220.  
  1221.   // {{{ css injection
  1222.   var css = "<style type='text/css'>" +
  1223.   ".hitdbRTButtons {border:1px solid; font-size: 10px; height: 18px; padding-left: 5px; padding-right: 5px; background: pink;}" +
  1224.   ".hitdbRTButtons-green {background: lightgreen;}" +
  1225.   ".hitdbRTButtons-large {width:80px;}" +
  1226.   ".hdbProgressContainer {margin:auto; width:500px; height:6px; position:relative; display:none; border-radius:10px; overflow:hidden; background:#d3d8db;}" +
  1227.   ".hdbProgressInner {width:100%; position:absolute; left:0;top:0;bottom:0; animation: kfpin 1.4s infinite; background:" +
  1228.     "linear-gradient(262deg, rgba(208,69,247,0), rgba(208,69,247,1), rgba(69,197,247,1), rgba(69,197,247,0)); background-size: 300% 500%;}" +
  1229.   ".hdbProgressOuter {width:30%; position:absolute; left:0;top:0;bottom:0; animation: kfpout 2s cubic-bezier(0,0.55,0.2,1) infinite;}" +
  1230.   "@keyframes kfpout { 0% {left:-100%;} 70%{left:100%;} 100%{left:100%;} }" +
  1231.   "@keyframes kfpin { 0%{background-position: 0% 50%} 50%{background-position: 100% 15%} 100%{background-position:0% 30%} }" +
  1232.   ".hdbCalControls {cursor:pointer;} .hdbCalControls:hover {color:c27fcf;}" +
  1233.   ".hdbCalCells {background:#f0f6f9; height:19px}" +
  1234.   ".hdbCalDays {cursor:pointer; text-align:center;} .hdbCalDays:hover {background:#7fb4cf; color:white;}" +
  1235.   ".hdbDayHeader {width:26px; text-align:center; font-weight:bold; font-size:12px; background:#f0f6f9;}" +
  1236.   ".hdbCalHeader {background:#7fb4cf; color:white; font-weight:bold; text-align:center; font-size:11px; padding:3px 0px;}" +
  1237.   "#hdbCalendarPanel {position:absolute; z-index:10; box-shadow:-2px 3px 5px 0px rgba(0,0,0,0.68);}" +
  1238.   ".hdbExpandRow {cursor:pointer; color:blue;}" +
  1239.   ".hdbTotalsRow {background:#CCC; color:#369; font-weight:bold;}" +
  1240.   ".hdbHeaderRow {background:#7FB448; font-size:12px; color:white}" +
  1241.   ".helpSpan {border-bottom:1px dotted; cursor:help;}" +
  1242.   ".hdbResControl {border-bottom:1px solid; color:#c60; cursor:pointer; display:none;}" +
  1243.   ".hdbTablePagination {margin-left:15em; color:#c60; display:none;}" +
  1244.   ".spin {animation: kfspin 0.7s infinite linear; font-weight:bold;}" +
  1245.   "@keyframes kfspin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } }" +
  1246.   ".spin:before{content:'*'}" +
  1247.   "</style>";
  1248.   document.head.innerHTML += css;
  1249.   // }}}
  1250.  
  1251.   function resultConstrain(data, index) {//{{{
  1252.     data = data || qc.sr;
  1253.  
  1254.     var table  = document.getElementById("hdbResultsTable"),
  1255.         rslice = data.length ? data[index].results : data.results,
  1256.         pager  = [document.getElementById("hdbPageTop"), document.getElementById("hdbPageBot")],
  1257.         sopt   = [];
  1258.     pager[0].innerHTML = ''; pager[1].innerHTML = '';
  1259.  
  1260.     if (data instanceof DatabaseResult)
  1261.       table.innerHTML = data.formatHTML();
  1262.     else {
  1263.       table.innerHTML = data[index].formatHTML();
  1264.       pager[0].innerHTML = '<span style="cursor:pointer;">' + (index > 0 ? '&#9664; Prev' : '') + '</span> ' +
  1265.         '<span style="cursor:pointer;">' + (+index+1 === data.length ? '' : 'Next &#9654;') + '</span> &nbsp; || &nbsp; '+
  1266.         '<label>Select page: </label><select></select>';
  1267.       for (var i=0;i<data.length;i++) {
  1268.         if (i === +index)
  1269.           sopt.push('<option value="' + i + '" selected="selected">' + (i+1) + '</option>');
  1270.         else
  1271.           sopt.push('<option value="' + i + '">' + (i+1) + '</option>');
  1272.       }
  1273.       pager[0].lastChild.innerHTML = sopt.join('');
  1274.       pager[2] = pager[0].cloneNode(true);
  1275.       pager[2].id = "hdbPageBot";
  1276.       for (i of [0,2]) {
  1277.         pager[i].children[0].onclick = resultConstrain.bind(null,null,+index-1);
  1278.         pager[i].children[1].onclick = resultConstrain.bind(null,null,+index+1);
  1279.         pager[i].children[3].onchange = _f;
  1280.       }
  1281.       pager[0].parentNode.replaceChild(pager[2], pager[1]);
  1282.     }
  1283.  
  1284.     for (var _r of rslice) { // retrieve and append notes
  1285.       HITStorage.recall("NOTES", { index: "hitId", range: window.IDBKeyRange.only(_r.hitId) }).then(noteHandler.bind(null,"attach"));
  1286.     }
  1287.  
  1288.     var _nodes   = [document.querySelectorAll(".bonusCell"), document.querySelectorAll('span[id^="note-"]')];
  1289.     for (i=0;i<_nodes[0].length;i++) {
  1290.       var bonus = _nodes[0][i],
  1291.           note  = _nodes[1][i];
  1292.       bonus.dataset.initial = bonus.textContent;
  1293.       bonus.onkeydown = updateBonus;
  1294.       bonus.onblur    = updateBonus;
  1295.       note.onclick    = noteHandler.bind(null,"new");
  1296.     }
  1297.  
  1298.     // to avoid defining a function within a loop
  1299.     function _f(e) { resultConstrain(null,e.target.value); }
  1300.   }//}}} resultConstrain
  1301.  
  1302.   function beenThereDoneThat() {//{{{
  1303.     if (~document.location.pathname.search(/(accept|continue)/)) {
  1304.       if (!document.querySelector('input[name="hitAutoAppDelayInSeconds"]')) return;
  1305.  
  1306.       // capture autoapproval times
  1307.       var _aa = document.querySelector('input[name="hitAutoAppDelayInSeconds"]').value,
  1308.           _hid = document.querySelectorAll('input[name="hitId"]')[1].value,
  1309.           pad = function(num) { return Number(num).toPadded(); },
  1310.           _d  = Date.parse(new Date().getFullYear() + "-" + pad(new Date().getMonth()+1) + "-" + pad(new Date().getDate()));
  1311.  
  1312.       if (!qc.aat[_d]) qc.aat[_d] = {};
  1313.       qc.aat[_d][_hid] = _aa;
  1314.       qc.save("aat", "hitdb_autoAppTemp", true);
  1315.       return;
  1316.     }
  1317.     var qualNode = document.querySelector('td[colspan="11"]');
  1318.     if (qualNode) { // we're on the preview page!
  1319.       var requesterid   = document.querySelector('input[name="requesterId"]').value,
  1320.           requestername = document.querySelector('input[name="prevRequester"]').value,
  1321.           autoApproval  = document.querySelector('input[name="hitAutoAppDelayInSeconds"]').value,
  1322.           hitTitle      = document.querySelector('div[style*="ellipsis"]').textContent.trim().replace(/\|/g,""),
  1323.           insertionNode = qualNode.parentNode.parentNode;
  1324.       var row = document.createElement("TR"), cellL = document.createElement("TD"), cellR = document.createElement("TD");
  1325.       var resultsTableR = document.createElement("TABLE"),
  1326.           resultsTableT = document.createElement("TABLE");
  1327.       resultsTableR.dataset.rid = requesterid;
  1328.       resultsTableT.dataset.title = hitTitle;
  1329.       insertionNode.parentNode.parentNode.appendChild(resultsTableR);
  1330.       insertionNode.parentNode.parentNode.appendChild(resultsTableT);
  1331.  
  1332.       cellR.innerHTML = '<span class="capsule_field_title">Auto-Approval:</span>&nbsp;&nbsp;'+Utils.ftime(autoApproval);
  1333.       var rbutton = document.createElement("BUTTON");
  1334.       rbutton.classList.add("hitdbRTButtons","hitdbRTButtons-large");
  1335.       rbutton.textContent = "Requester";
  1336.       rbutton.onclick = function(e) { e.preventDefault(); showResults.call(resultsTableR, "req", hitTitle); };
  1337.       var tbutton = rbutton.cloneNode(false);
  1338.       rbutton.title = "Show HITs completed from this requester";
  1339.       tbutton.textContent = "HIT Title";
  1340.       tbutton.onclick = function(e) { e.preventDefault(); showResults.call(resultsTableT, "title", requestername) };
  1341.       HITStorage.recall("HIT", {index: "requesterId", range: window.IDBKeyRange.only(requesterid), limit: 1})
  1342.         .then(processResults.bind(rbutton,resultsTableR));
  1343.       HITStorage.recall("HIT", {index: "title", range: window.IDBKeyRange.only(hitTitle), limit: 1})
  1344.         .then(processResults.bind(tbutton,resultsTableT));
  1345.       row.appendChild(cellL);
  1346.       row.appendChild(cellR);
  1347.       cellL.appendChild(rbutton);
  1348.       cellL.appendChild(tbutton);
  1349.       cellL.colSpan = "3";
  1350.       cellR.colSpan = "8";
  1351.       insertionNode.appendChild(row);
  1352.     } else { // browsing HITs n sutff 
  1353.       var titleNodes = document.querySelectorAll('a[class="capsulelink"]');
  1354.       if (titleNodes.length < 1) return; // nothing left to do here!
  1355.       var requesterNodes = document.querySelectorAll('a[href*="hitgroups&requester"]');
  1356.       var insertionNodes = [];
  1357.  
  1358.       for (var i=0;i<titleNodes.length;i++) {
  1359.         var _title = titleNodes[i].textContent.trim().replace(/\|/g,"");
  1360.         var _tbutton = document.createElement("BUTTON");
  1361.         var _id = requesterNodes[i].href.replace(/.+Id=(.+)/, "$1");
  1362.         var _name = requesterNodes[i].textContent;
  1363.         var _rbutton = document.createElement("BUTTON");
  1364.         var _div = document.createElement("DIV"), _tr = document.createElement("TR");
  1365.         resultsTableR = document.createElement("TABLE");
  1366.         resultsTableR.dataset.rid = _id;
  1367.         resultsTableT = document.createElement("TABLE");
  1368.         resultsTableT.dataset.title = _title;
  1369.         insertionNodes.push(requesterNodes[i].parentNode.parentNode.parentNode);
  1370.         insertionNodes[i].offsetParent.offsetParent.offsetParent.offsetParent.appendChild(resultsTableR);
  1371.         insertionNodes[i].offsetParent.offsetParent.offsetParent.offsetParent.appendChild(resultsTableT);
  1372.  
  1373.         HITStorage.recall("HIT", {index: "title", range: window.IDBKeyRange.only(_title), limit: 1} )
  1374.           .then(processResults.bind(_tbutton,resultsTableT));
  1375.         HITStorage.recall("HIT", {index: "requesterId", range: window.IDBKeyRange.only(_id), limit: 1} )
  1376.           .then(processResults.bind(_rbutton,resultsTableR));
  1377.  
  1378.         _tr.appendChild(_div);
  1379.         _div.id = "hitdbRTInjection-"+i;
  1380.         _div.appendChild(_rbutton);
  1381.         _rbutton.textContent = 'R';
  1382.         _rbutton.classList.add("hitdbRTButtons");
  1383.         _rbutton.onclick = showResults.bind(resultsTableR, "req", _title);
  1384.         _rbutton.title = "Show HITs completed from this requester";
  1385.         _div.appendChild(_tbutton);
  1386.         _tbutton.textContent = 'T';
  1387.         _tbutton.classList.add("hitdbRTButtons");
  1388.         _tbutton.onclick = showResults.bind(resultsTableT, "title", _name);
  1389.         insertionNodes[i].appendChild(_tr);
  1390.       }
  1391.     } // else
  1392.  
  1393.     function showResults(type, match) {//{{{
  1394.       /*jshint validthis: true*/
  1395.       if (!this.dataset.hasResults) return;
  1396.       if (this.children.length) // table is populated
  1397.         this.innerHTML = '';
  1398.       else { // need to populate table
  1399.         var head = this.createTHead(),
  1400.             body = this.createTBody(),
  1401.             capt = this.createCaption(),
  1402.             style= "font-size:10px;font-weight:bold;text-align:center",
  1403.             validKeys = function(obj) { return Object.keys(obj).filter(function(v) { return !~v.search(/total[A-Z]/); }); };
  1404.  
  1405.         capt.innerHTML = '<span style="'+style+'">Loading...<label class="spin"></label></span>';
  1406.  
  1407.         if (type === "req") {
  1408.           HITStorage.recall("HIT", {index:"requesterId", range:window.IDBKeyRange.only(this.dataset.rid)})
  1409.             .then( function(r) {
  1410.               var cbydate = r.collate(r.results, "date"),
  1411.                   kbydate = validKeys(cbydate),
  1412.                   cbydatextitle, kbytitle, bodyHTML = [];
  1413.               for (var key of kbydate) {
  1414.                 cbydatextitle = r.collate(cbydate[key], "title");
  1415.                 kbytitle = validKeys(cbydatextitle);
  1416.                 for (var _key of kbytitle)
  1417.                   bodyHTML.push('<tr style="text-align:center;"><td>'+key+'</td><td>'+_key+'</td><td>'+cbydatextitle[_key].length+'</td>' +
  1418.                       '<td>'+Number(Math.decRound(cbydatextitle[_key].pay,2)).toFixed(2)+'</td></tr>');
  1419.               }
  1420.               var help = "Total number of HITs submitted for a given date with the same title\n" +
  1421.                 "(aggregates results with the same title to simplify the table and reduce unnecessary spam for batch workers)"; 
  1422.               head.innerHTML = '<tr style="'+style+'"><th>Date</th><th>Title</th>' +
  1423.                 '<th><span class="helpSpan" title="'+help+'">#HITs</span></th><th>Total Rewards</th></tr>';
  1424.               body.innerHTML = bodyHTML.join('');
  1425.               capt.innerHTML = '<label style="'+style+'">HITs Matching This Requester</label>';
  1426.  
  1427.               var mrows = Array.prototype.filter.call(body.rows, function(v) {return v.cells[1].textContent === match});
  1428.               for (var row of mrows)
  1429.                 row.style.background = "lightgreen";
  1430.             });
  1431.         }
  1432.         else if (type === "title") {
  1433.           HITStorage.recall("HIT", {index:"title", range:window.IDBKeyRange.only(this.dataset.title)})
  1434.             .then( function(r) {
  1435.               var cbyreq = r.collate(r.results, "requesterName"),
  1436.                   kbyreq = validKeys(cbyreq),
  1437.                   bodyHTML = [];
  1438.               for (var key of kbyreq)
  1439.                 bodyHTML.push('<tr style="text-align:center;"><td>'+key+'</td><td>'+cbyreq[key].length+'</td>' +
  1440.                     '<td>'+Number(Math.decRound(cbyreq[key].pay,2)).toFixed(2)+'</td></tr>');
  1441.               var help = "Total number of HITs matching this title submitted for a given requester\n" +
  1442.                 "(aggregates results with the same requester name to simplify the table and reduce unnecessary spam for batch workers)";
  1443.               head.innerHTML = '<tr style="'+style+'"><th>Requester Name</th>' +
  1444.                 '<th><span class="helpSpan" title="'+help+'">#HITs</span></th><th>Total Rewards</th></tr>';
  1445.               body.innerHTML = bodyHTML.join('');
  1446.               capt.innerHTML = '<label style="'+style+'">Reqesters With HITs Matching This Title</label>';
  1447.  
  1448.               var mrows = Array.prototype.filter.call(body.rows, function(v) {return v.cells[0].textContent === match});
  1449.               for (var row of mrows)
  1450.                 row.style.background = "lightgreen";
  1451.             });
  1452.         } //if type === 'title'
  1453.       }//populate table
  1454.     }//}}} showResults
  1455.  
  1456.     function processResults(table, r) {
  1457.       /*jshint validthis: true*/
  1458.       if (r.results.length) {
  1459.         table.dataset.hasResults = "true";
  1460.         this.classList.add("hitdbRTButtons-green");
  1461.       }
  1462.     }
  1463.     
  1464.   }//}}} btdt
  1465.  
  1466.   function showHiddenRows(e) {//{{{
  1467.     var rid = e.target.parentNode.textContent.substr(4);
  1468.     var nodes = document.querySelectorAll('tr[data-rid="'+rid+'"]'), el = null;
  1469.     if (e.target.textContent === "[+]") {
  1470.       for (el of nodes)
  1471.         el.style.display="table-row";
  1472.       e.target.textContent = "[-]";
  1473.     } else {
  1474.       for (el of nodes)
  1475.         el.style.display="none";
  1476.       e.target.textContent = "[+]";
  1477.     }
  1478.   }//}}}
  1479.  
  1480.   function showHitsByDate(e) {//{{{
  1481.     var date = e.target.parentNode.nextSibling.textContent,
  1482.         row  = e.target.parentNode.parentNode,
  1483.         table= row.parentNode;
  1484.  
  1485.     if (e.target.textContent === "[+]") {
  1486.       e.target.textContent = "[-]";
  1487.       var nrow = table.insertBefore(document.createElement("TR"), row.nextSibling);
  1488.       nrow.className = row.className;
  1489.       nrow.innerHTML = '<td><b>Loading...<label class="spin"></label></b></td>';
  1490.       HITStorage.recall("HIT", {index: "date", range: window.IDBKeyRange.only(date)}).then( function(r) {
  1491.         r.results = r.results.sort(function(a,b) {if (a.requesterName.toLowerCase() > b.requesterName.toLowerCase()) return 1; else return -1;});
  1492.         nrow.innerHTML = '<td colspan="7"><table style="width:440;color:#c60;">' + r.formatHTML(null,true) + '</table></td>';
  1493.       });
  1494.     } else {
  1495.       e.target.textContent = "[+]";
  1496.       table.removeChild(row.nextSibling);
  1497.     }
  1498.   }//}}} showHitsByDate
  1499.  
  1500.   function updateBonus(e) {//{{{
  1501.     if (e instanceof window.KeyboardEvent && e.keyCode === 13) {
  1502.       e.target.blur();
  1503.       return false;
  1504.     } else if (e instanceof window.FocusEvent) {
  1505.       var _bonus = +e.target.textContent.replace(/\$/,"");
  1506.       if (_bonus !== +e.target.dataset.initial) {
  1507.         console.log("updating bonus to",_bonus,"from",e.target.dataset.initial,"("+e.target.dataset.hitid+")");
  1508.         e.target.dataset.initial = _bonus;
  1509.         var _pay   = +e.target.previousSibling.textContent,
  1510.             _range = window.IDBKeyRange.only(e.target.dataset.hitid);
  1511.  
  1512.         window.indexedDB.open(DB_NAME).onsuccess = function() {
  1513.           this.result.transaction("HIT", "readwrite").objectStore("HIT").openCursor(_range).onsuccess = function() {
  1514.             var c = this.result;
  1515.             if (c) {
  1516.               var v = c.value;
  1517.               v.reward = { pay: _pay, bonus: _bonus };
  1518.               c.update(v);
  1519.             } 
  1520.           }; // idbcursor
  1521.         }; // idbopen
  1522.       } // bonus is new value
  1523.     } // keycode
  1524.   } //}}} updateBonus
  1525.  
  1526.   function noteHandler(type, e) {//{{{
  1527.     // 
  1528.     // TODO restructure event handling/logic tree
  1529.     //      combine save and delete; it's ugly :(
  1530.     //      actually this whole thing is messy and in need of refactoring
  1531.     //
  1532.     if (e instanceof window.KeyboardEvent) {
  1533.      if (e.keyCode === 13) {
  1534.         e.target.blur();
  1535.         return false;
  1536.       }
  1537.      return;
  1538.     }
  1539.  
  1540.     if (e instanceof window.FocusEvent) {
  1541.       if (e.target.textContent.trim() !== e.target.dataset.initial) {
  1542.         if (!e.target.textContent.trim()) { e.target.previousSibling.previousSibling.firstChild.click(); return; }
  1543.         var note   = e.target.textContent.trim(),
  1544.             _range = window.IDBKeyRange.only(e.target.dataset.id),
  1545.             inote  = e.target.dataset.initial,
  1546.             hitId  = e.target.dataset.id,
  1547.             date   = e.target.previousSibling.textContent;
  1548.  
  1549.         e.target.dataset.initial = note;
  1550.         window.indexedDB.open(DB_NAME).onsuccess = function() {
  1551.           this.result.transaction("NOTES", "readwrite").objectStore("NOTES").index("hitId").openCursor(_range).onsuccess = function() {
  1552.             if (this.result) {
  1553.               var r = this.result.value;
  1554.               if (r.note === inote) {  // note already exists in database, so we update its value
  1555.                 r.note = note;
  1556.                 this.result.update(r);
  1557.                 return;
  1558.               }
  1559.               this.result.continue();
  1560.             } else {
  1561.               if (this.source instanceof window.IDBObjectStore)
  1562.                 this.source.put({ note:note, date:date, hitId:hitId });
  1563.               else
  1564.                 this.source.objectStore.put({ note:note, date:date, hitId:hitId });
  1565.             }
  1566.           };
  1567.           this.result.close();
  1568.         };
  1569.       } 
  1570.       return; // end of save event; no need to proceed
  1571.     }
  1572.  
  1573.     if (type === "delete") {
  1574.       var tr       = e.target.parentNode.parentNode,
  1575.           noteCell = tr.lastChild;
  1576.           _range   = window.IDBKeyRange.only(noteCell.dataset.id);
  1577.       if (!noteCell.dataset.initial) tr.remove();
  1578.       else {
  1579.         window.indexedDB.open(DB_NAME).onsuccess = function() {
  1580.           this.result.transaction("NOTES", "readwrite").objectStore("NOTES").index("hitId").openCursor(_range).onsuccess = function() {
  1581.             if (this.result) {
  1582.               if (this.result.value.note === noteCell.dataset.initial) {
  1583.                 this.result.delete();
  1584.                 tr.remove();
  1585.                 return;
  1586.               }
  1587.               this.result.continue();
  1588.             } 
  1589.           };
  1590.           this.result.close();
  1591.         };
  1592.       }
  1593.       return; // end of deletion event; no need to proceed
  1594.     } else {
  1595.       if (type === "attach" && !e.results.length) return;
  1596.  
  1597.       var trow  = e instanceof window.MouseEvent ? e.target.parentNode.parentNode : null,
  1598.           tbody = trow ? trow.parentNode : null,
  1599.           row   = document.createElement("TR"),
  1600.           c1    = row.insertCell(0),
  1601.           c2    = row.insertCell(1),
  1602.           c3    = row.insertCell(2);
  1603.           date  = new Date();
  1604.           hitId = e instanceof window.MouseEvent ? e.target.id.substr(5) : null;
  1605.  
  1606.       c1.innerHTML = '<span class="removeNote" title="Delete this note" style="cursor:pointer;color:crimson;">[x]</span>';
  1607.       c1.firstChild.onclick = noteHandler.bind(null,"delete");
  1608.       c1.style.textAlign = "right";
  1609.       c2.title = "Date on which the note was added";
  1610.       c3.style.color = "crimson";
  1611.       c3.colSpan = "6";
  1612.       c3.contentEditable = "true";
  1613.       c3.onblur = noteHandler.bind(null,"blur");
  1614.       c3.onkeydown = noteHandler.bind(null, "kb");
  1615.       
  1616.       if (type === "new") {
  1617.         row.classList.add(trow.classList);
  1618.         tbody.insertBefore(row, trow.nextSibling);
  1619.         c2.textContent = date.getFullYear()+"-"+Number(date.getMonth()+1).toPadded()+"-"+Number(date.getDate()).toPadded();
  1620.         c3.dataset.initial = "";
  1621.         c3.dataset.id = hitId;
  1622.         c3.focus();
  1623.         return;
  1624.       }
  1625.  
  1626.       for (var entry of e.results) {
  1627.         trow  = document.querySelector('tr[data-id="'+entry.hitId+'"]');
  1628.         tbody = trow.parentNode;
  1629.         row   = row.cloneNode(true);
  1630.         c1    = row.firstChild;
  1631.         c2    = c1.nextSibling;
  1632.         c3    = row.lastChild;
  1633.         
  1634.         row.classList.add(trow.classList);
  1635.         tbody.insertBefore(row, trow.nextSibling);
  1636.  
  1637.         c1.firstChild.onclick = noteHandler.bind(null,"delete");
  1638.         c2.textContent = entry.date;
  1639.         c3.textContent = entry.note;
  1640.         c3.dataset.initial = entry.note;
  1641.         c3.dataset.id = entry.hitId;
  1642.         c3.onblur = noteHandler.bind(null,"blur");
  1643.         c3.onkeydown = noteHandler.bind(null, "kb");
  1644.       }
  1645.     } // new/attach
  1646.   }//}}} noteHandler
  1647.  
  1648.   function processFile(e) {//{{{
  1649.     var f = e.target.files;
  1650.     if (f.length && ~f[0].name.search(/\.(bak|csv|json)$/)/* && ~f[0].type.search(/(text|json)/)*/) {
  1651.       var reader = new FileReader(), testing = true, isCsv = false;
  1652.       metrics.dbimport = new Metrics("file_import");
  1653.  
  1654.       reader.readAsText(f[0].slice(0,10));
  1655.       reader.onload = function(e) { 
  1656.         var r = e.target.result;
  1657.         if (testing && !~r.search(/(STATS|NOTES|HIT)/)) { // failed json check, test if csv
  1658.           console.log("failed json integrity:", r, "\nchecking csv schema...");
  1659.           if (!~r.search(/hitId/)) { // failed csv check, return error
  1660.             console.log("failed csv integrity:", r, "\naborting");
  1661.             return Utils.errorHandler(new TypeError("Invalid data structure"));
  1662.           } else { // passed initial csv check, parse full file
  1663.             console.log("deferring to csv parser");
  1664.             isCsv   = true;
  1665.             testing = false;
  1666.             Progress.show();
  1667.             reader.readAsText(f[0]);
  1668.           }
  1669.         } else if (testing) {
  1670.           testing = false;
  1671.           Progress.show();
  1672.           reader.readAsText(f[0]);
  1673.         } else {
  1674.           if (isCsv) // if csv defer to csv parser
  1675.             return parseCsv(r);
  1676.           // otherwise write the json
  1677.           var data = JSON.parse(r);
  1678.           console.log(data);
  1679.           HITStorage.write(data, "restore");
  1680.         }
  1681.       }; // reader.onload
  1682.     } else if (f.length) {
  1683.       Utils.errorHandler(new TypeError("Unsupported file format"));
  1684.     }
  1685.   }//}}} processFile
  1686.  
  1687.   function parseCsv(r) {//{{{
  1688.     var validKeys = ["autoAppTime","date","feedback","hitId","requesterId","requesterName","reward","pay","bonus","status","title"],
  1689.         delimiter = r.substr(5,1),
  1690.         lines     = r.split(/\r?\n/),
  1691.         columns   = lines.splice(0,1)[0].split(delimiter),
  1692.         data      = { HIT:[] },
  1693.         badCsv    = false;
  1694.  
  1695.     if (!columns[columns.length-1].length) { badCsv = true; void(columns.splice(columns.length-1)); }
  1696.     if (!lines.length) return Utils.errorHandler(new Error("CSV file must contain at least one record"));
  1697.     // make sure column keys are valid
  1698.     for (var key of columns) {
  1699.       if (!~validKeys.indexOf(key)) {
  1700.         Progress.hide();
  1701.         return Utils.errorHandler(new TypeError("Invalid key '"+key+"' found in column header"));
  1702.       }
  1703.     }
  1704.     // iterate through each line and convert data into a usable object
  1705.     var ln = 1;
  1706.     for (var line of lines) {
  1707.       var record = {};
  1708.       line = badCsv ? line.replace(new RegExp(delimiter+"$"),"").split(delimiter) : line.split(delimiter);
  1709.       if (line.length <= 1) continue;
  1710.       if (++ln && line.length !== columns.length) {
  1711.         // attempt to resolve delimiter conflicts within field values
  1712.         line = line.join(delimiter).replace(new RegExp('(?:(")'+delimiter+'|'+delimiter+'("))',"g"),'$1\t$2').split(/\t/);
  1713.         // resolution failed
  1714.         if (line.length !== columns.length)
  1715.           return Utils.errorHandler(new RangeError("Number of fields does not match number of columns in line '"+ln+"'"));
  1716.       }
  1717.  
  1718.       for (var i=0;i<line.length;i++) {
  1719.         if (columns[i] === "pay" || columns[i] === "bonus") {
  1720.           record.reward = record.reward || {};
  1721.           record.reward[columns[i]] = +line[i];
  1722.           continue;
  1723.         }
  1724.         if (columns[i] === "reward")
  1725.           record[columns[i]] = +line[i];
  1726.         else
  1727.           record[columns[i]] = badCsv ? line[i].replace(/(^"|"$)/g,"") : line[i];
  1728.       }
  1729.       data.HIT.push(record);
  1730.     }
  1731.     console.log(data);
  1732.     HITStorage.write(data, "restore");
  1733.   }//}}} parseCsv
  1734.  
  1735.   function autoScroll(location, dt) {//{{{
  1736.     var target = document.querySelector(location).offsetTop,
  1737.         pos    = window.scrollY,
  1738.         dpos   = Math.ceil((target - pos)/3);
  1739.     dt = dt ? dt-1 : 25; // time step/max recursions
  1740.  
  1741.     if (target === pos || dpos === 0 || dt === 0) return;
  1742.  
  1743.     window.scrollBy(0, dpos);
  1744.     setTimeout(function() { autoScroll(location, dt); }, dt);
  1745.   }//}}}
  1746.  
  1747.   function Calendar(offsetX, offsetY, caller) {//{{{
  1748.     this.date = new Date();
  1749.     this.offsetX = offsetX;
  1750.     this.offsetY = offsetY;
  1751.     this.caller = caller;
  1752.     this.drawCalendar = function(year,month,day) {//{{{
  1753.       year = year || this.date.getFullYear();
  1754.       month = month || this.date.getMonth()+1;
  1755.       day = day || this.date.getDate();
  1756.       var longMonths = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  1757.       var date = new Date(year,month-1,day);
  1758.       var anchors = _getAnchors(date);
  1759.  
  1760.       //make new container if one doesn't already exist
  1761.       var container = null;
  1762.       if (document.querySelector("#hdbCalendarPanel")) { 
  1763.         container = document.querySelector("#hdbCalendarPanel");
  1764.         container.removeChild( container.getElementsByTagName("TABLE")[0] );
  1765.       }
  1766.       else {
  1767.         container = document.createElement("DIV");
  1768.         container.id = "hdbCalendarPanel";
  1769.         document.body.appendChild(container);
  1770.       }
  1771.       container.style.left = this.offsetX;
  1772.       container.style.top = this.offsetY;
  1773.       var cal = document.createElement("TABLE");
  1774.       cal.cellSpacing = "0";
  1775.       cal.cellPadding = "0";
  1776.       cal.border = "0";
  1777.       container.appendChild(cal);
  1778.       cal.innerHTML = '<tr>' +
  1779.         '<th class="hdbCalHeader hdbCalControls" title="Previous month" style="text-align:right;"><span>&lt;</span></th>' +
  1780.         '<th class="hdbCalHeader hdbCalControls" title="Previous year" style="text-align:center;"><span>&#8810;</span></th>' +
  1781.         '<th colspan="3" id="hdbCalTableTitle" class="hdbCalHeader">'+date.getFullYear()+'<br>'+longMonths[date.getMonth()]+'</th>' +
  1782.         '<th class="hdbCalHeader hdbCalControls" title="Next year" style="text-align:center;"><span>&#8811;</span></th>' +
  1783.         '<th class="hdbCalHeader hdbCalControls" title="Next month" style="text-align:left;"><span>&gt;</span></th>' +
  1784.         '</tr><tr><th class="hdbDayHeader" style="color:red;">S</th><th class="hdbDayHeader">M</th>' +
  1785.         '<th class="hdbDayHeader">T</th><th class="hdbDayHeader">W</th><th class="hdbDayHeader">T</th>' +
  1786.         '<th class="hdbDayHeader">F</th><th class="hdbDayHeader">S</th></tr>';
  1787.       
  1788.       document.querySelector('th[title="Previous month"]').addEventListener( "click", function() { 
  1789.         this.drawCalendar(date.getFullYear(), date.getMonth(), 1);
  1790.       }.bind(this) );
  1791.       document.querySelector('th[title="Previous year"]').addEventListener( "click", function() {
  1792.         this.drawCalendar(date.getFullYear()-1, date.getMonth()+1, 1);
  1793.       }.bind(this) );
  1794.       document.querySelector('th[title="Next month"]').addEventListener( "click", function() {
  1795.         this.drawCalendar(date.getFullYear(), date.getMonth()+2, 1);
  1796.       }.bind(this) );
  1797.       document.querySelector('th[title="Next year"]').addEventListener( "click", function() {
  1798.         this.drawCalendar(date.getFullYear()+1, date.getMonth()+1, 1);
  1799.       }.bind(this) );
  1800.  
  1801.       var hasDay = false, thisDay = 1;
  1802.       for (var i=0;i<6;i++) { // cycle weeks
  1803.         var row = document.createElement("TR");
  1804.         for (var j=0;j<7;j++) { // cycle days
  1805.           if (!hasDay && j === anchors.first && thisDay < anchors.total)
  1806.             hasDay = true;
  1807.           else if (hasDay && thisDay > anchors.total)
  1808.             hasDay = false;
  1809.  
  1810.           var cell = document.createElement("TD");
  1811.           cell.classList.add("hdbCalCells");
  1812.           row.appendChild(cell);
  1813.           if (hasDay) {
  1814.             cell.classList.add("hdbCalDays");
  1815.             cell.textContent = thisDay;
  1816.             cell.addEventListener("click", _clickHandler.bind(this));
  1817.             cell.dataset.year = date.getFullYear();
  1818.             cell.dataset.month = date.getMonth()+1;
  1819.             cell.dataset.day = thisDay++;
  1820.           }
  1821.         } // for j
  1822.         cal.appendChild(row);
  1823.       } // for i
  1824.       var controls = cal.insertRow(-1);
  1825.       controls.insertCell(0);
  1826.       controls.cells[0].colSpan = "7";
  1827.       controls.cells[0].classList.add("hdbCalCells");
  1828.       controls.cells[0].innerHTML = ' &nbsp; &nbsp; <a href="javascript:void(0)" style="font-weight:bold;text-decoration:none;">Clear</a>' + 
  1829.         ' &nbsp; <a href="javascript:void(0)" style="font-weight:bold;text-decoration:none;">Close</a>';
  1830.       controls.cells[0].children[0].onclick = function() { this.caller.value = ""; }.bind(this);
  1831.       controls.cells[0].children[1].onclick = this.die;
  1832.  
  1833.       function _clickHandler(e) {
  1834.         /*jshint validthis:true*/
  1835.  
  1836.         var y = e.target.dataset.year;
  1837.         var m = Number(e.target.dataset.month).toPadded();
  1838.         var d = Number(e.target.dataset.day).toPadded();
  1839.         this.caller.value = y+"-"+m+"-"+d;
  1840.         this.die();
  1841.       }
  1842.  
  1843.       function _getAnchors(date) {
  1844.         var _anchors = {};
  1845.         date.setMonth(date.getMonth()+1);
  1846.         date.setDate(0);
  1847.         _anchors.total = date.getDate();
  1848.         date.setDate(1);
  1849.         _anchors.first = date.getDay();
  1850.         return _anchors;
  1851.       }
  1852.     };//}}} drawCalendar
  1853.  
  1854.     this.die = function() { document.getElementById('hdbCalendarPanel').remove(); };
  1855.  
  1856.   }//}}} Calendar
  1857.  
  1858.   // instance metrics apart from window scoped PerformanceTiming API
  1859.   function Metrics(name) {//{{{
  1860.     this.name = name || "undefined";
  1861.     this.marks = {};
  1862.     this.start = window.performance.now();
  1863.     this.end = null;
  1864.     this.stop = function(){
  1865.       if (!this.end) 
  1866.         this.end = window.performance.now();
  1867.       else
  1868.         Utils.errorHandler(new Error("Metrics::AccessViolation - end point cannot be overwritten"));
  1869.     };
  1870.     this.mark = function(name,position) {
  1871.       if (position === "end" && (!this.marks[name] || this.marks[name].end)) return;
  1872.  
  1873.       if (!this.marks[name])
  1874.         this.marks[name] = {};
  1875.  
  1876.       this.marks[name][position] = window.performance.now();
  1877.     };
  1878.     this.report = function() {
  1879.       console.group("Metrics for",this.name.toUpperCase());
  1880.       console.log("Process completed in",+Number((this.end-this.start)/1000).toFixed(3),"seconds");
  1881.       for (var k in this.marks) {
  1882.         if (this.marks.hasOwnProperty(k)) {
  1883.           console.log(k,"occurred after",+Number((this.marks[k].start-this.start)/1000).toFixed(3),"seconds,",
  1884.               "resolving in", +Number((this.marks[k].end-this.marks[k].start)/1000).toFixed(3), "seconds");
  1885.         }
  1886.       }
  1887.       console.groupEnd();
  1888.     };
  1889.   }//}}}
  1890.  
  1891. })(); //scoping
  1892.  
  1893. /*
  1894.  *
  1895.  *
  1896.  * * * * * * * * * * * * * TESTING FUNCTIONS -- DELETE BEFORE FINAL RELEASE * * * * * * * * * * * 
  1897.  *
  1898.  *
  1899.  */
  1900.  
  1901.  
  1902. function INFLATEDUMMYVALUES() { //{{{
  1903.   'use strict';
  1904.  
  1905.   var tdb = this.result;
  1906.   tdb.onerror = function(e) { console.log("requesterror",e.target.error.name,e.target.error.message,e); };
  1907.   tdb.onversionchange = function(e) { console.log("tdb received versionchange request", e); tdb.close(); };
  1908.   //console.log(tdb.transaction("HIT").objectStore("HIT").indexNames.contains("date"));
  1909.   console.groupCollapsed("Populating test database");
  1910.   var tdbt = {};
  1911.   //tdbt.trans = tdb.transaction(["HIT", "NOTES", "BLOCKS"], "readwrite");
  1912.   tdbt.trans = tdb.transaction("HIT", "readwrite");
  1913.   tdbt.hit   = tdbt.trans.objectStore("HIT");
  1914.   //tdbt.notes = tdbt.trans.objectStore("NOTES");
  1915.   //tdbt.blocks= tdbt.trans.objectStore("BLOCKS");
  1916.  
  1917.   var filler = { notes:[], hit:[], blocks:[] };
  1918.   for (var n=0;n<100000;n++) {
  1919.     filler.hit.push({ date: "2015-08-00", requesterName: "testRequester", title: "Greatest Title Ever #"+(n+1), 
  1920.       reward: Number((n+1)%(200/n)+(((n+1)%200)/100)).toFixed(2), status: "moo",
  1921.       requesterId: ("RRRRRRR"+n).substr(-7), hitId: ("HHHHHHH"+n).substr(-7) });
  1922.     /*if (n%1000 === 0) {
  1923.       filler.notes.push({ requesterId: ("RRRRRRR"+n).substr(-7), note: n+1 +
  1924.         " Proin vel erat commodo mi interdum rhoncus. Sed lobortis porttitor arcu, et tristique ipsum semper a." +
  1925.         " Donec eget aliquet lectus, vel scelerisque ligula." });
  1926.       filler.blocks.push({requesterId: ("RRRRRRR"+n).substr(-7)});
  1927.     }*/
  1928.   }
  1929.  
  1930.   _write(tdbt.hit, filler.hit);
  1931.   _write(tdbt.notes, filler.notes);
  1932.   //_write(tdbt.blocks, filler.blocks);
  1933.  
  1934.   function _write(store, obj) {
  1935.     if (obj.length) {
  1936.       var t = obj.pop();
  1937.       store.put(t).onsuccess = function() { _write(store, obj) };
  1938.     } else {
  1939.       console.log("population complete");
  1940.     }
  1941.   }
  1942.  
  1943.   console.groupEnd();
  1944. /*
  1945.   var dbh = window.indexedDB.open(DB_NAME, DB_VERSION);
  1946.   dbh.onerror = function(e) { console.log("[HITDB]",e.target.error.name+":", e.target.error.message, e); };
  1947.   console.log(dbh.readyState, dbh);
  1948.   dbh.onupgradeneeded = HITStorage.versionChange;
  1949.   dbh.onblocked = function(e) { console.log("blocked event triggered:", e); };
  1950. */
  1951.   tdb.close();
  1952.  
  1953. }//}}}
  1954. /*
  1955. function BLANKSLATE() { //{{{ create empty db equivalent to original schema to test upgrade
  1956.     'use strict';
  1957.     var tdb = this.result;
  1958.     if (!tdb.objectStoreNames.contains("HIT")) { 
  1959.         console.log("creating HIT OS");
  1960.         var dbo = tdb.createObjectStore("HIT", { keyPath: "hitId" });
  1961.         dbo.createIndex("date", "date", { unique: false });
  1962.         dbo.createIndex("requesterName", "requesterName", { unique: false});
  1963.         dbo.createIndex("title", "title", { unique: false });
  1964.         dbo.createIndex("reward", "reward", { unique: false });
  1965.         dbo.createIndex("status", "status", { unique: false });
  1966.         dbo.createIndex("requesterId", "requesterId", { unique: false });
  1967.  
  1968.     }
  1969.     if (!tdb.objectStoreNames.contains("STATS")) {
  1970.         console.log("creating STATS OS");
  1971.         dbo = tdb.createObjectStore("STATS", { keyPath: "date" });
  1972.     }
  1973.     if (!tdb.objectStoreNames.contains("NOTES")) {
  1974.         console.log("creating NOTES OS");
  1975.         dbo = tdb.createObjectStore("NOTES", { keyPath: "requesterId" });
  1976.     }
  1977.     if (!tdb.objectStoreNames.contains("BLOCKS")) {
  1978.         console.log("creating BLOCKS OS");
  1979.         dbo = tdb.createObjectStore("BLOCKS", { keyPath: "id", autoIncrement: true });
  1980.         dbo.createIndex("requesterId", "requesterId", { unique: false });
  1981.     }
  1982. } //}}}
  1983. */
  1984.  
  1985.  
  1986. // vim: ts=2:sw=2:et:fdm=marker:noai