4 files changed, 67 insertions, 41 deletions
diff --git a/StoneIsland/www/js/lib/products/ClosedStoreView.js b/StoneIsland/www/js/lib/products/ClosedStoreView.js
index c42e1828..5f8c1e84 100755
--- a/StoneIsland/www/js/lib/products/ClosedStoreView.js
+++ b/StoneIsland/www/js/lib/products/ClosedStoreView.js
@@ -5,7 +5,7 @@ var ClosedStoreView = View.extend({
   storeIsClosed: false,
 
   events: {
-    "touchstart .website_link": "website_link",
+    "click .website_link": "website_link",
   },
   
   delay: 8000,
diff --git a/StoneIsland/www/js/lib/products/CollectionView.js b/StoneIsland/www/js/lib/products/CollectionView.js
index 7a020798..798920d1 100755
--- a/StoneIsland/www/js/lib/products/CollectionView.js
+++ b/StoneIsland/www/js/lib/products/CollectionView.js
@@ -49,7 +49,7 @@ var CollectionView = ScrollableView.extend({
       return
     }
     this.$loader.show()
-    sdk.product.collection({
+    sdk.product.all({
       gallery_id: app.gallery_id,
       success: this.populate.bind(this)
     })
diff --git a/StoneIsland/www/js/lib/products/ProductView.js b/StoneIsland/www/js/lib/products/ProductView.js
index 9d518b11..285e551d 100755
--- a/StoneIsland/www/js/lib/products/ProductView.js
+++ b/StoneIsland/www/js/lib/products/ProductView.js
@@ -4,12 +4,12 @@ var ProductView = ScrollableView.extend({
   el: "#product",
   
   events: {
-    "touchstart .fit": "scroll_to_bottom",
-    "touchstart .size": "select_size",
-    "touchstart .color": "select_color",
-    "touchstart .share": "share",
-    "touchstart .gallery-left": "gallery_left",
-    "touchstart .gallery-right": "gallery_right",
+    "click .fit": "scroll_to_bottom",
+    "click .size": "select_size",
+    "click .color": "select_color",
+    "click .share": "share",
+    "click .gallery-left": "gallery_left",
+    "click .gallery-right": "gallery_right",
   },
   
   initialize: function(){
@@ -29,12 +29,21 @@ var ProductView = ScrollableView.extend({
   },
 
   show: function(){
-    app.footer.show("ADD TO CART", "BUY NOW")
+    this.showFooter()
     document.body.className = "product"
   },
   hide: function(){
   },
   
+  showFooter: function(){
+    if (this.not_available) {
+      app.footer.show("SOLD OUT")
+    }
+    else {
+      app.footer.show("ADD TO CART", "BUY NOW")
+    }
+  },
+  
   item: null,
   details: null,
   size: null,
@@ -87,7 +96,6 @@ var ProductView = ScrollableView.extend({
     }
     window.location.href = "#/store/" + code
     
-    console.log(data)
     if (data) {
       app.collection.items[code] = data
     }
@@ -113,38 +121,46 @@ var ProductView = ScrollableView.extend({
     var body = descriptions['EditorialDescription'].replace(/<br>/g, "<br><br>")
 
     var default_color_id = this.populate_selectors(data, details)
-
-    var color = this.colors[default_color_id]
-    var color_label = color.label
-    var sizes = this.find_sizes_for_color(default_color_id)
-    var size = sizes[0]
-    var size_label = this.sizes[size].label
     
-    this.is_onesize = !! this.sizes[1]
+    if (this.not_available) {
+      this.$color.html("NOT AVAILABLE")
+      this.$size.hide()
+    }
+    else {
+      var color = this.colors[default_color_id]
+      var color_label = color.label
+      var sizes = this.find_sizes_for_color(default_color_id)
+      var size = sizes[0]
+      var size_label = this.sizes[size].label
+
+      this.color = color
+      this.size = size
+
+      this.is_onesize = !! this.sizes[1]
 
+      this.$size.show().html(size_label)
+      if (color_label) {
+        this.$color.html(color_label)
+      }
+      else {
+        this.$color.hide()
+      }
+    }
+    
     // console.log(color, color_label, size, size_label)
 
     this.item = data
     this.details = details['Item']
     this.code = data['DefaultCode10']
 
-    this.color = color
-    this.size = size
-    
     this.$num.html(num)
     this.$title.html(title)
     this.$type.html(type)
     this.$price.html(price)
     this.$body.html(body)
-    
-    this.$size.html(size_label)
-    if (color_label) {
-      this.$color.show().html(color_label)
-    }
-    else {
-      this.$color.hide()
-    }
 
+    this.showFooter()
+    
     this.deferScrollToTop()
   },
 
@@ -167,6 +183,15 @@ var ProductView = ScrollableView.extend({
   
   populate_selectors: function(data, details){
     var sizes = {}, colors = {}, size_lookup = {}, default_color
+    console.log(details['Item']['ModelColors'].length)
+    if (! details['Item']['ModelColors'].length) {
+      this.not_available = true
+      return
+    }
+    else {
+      this.not_available = false
+    }
+    
     details['Item']['ModelColors'].forEach(function(color, index){
       if (! default_color || color['Code10'] == data['DefaultCode10']) {
         default_color = color['ColorId']
@@ -203,7 +228,7 @@ var ProductView = ScrollableView.extend({
   },
 
   select_size: function(){
-    
+    if (this.not_available) { return }
     if (this.is_onesize) { return this.select_color() }
     if (this.item['Sizes'].length == 0) { return }
     var sizes = Object.keys(this.sizes).map(function(key){
@@ -217,6 +242,7 @@ var ProductView = ScrollableView.extend({
   },
   
   select_color: function(){
+    if (this.not_available) { return }
     if (this.item['Colors'].length == 0) { return }
     var colors = Object.keys(this.colors).map(function(key){
       return this.colors[key]
@@ -224,15 +250,19 @@ var ProductView = ScrollableView.extend({
     app.selector.select("style", colors, function(color){
       this.code = color.code
       this.$color.html(color.label)
+      
+      // UPDATE GALLERY
     }.bind(this))
   },
 
   // ADD TO CART
   save: function(){
+    if (this.not_available) { return }
     this.add_to_cart({ route: false })
   },
   // BUY NOW
   cancel: function(){
+    if (this.not_available) { return }
     this.add_to_cart({ route: true })
   },
   
diff --git a/StoneIsland/www/js/lib/products/Selector.js b/StoneIsland/www/js/lib/products/Selector.js
index 1b91cf80..17278a06 100755
--- a/StoneIsland/www/js/lib/products/Selector.js
+++ b/StoneIsland/www/js/lib/products/Selector.js
@@ -4,7 +4,7 @@ var Selector = View.extend({
   template: $("#selector .template").html(),
   
   events: {
-    "touchstart .close": "hide",
+    "click .close": "hide",
     "click .options div": "pick",
   },
   
@@ -27,17 +27,13 @@ var Selector = View.extend({
     this.$el.show()
     app.curtain.show("white")
     this.visible = true
-    var selectionXY = $("." + origin).offset()
-    var selectionWidth = $("." + origin).width()
-    var selectorHeight = $('#selector').height()
-    console.log(selectionXY.left)
-    console.log(selectionXY.top)
-
-      $("#selector").css({"top":(selectionXY.top - selectorHeight),"left":selectionXY.left})
-
-
-
-
+//     var selectionXY = $("." + origin).offset()
+//     var selectionWidth = $("." + origin).width()
+//     var selectorHeight = $('#selector').height()
+//     console.log(selectionXY.left)
+//     console.log(selectionXY.top)
+// 
+//       $("#selector").css({"top":(selectionXY.top - selectorHeight),"left":selectionXY.left})
   },
   
   hide: function(){