toggle address form on cart

6 files changed, 52 insertions, 1 deletions

diff --git a/StoneIsland/www/js/lib/account/AccountView.js b/StoneIsland/www/js/lib/account/AccountView.js
index a100ded0..fb22cf60 100644
--- a/StoneIsland/www/js/lib/account/AccountView.js
+++ b/StoneIsland/www/js/lib/account/AccountView.js
@@ -16,6 +16,7 @@ var AccountView = View.extend({
     }
   },
   
+  addresses: [],
   listAddresses: function(cb){
     sdk.address.list({
       success: function(data){
@@ -26,11 +27,14 @@ var AccountView = View.extend({
   
   populateAddresses: function(data, cb){
     console.log("populate addresses:", data.AddressBook.addressBookItem)
+    
     if (! data.AddressBook) {
       console.log("no addresses")
       cb && cb()
       return
     }
+    
+    this.addresses = data.AddressBook.addressBookItem
     data.AddressBook.addressBookItem.forEach(function(item){
       if (item.IsDefault) {
         console.log("SHIPPING ADDRESS", item)
@@ -41,6 +45,9 @@ var AccountView = View.extend({
         app.payment.populate(item)
       }
     })
+    
+    app.cart.shipping.populate()
+    
     cb && cb()
   },
   
diff --git a/StoneIsland/www/js/lib/cart/CartConfirm.js b/StoneIsland/www/js/lib/cart/CartConfirm.js
index 687f3a93..aa6ec9e4 100644
--- a/StoneIsland/www/js/lib/cart/CartConfirm.js
+++ b/StoneIsland/www/js/lib/cart/CartConfirm.js
@@ -14,6 +14,7 @@ var CartConfirm = FormView.extend({
     document.body.className = "cart"
     app.cart.el.className = "confirm"
     app.footer.show("PLACE ORDER", "CANCEL")
+    window.location.hash = "#/cart/confirm"
     this.deferScrollToTop()
   },
 
diff --git a/StoneIsland/www/js/lib/cart/CartPayment.js b/StoneIsland/www/js/lib/cart/CartPayment.js
index acbd8380..8412f35d 100644
--- a/StoneIsland/www/js/lib/cart/CartPayment.js
+++ b/StoneIsland/www/js/lib/cart/CartPayment.js
@@ -25,6 +25,7 @@ var CartPayment = FormView.extend({
     document.body.className = "cart"
     app.cart.el.className = "payment"
     app.footer.show("CONFIRM >", "CANCEL")
+    window.location.hash = "#/cart/payment"
 
     this.deferScrollToTop()
 
diff --git a/StoneIsland/www/js/lib/cart/CartShipping.js b/StoneIsland/www/js/lib/cart/CartShipping.js
index 7d7c8540..7236347f 100644
--- a/StoneIsland/www/js/lib/cart/CartShipping.js
+++ b/StoneIsland/www/js/lib/cart/CartShipping.js
@@ -2,12 +2,19 @@ var CartShipping = FormView.extend({
   
   el: "#cart_shipping",
   
+  list_mode: true,
+  
+  template: $("#cart_shipping .template").html(),
+  
   events: {
+    "click .dropdown-wrapper": "toggle_dropdown",
   },
 
   initialize: function(opt){
     this.parent = opt.parent
     this.$form = this.$("form")
+    this.$address_list = this.$(".address_list")
+    this.$address_form = this.$(".address")
     this.$msg = this.$(".msg")
     this.address = new AddressView ({ parent: this })
     this.scroller = new IScroll('#cart_shipping', app.iscroll_options)
@@ -17,17 +24,50 @@ var CartShipping = FormView.extend({
     document.body.className = "cart"
     app.cart.el.className = "shipping"
     app.footer.show("PAYMENT >", "CANCEL")
+    window.location.hash = "#/cart/shipping"
+    this.populate()
     this.deferScrollToTop()
   },
   
+  populate: function(){
+    // id checked name address city state zip
+    this.$(".save_as_default").show()
+    this.$address_list.empty()
+    if (! app.account.addresses.length) {
+      this.toggle_dropdown(true)
+    }
+    app.account.addresses.forEach(function(address){
+      var t = this.template.replace(/{{id}}/g, address.Id)
+                           .replace(/{{checked}}/g, address.IsDefault ? "checked" : "")
+                           .replace(/{{name}}/g, address.Name + " " + address.Surname)
+                           .replace(/{{address}}/g, address.Address.replace(/\n$/,"").replace("\n", "<br>"))
+                           .replace(/{{city}}/g, address.City)
+                           .replace(/{{state}}/g, address.Province)
+                           .replace(/{{zip}}/g, address.ZipCode)
+      this.$address_list.append(t)
+    }.bind(this))
+  },
+  
+  toggle_dropdown: function(state){
+    this.list_mode = typeof state == "boolean" ? state : ! this.list_mode
+    this.$address_form.toggle(! this.list_mode)
+    this.$address_list.toggle(this.list_mode)
+  },
+  
   // sdk.cart.set_shipping_address
   // sdk.shipping.get_delivery_types
   // sdk.shipping.set_delivery_type
   
-  save: function(){
+  finalize: function(data){
+    console.log(data)
+    return
+  },
+  
+  success: function(){
   },
   
   cancel: function(){
+    app.cart.cart_summary.show()
   },
 
 })
\ No newline at end of file
diff --git a/StoneIsland/www/js/lib/cart/CartSummary.js b/StoneIsland/www/js/lib/cart/CartSummary.js
index 05842380..7872d32c 100644
--- a/StoneIsland/www/js/lib/cart/CartSummary.js
+++ b/StoneIsland/www/js/lib/cart/CartSummary.js
@@ -27,6 +27,7 @@ var CartSummary = ScrollableView.extend({
   show: function(){
     document.body.className = "cart"
     app.cart.el.className = "summary"
+    window.location.hash = "#/cart/summary"
     if (auth.has_cart()) {
       this.load()
     }
diff --git a/StoneIsland/www/js/lib/nav/AddressView.js b/StoneIsland/www/js/lib/nav/AddressView.js
index 7f64f27d..90520a1e 100644
--- a/StoneIsland/www/js/lib/nav/AddressView.js
+++ b/StoneIsland/www/js/lib/nav/AddressView.js
@@ -27,6 +27,7 @@ var AddressView = SerializableView.extend({
     "Surname": "Please enter your last name.",
     "Address1": "Please enter your street address.",
     "City": "Please enter your city.",
+    "ZipCode": "Please enter your zip code.",
   },
   
   validate_fields: function(data, errors){