Redesign the crafting page

This introduces the new crafting page design featuring a new vertical
layout and list display of all crafting steps. It also makes it easy
to move items between the have/need sections and even from each step
into your inventory (causing a new crafting plan to be created which
doesn't plan on making that item).

* Convert the `BaseController.hide` and `show` methods to be much
  more robust in the use of CSS transitions (using a timer in case a
  transition doesn't actually fire).
* Change `hide`/`show` to use events for communicating animation
  state instead of callbacks
* Convert several controllers to fire events for communication with
  parent controllers instead of accepting functions.
* Rewrite the `CraftPageController`, `CraftPage` model and related
  Jade/SCSS files to implement the new design.
* Alter the `InventoryController` and `StackController` to allow a
  variety of action buttons, and for the events from those action
  buttons to bubble up to parent controllers
* Add the `StepController` and its related model, template, and style
  sheet as part of the new craft page.
* Tweak the `ItemSelectorController` and related files to allow for
  a variety of styles for the launcher button

src/jade/includes/_header.jade

@@ -30,4 +30,4 @@
             p Craft
             .dot
 
-        .view__item_selector: p.placeholder find an item...
+        .view__item_selector.search: p find an item...

src/jade/templates/craft_page.jade

@@ -6,8 +6,50 @@
 //-
 
 .view__craft_page
-    .view__inventory.want
-    .view__inventory.have
-    .view__inventory.need
+    .sidebar
+        ins.view__adsense
 
-    .view__crafting_table
+    .mainBody
+
+        .want.section
+            h2 Items to Make
+            .panel
+                .view__inventory.large.editable
+
+        //- .tools.section.hideable.hidden
+        //-     h2 Tools
+        //-     .panel
+        //-         .inUse
+        //-             h3 In Use
+        //-             .view__inventory.large
+        //-
+        //-         .options
+        //-             h3 More Options
+        //-             .view__inventory.large
+
+        .ingredients.section.hideable.hidden
+            h2 Ingredients
+            .panel
+                .have
+                    h3 Already In Inventory
+                    .view__inventory.large
+
+                .need
+                    h3 Need to Gather
+                    .view__inventory.large
+
+        .steps.section.hideable.hidden
+            h2 Steps
+            .panel
+
+        .instructions.section
+            h2 Instructions
+            .panel
+                p.
+                    Welcome to the Craft page.  Here you can get detailed instructions for making any item in your
+                    current mod pack (use the <a href="/configure">Configure</a> page to change it). Making a crafting
+                    plan is very simple:
+                ol
+                    li Click the "add an item..." button to choose items to craft
+                    li Use the <img src="/images/up.png"> button to mark any items you already possess
+                    li Use the <img src="/images/check.png"> button to complete any step if you already have that item

src/jade/templates/inventory.jade

@@ -6,13 +6,6 @@
 //-
 
 .view__inventory
-    h2
-        img.icon
-        p
-    .panel
-        .scrollbox
-            table
-                tr.edit.hideable.hidden
-                    td.name(colspan="4", width="*"): .view__item_selector: p.button-label add an item...
-        .toolbar.hideable.hidden
-            button(name="clear") clear
+    .item_container
+    .empty_placeholder.hideable.hidden Empty
+    .view__item_selector.hideable.hidden.button: p add an item...

src/jade/templates/item.jade

@@ -5,7 +5,7 @@
 //- All rights reserved.
 //-
 
-.view__item.hideable.hidden
+.view__item
     a
         table
             tr

src/jade/templates/item_selector.jade

@@ -6,8 +6,6 @@
 //-
 
 .view__item_selector
-    p.placeholder find items...
-
     .view__item_selector_popup.hideable.hiding
         .search
             input

src/jade/templates/minimal_recipe.jade

@@ -7,6 +7,7 @@
 
 .view__minimal_recipe
     .input
-        table.view__crafting_grid
+        .view__crafting_grid
         .tool
     .output.view__slot
+    .multiplier

src/jade/templates/stack.jade

@@ -5,9 +5,10 @@
 //- All rights reserved.
 //-
 
-tr.view__stack
-    td.quantity: input
-    td.icon: img(src='')
-    td.name(width='*'): a
-    td.action
-        button.remove  
+.view__stack
+    .quantity: .bubble: input
+    .icon: img(src='')
+    .name: a
+    .action
+        button.second  
+        button.first  

src/jade/templates/step.jade

@@ -0,0 +1,12 @@
+//-
+//- Crafting Guide - step.jade
+//-
+//- Copyright (c) 2015 by Redwood Labs
+//- All rights reserved.
+//-
+
+.view__step
+    h3
+    .view__inventory
+    .view__minimal_recipe
+    button.complete