From eddafb95b69c9591d3ccf752eecb064695f26244 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Wed, 11 Nov 2015 04:19:36 -0500
Subject: cart routing

---
 StoneIsland/www/index.html                  | 11 ++++++++---
 StoneIsland/www/js/lib/_router.js           | 18 +++++++++++++++---
 StoneIsland/www/js/lib/cart/CartConfirm.js  |  1 +
 StoneIsland/www/js/lib/cart/CartPayment.js  |  1 +
 StoneIsland/www/js/lib/cart/CartShipping.js |  1 +
 StoneIsland/www/js/lib/cart/CartSummary.js  |  1 +
 StoneIsland/www/js/lib/cart/CartThanks.js   |  1 +
 7 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html
index e701929b..60a877a2 100644
--- a/StoneIsland/www/index.html
+++ b/StoneIsland/www/index.html
@@ -285,10 +285,10 @@
     <div class="steps">
       <span class="summary">SUMMARY</span>
       <span class="shipping">SHIPPING</span>
-      <span class="billing">BILLING</span>
+      <span class="payment">BILLING</span>
     </div>
 
-    <div id="summary">
+    <div id="cart_summary">
       <div class="rows">
         <script type="text/html" class="template">
           <div>
@@ -344,6 +344,11 @@
     </div>
 
     <div id="cart_payment">
+      <form>
+        <div class="cc"></div>
+        <div class="address"></div>
+        <span class="msg"></span>
+      </form>
     </div>
     
     <div id="cart_confirm">
@@ -364,7 +369,7 @@
 
 </div>
 
-<script type="text/html" id="billing_template">
+<script type="text/html" id="creditcard_template">
   <input type="text" name="CC" placeholder="CREDIT CARD NUMBER" required>
   <input type="text" name="EXP" placeholder="EXPIRATION DATE" required>
   <input type="text" name="CVV" placeholder="SECURITY CODE" required>
diff --git a/StoneIsland/www/js/lib/_router.js b/StoneIsland/www/js/lib/_router.js
index d316ffe2..bf4af40b 100644
--- a/StoneIsland/www/js/lib/_router.js
+++ b/StoneIsland/www/js/lib/_router.js
@@ -24,7 +24,12 @@ var SiteRouter = Router.extend({
     '/faq':               'faq',
     '/search':            'search',
 
-    '/cart':              'cart',
+    '/cart':              'cart.summary',
+    '/cart/summary':      'cart.summary',
+    '/cart/payment':      'cart.payment',
+    '/cart/shipping':     'cart.shipping',
+    '/cart/confirm':      'cart.confirm',
+    '/cart/thanks':       'cart.thanks',
 	},
 	
 	initialize: function(){
@@ -48,8 +53,15 @@ var SiteRouter = Router.extend({
   default_view: function(name){
     var fn = function(){
       console.log(name)
-      app.view = app[name]
-      app[name].show()
+      if (name.match(".")) {
+        var n = name.split(".")
+        console.log(name, n)
+        app.view = app[n[0]][n[1]]
+      }
+      else {
+        app.view = app[name]
+      }
+      app.view.show()
     }.bind(this)
     return fn
   },
diff --git a/StoneIsland/www/js/lib/cart/CartConfirm.js b/StoneIsland/www/js/lib/cart/CartConfirm.js
index 4bce4db3..8e629e57 100644
--- a/StoneIsland/www/js/lib/cart/CartConfirm.js
+++ b/StoneIsland/www/js/lib/cart/CartConfirm.js
@@ -9,6 +9,7 @@ var CartConfirm = View.extend({
   },
   
   show: function(){
+    document.body.className = "cart"
     app.cart.el.className = "confirm"
     app.footer.show("PLACE ORDER", "CANCEL")
   },
diff --git a/StoneIsland/www/js/lib/cart/CartPayment.js b/StoneIsland/www/js/lib/cart/CartPayment.js
index b70e7f73..f5dfb6ed 100644
--- a/StoneIsland/www/js/lib/cart/CartPayment.js
+++ b/StoneIsland/www/js/lib/cart/CartPayment.js
@@ -13,6 +13,7 @@ var CartPayment = View.extend({
   },
 
   show: function(){
+    document.body.className = "cart"
     app.cart.el.className = "payment"
     app.footer.show("CONFIRM &gt;", "CANCEL")
   },
diff --git a/StoneIsland/www/js/lib/cart/CartShipping.js b/StoneIsland/www/js/lib/cart/CartShipping.js
index d4c98157..b819ed0a 100644
--- a/StoneIsland/www/js/lib/cart/CartShipping.js
+++ b/StoneIsland/www/js/lib/cart/CartShipping.js
@@ -12,6 +12,7 @@ var CartShipping = View.extend({
   },
 
   show: function(){
+    document.body.className = "cart"
     app.cart.el.className = "shipping"
     app.footer.show("PAYMENT &gt;", "CANCEL")
   },
diff --git a/StoneIsland/www/js/lib/cart/CartSummary.js b/StoneIsland/www/js/lib/cart/CartSummary.js
index 6233dfc7..2f2da664 100644
--- a/StoneIsland/www/js/lib/cart/CartSummary.js
+++ b/StoneIsland/www/js/lib/cart/CartSummary.js
@@ -9,6 +9,7 @@ var CartSummary = View.extend({
   },
   
   show: function(){
+    document.body.className = "cart"
     app.cart.el.className = "summary"
     app.footer.show("SHIPPING &gt;", "CANCEL")
   },
diff --git a/StoneIsland/www/js/lib/cart/CartThanks.js b/StoneIsland/www/js/lib/cart/CartThanks.js
index 991f603b..9524ab83 100644
--- a/StoneIsland/www/js/lib/cart/CartThanks.js
+++ b/StoneIsland/www/js/lib/cart/CartThanks.js
@@ -9,6 +9,7 @@ var CartThanks = View.extend({
   },
   
   show: function(){
+    document.body.className = "cart"
     app.cart.el.className = "thanks"
     app.footer.show("&lt; BACK TO COLLECTION")
     app.footer.hide()
-- 
cgit v1.2.3-70-g09d2