added thingyrecord per-field pricing

www/extras/yui-webgui/build/thingyRecord/thingyRecord.js

@@ -9,12 +9,13 @@ if ( typeof WebGUI.ThingyRecord == "undefined" ) {
 }
 
 WebGUI.ThingyRecord.getThingFields
-= function ( thingId, elementId ) {
+= function ( thingId ) {
     
     // Callback to populate the form element
     var callback = {
         success : function (o) {
-            var el      = document.getElementById(elementId);
+            // Add fields to select list
+            var el      = document.forms[0].elements['thingFields'];
             while ( el.options.length >= 1 )
                 el.remove(0);
             var fields  = YAHOO.lang.JSON.parse( o.responseText );
@@ -22,6 +23,9 @@ WebGUI.ThingyRecord.getThingFields
                 el.options[el.options.length]
                     = new Option( fields[key], key, 1, 1 );
             }
+
+            // Add fields to field price
+            WebGUI.ThingyRecord.updateFieldPrices();
         }
     };
     
@@ -30,3 +34,80 @@ WebGUI.ThingyRecord.getThingFields
             ;
     YAHOO.util.Connect.asyncRequest( 'GET', url, callback );
 };
+
+WebGUI.ThingyRecord.updateFieldPrices
+= function ( ) {
+    var form        = document.forms[0];
+    var fieldList   = form.elements["thingFields"];
+    var selected    = [];
+    var div         = document.getElementById( 'fieldPrice' );
+    var currentPrices = {};
+    try {
+        currentPrices = YAHOO.lang.JSON.parse( form.elements["fieldPrice"].value );
+    } 
+    catch (e) {
+        // Initialize if there's a parse error
+        form.elements["fieldPrice"].value = "{}";    
+    }
+
+    // Get the selected fields
+    for ( var i = 0; i < fieldList.options.length; i++ ) {
+        var opt = fieldList.options[i];
+        if ( opt.selected ) {
+            selected.push( opt );
+        }
+        else { 
+            currentPrices[ opt.value ] = 0;
+        }
+    }
+    form.elements['fieldPrice'].value = YAHOO.lang.JSON.stringify( currentPrices );
+
+    // Clear out old records
+    while ( div.childNodes.length ) 
+        div.removeChild( div.childNodes[0] );
+
+    for ( var i = 0; i < selected.length; i++ ) {
+        var opt     = selected[i];
+        var label   = document.createElement( 'label' );
+        label.style.display = "block";
+        label.style.width   = "50%";
+        var price   = document.createElement( 'input' );
+        price.name  = "fieldPrice_" + opt.value;
+        price.type  = "text";
+        price.size  = "5";
+        price.value = currentPrices[ opt.value ] ? currentPrices[ opt.value ] : "0.00";
+        YAHOO.util.Event.addListener( price, "change", function () {
+            var fieldName = this.name.substr( "fieldPrice_".length );
+            var json = YAHOO.lang.JSON.parse( form.elements["fieldPrice"].value );
+            json[fieldName] = this.value;
+            form.elements["fieldPrice"].value = YAHOO.lang.JSON.stringify( json );
+            alert( json );
+            alert( form.elements["fieldPrice"].value );
+        } );
+
+        label.appendChild( price );
+
+        label.appendChild( document.createTextNode( opt.text ) );
+        div.appendChild( label );
+    }
+};
+
+
+// Load the columns and field prices
+YAHOO.util.Event.onDOMReady( function () {
+    var form    = document.forms[0];
+
+    // Add events to form fields
+    YAHOO.util.Event.addListener( form.elements["thingId"], "change", function () {
+        WebGUI.ThingyRecord.getThingFields( this.value );
+    } );
+    
+    YAHOO.util.Event.addListener( form.elements['thingFields'], "change", function () {
+        WebGUI.ThingyRecord.updateFieldPrices();
+    } );
+
+    // Populate the fields list if necessary
+    if ( form.elements[ "thingId" ].value ) {
+        WebGUI.ThingyRecord.getThingFields( form.elements[ "thingId"].value );
+    }
+} );