// ==UserScript==
// @name                Buyer notes
// @version             2.0
// @date                2009-07-20
// @author              Ian Malpass ( ian AT etsyhacks DOT com )
// @namespace           etsy.com
// @description         Adds the "notes from buyer" to the sold orders page
// @include             http://www.etsy.com/sold_orders.php*
// ==/UserScript==

// set up some styles - other hacks may also create an order notes row, but make it hidden
var style = document.createElement( 'style' );
style.type = 'text/css';
style.innerHTML = '.etsyhacks_order_notes { display: table-row !important }';
document.getElementsByTagName( 'head' )[ 0 ].appendChild( style );

var colour = GM_getValue( 'noteColour' );
if ( colour == null ) GM_setValue( 'noteColour', 'red' );

GM_registerMenuCommand( 'Set buyer note colour', setColour );

// seek orders to mark up
var links = document.getElementsByTagName( 'a' );
for ( var l = 0; l < links.length; l++ ) {
    var link = links[ l ];
    if ( link.href && link.href.indexOf( '/receipt.php' ) > -1 ) {
        // found an order
        var order_id = link.href.match( /order_id=(\d+)/ )[ 1 ];
        var notes = GM_getValue( order_id );
        var cell = document.getElementById( 'order_notes_' + order_id );
        if ( cell == null ) {
            // we don't have an order notescell set up - create one
            var node = link.parentNode;
            while ( node.className.indexOf( 'row_grey' ) == -1 && node.className.indexOf( 'row_white' ) == -1 ) node = node.parentNode;
            var row = node.parentNode.insertRow( node.rowIndex + 1 );
            row.className = 'etsyhacks_order_notes ' + node.className;
            cell = row.insertCell( 0 );
            cell.colSpan = 6;
            cell.style.padding = '0px 0px 0px 5px';
            cell.style.fontSize = '11px';
            cell.className = 'dark_grey_text';
            cell.id = 'order_notes_' + order_id;
        }
        // create a holder for the notes
        var div = document.createElement( 'div' );
        div.style.marginBottom = '5px';
        // add it to the order notes cell
        cell.appendChild( div );
        if ( notes == null ) {
            notes = "<em>loading</em>";
            getNotes( order_id, div );
        }
        displayNote( div, notes );
    }
}

// request the order's receipt and call the note-extractor function on the result
// note that we explicitly pass the cookie header - Greasemonkey can forget sometimes it seems
function getNotes ( order_id, cell ) {
    GM_xmlhttpRequest( {
        url: 'http://www.etsy.com/receipt.php?order_id=' + order_id,
        method: 'GET',
        headers: { Cookie: document.cookie },
        onload: genExtractMessage( order_id, cell )
    } );
}

// extract the message and fill in the field
function genExtractMessage ( order_id, cell ) {
    return function ( response ) {
        if ( response.status != 200 ) return; // hm

        // seek using a regexp; kind of ugly but easier than trying to coerce it into a DOM tree
        var lines = response.responseText.split( '\n' );
        for ( var l = lines.length - 1; l > 0; l-- ) {
            var line = lines[ l ];
            if ( line.indexOf( 'Message from the buyer:</td>' ) > -1 ) {
                // found the message  area, extract the message
                line = lines[ l + 3 ];
                var match = line.match( /<td>(.*)<\/td>/ );
                if ( match ) {
                    // store the value for future use
                    GM_setValue( order_id, match[ 1 ] );
                    // and display it
                    displayNote( cell, match[ 1 ] );
                }
                return;
            }
        }
    };
}    

// format and display the message
function displayNote( node, text ) {
    if ( text != "None" ) {
        var colour = GM_getValue( 'noteColour' );
        if ( colour != "" ) {
            text = '<span style="color: ' + colour + '">' + text + '</span>';
        }
    }
    node.innerHTML = "<strong>Notes from buyer:</strong> " + text;
}

function setColour () {
    var prevColour = GM_getValue( 'noteColour' );
    var colour = prompt( "What colour would you like the Notes From Buyer to be?", prevColour );
    GM_setValue( 'noteColour', colour );
    if ( prevColour != colour ) {
        location.reload();
    }
}