[#14] Add list of crafted items

* This is step toward implementing #14 in that it shows you a list of the items
  which need to be crafted.  However, it still doesn't show you the steps and
  proper order in which to craft everything.

html/crafting.js

@@ -38,13 +38,15 @@ function onCraftingSelectorChanged() {
         $("#crafting_error").fadeIn(FADE_DURATION).delay(ERROR_DISPLAY_DURATION).fadeOut(FADE_DURATION);
     } else {
         var inventory = createManifest();
+        var craftedItems = createManifest();
         var missingMaterials = createManifest();
         for (var i = 0; i < count; i++) {
-            recipe.craft(inventory, missingMaterials);
+            recipe.craft(inventory, craftedItems, missingMaterials);
             if (inventory.contains(count, recipeName)) break;
         }
 
         $("#missing_materials").html(missingMaterials.toHtml());
+        $("#crafted_items").html(craftedItems.toHtml());
         $("#leftover_materials").html(inventory.toHtml());
         $("#crafting_output").fadeIn(FADE_DURATION);
     }
@@ -209,8 +211,9 @@ function createRecipe(data) {
 
     // Methods ////////////////////////////////////////////
 
-    object.craft = function(inventory, missingMaterials) {
+    object.craft = function(inventory, craftedItems, missingMaterials) {
         if (inventory === undefined) inventory = createManifest();
+        if (craftedItems === undefined) craftedItems = createManifest();
         if (missingMaterials === undefined) missingMaterials = createManifest();
         var toCraftManifest = createManifest();
     
@@ -230,7 +233,7 @@ function createRecipe(data) {
                             inventory.add(1, name);
                         }
                     } else {
-                        itemRecipe.craft(inventory, missingMaterials);
+                        itemRecipe.craft(inventory, craftedItems, missingMaterials);
                         if (consumeItems) {
                             inventory.remove(1, name);
                         }
@@ -255,6 +258,7 @@ function createRecipe(data) {
         drainCraftingManifest(false);
 
         $(object.output).each(function(i, output) {
+            craftedItems.add(output.count, output.name);
             inventory.add(output.count, output.name);
         });
     };

html/index.html

@@ -45,8 +45,15 @@
           <select id="crafting_selector" disabled></select>
         </p>
         <table id="crafting_output" class="hidden" cellpadding="0" cellspacing="0">
-          <tr><th width="50%">You'll need:</th><th>You'll get:</th></tr>
-          <tr><td id="missing_materials">&nbsp;</td><td id="leftover_materials"></td></tr>
+          <tr>
+            <th width="33%">You need to find:</th>
+            <th width="34%">You need to make:</th>
+            <th width="33%">You'll end up with:</th></tr>
+          <tr>
+            <td id="missing_materials">&nbsp;</td>
+            <td id="crafted_items">&nbsp;</td>
+            <td id="leftover_materials">&nbsp;</td>
+          </tr>
         </table>
         <div id="crafting_error" class="error"></div>
       </div> <!-- #crafting -->