From c6fa2d5f07da89d987ce1c57f636cd34457b2d11 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 12 Jul 2022 16:37:52 +0200
Subject: add DestroyAccountView

---
 StoneIsland/www/js/lib/products/ProductView.js | 782 +++++++++++++------------
 1 file changed, 416 insertions(+), 366 deletions(-)

(limited to 'StoneIsland/www/js/lib/products/ProductView.js')

diff --git a/StoneIsland/www/js/lib/products/ProductView.js b/StoneIsland/www/js/lib/products/ProductView.js
index d467fbdd..a6c97e6b 100755
--- a/StoneIsland/www/js/lib/products/ProductView.js
+++ b/StoneIsland/www/js/lib/products/ProductView.js
@@ -1,7 +1,6 @@
 var ProductView = ScrollableView.extend({
-  
   el: "#product",
-  
+
   events: {
     "click .fit": "scroll_to_bottom",
     "click .notAvailableInCanada": "scroll_to_bottom",
@@ -14,54 +13,61 @@ var ProductView = ScrollableView.extend({
     "click .gallery-left": "gallery_left",
     "click .gallery-right": "gallery_right",
   },
-  
-  initialize: function(){
-    this.gallery = new GalleryView ()
-    this.scroller = ScrollFactory('#product', app.iscroll_options)
-    
-    this.$productHeader = this.$(".product-header")
-    this.$title = this.$(".title")
-    this.$type = this.$(".type")
-    this.$price = this.$(".price")
-    this.$size = this.$(".size")
-    this.$sizeSelect = this.$(".size select")
-    this.$sizeLabel = this.$(".size .label")
-    this.$color = this.$(".color")
-    this.$colorSelect = this.$(".color select")
-    this.$colorLabel = this.$(".color .label")
-    this.$share = this.$(".share")
-    this.$body = this.$(".body")
-    this.$fit = this.$(".fit")
-    this.$fitHeader = this.$('.fitHeader')
-    this.$notAvailableInCanada = this.$(".notAvailableInCanada")
-    this.$extraMessage = this.$(".extraMessage")
-    this.$sizing = this.$(".sizing")
-    this.$style = this.$(".style")
+
+  initialize: function () {
+    this.gallery = new GalleryView();
+    this.scroller = ScrollFactory("#product", app.iscroll_options);
+
+    this.$productHeader = this.$(".product-header");
+    this.$title = this.$(".title");
+    this.$type = this.$(".type");
+    this.$price = this.$(".price");
+    this.$size = this.$(".size");
+    this.$sizeSelect = this.$(".size select");
+    this.$sizeLabel = this.$(".size .label");
+    this.$color = this.$(".color");
+    this.$colorSelect = this.$(".color select");
+    this.$colorLabel = this.$(".color .label");
+    this.$share = this.$(".share");
+    this.$body = this.$(".body");
+    this.$fit = this.$(".fit");
+    this.$fitHeader = this.$(".fitHeader");
+    this.$notAvailableInCanada = this.$(".notAvailableInCanada");
+    this.$extraMessage = this.$(".extraMessage");
+    this.$sizing = this.$(".sizing");
+    this.$style = this.$(".style");
   },
 
-  show: function(){
-    this.showFooter()
-    document.body.className = "product"
+  show: function () {
+    this.showFooter();
+    document.body.className = "product";
   },
-  
-  hide: function(){
-    app.footer.hide()
+
+  hide: function () {
+    app.footer.hide();
   },
-  
-  showFooter: function(){
-    if (this.sold_out) {
-      console.log("FOOTER: SOLD OUT")
-      app.footer.show("SOLD OUT")
-    }
-    else if (this.isNotAvailable) {
-      console.log("FOOTER: NOT AVAILABLE")
-      app.footer.show("NOT AVAILABLE")
-    }
-    else {
-      app.footer.show("ADD TO CART", "BUY NOW")
+
+  showFooter: function () {
+    var descriptions = this.details ? this.get_descriptions(this.details) : {};
+    if (
+      (this.sold_out || this.isNotAvailable) &&
+      descriptions["Limited_Edition"]
+    ) {
+      // this.$extraMessage.html(stripHTML( descriptions['Limited_Edition'] ))
+      // this.$extraMessage.show()
+      console.log("FOOTER: LIMITED EDITION");
+      app.footer.show(stripHTML(descriptions["Limited_Edition"]));
+    } else if (this.sold_out) {
+      console.log("FOOTER: SOLD OUT");
+      app.footer.show("SOLD OUT");
+    } else if (this.isNotAvailable) {
+      console.log("FOOTER: NOT AVAILABLE");
+      app.footer.show("NOT AVAILABLE");
+    } else {
+      app.footer.show("ADD TO CART", "BUY NOW");
     }
   },
-  
+
   item: null,
   details: null,
   size: null,
@@ -72,445 +78,489 @@ var ProductView = ScrollableView.extend({
 
   sizes: null,
   colors: null,
-  
+
   cache: {},
-  
-  gallery_left: function(){
-    app.product.gallery.previous()
+
+  gallery_left: function () {
+    app.product.gallery.previous();
   },
-  gallery_right: function(){
-    app.product.gallery.next()
+  gallery_right: function () {
+    app.product.gallery.next();
   },
-  
-  find: function(code, cb){
-    data = app.collection.items[code] || {}
+
+  find: function (code, cb) {
+    data = app.collection.items[code] || {};
     if (code in this.cache) {
-      return cb(data, this.cache[code])
+      return cb(data, this.cache[code]);
     }
     sdk.product.item({
       code: code,
-      success: function(details){
-        this.cache[code] = details
-        cb(data, details)
-      }.bind(this)
-    })
+      success: function (details) {
+        this.cache[code] = details;
+        cb(data, details);
+      }.bind(this),
+    });
   },
 
-  load: function(code, data){
-    this.gallery.reset()
-    this.show()
+  load: function (code, data) {
+    this.gallery.reset();
+    this.show();
     if (app.view && app.view.hide) {
-      app.view.hide()
+      app.view.hide();
     }
-    app.view = this
-    app.header.set_back(true)
-    
-    if (! app.collection.loaded) {
-      this.el.className = "loading"
-      app.collection.afterFetchCallback = this.load.bind(this, code, data)
-      app.collection.fetch()
-      return
-    }
-    else {
-      app.collection.afterFetchCallback = null
+    app.view = this;
+    app.header.set_back(true);
+
+    if (!app.collection.loaded) {
+      this.el.className = "loading";
+      app.collection.afterFetchCallback = this.load.bind(this, code, data);
+      app.collection.fetch();
+      return;
+    } else {
+      app.collection.afterFetchCallback = null;
     }
-    window.location.href = "#/store/" + code
-    
+    window.location.href = "#/store/" + code;
+
     if (data) {
-      app.collection.items[code] = data
+      app.collection.items[code] = data;
     }
-    
-    this.el.className = "loading"
-    this.find(code, this.populate.bind(this))
+
+    this.el.className = "loading";
+    this.find(code, this.populate.bind(this));
   },
 
-  populate: function(data, details){
-    this.el.className = ""
+  populate: function (data, details) {
+    this.el.className = "";
 
-    console.log(data, details)
+    console.log(data, details);
 
-    var descriptions = this.get_descriptions(details)
+    var descriptions = this.get_descriptions(details["Item"]);
 
-    var title = data['ModelNames'] || ""
-    var type = title_case( data['MicroCategory'] )
-    var price = "$" + data['DiscountedPrice'] + ".00"
-    var details_description = descriptions['Details'] || ""
-    var editorial = descriptions['EditorialDescription'] || ""
-    var body = details_description + " " + editorial
+    var title = data["ModelNames"] || "";
+    var type = title_case(data["MicroCategory"]);
+    var price = "$" + data["DiscountedPrice"] + ".00";
+    var details_description = descriptions["Details"] || "";
+    var editorial = descriptions["EditorialDescription"] || "";
+    var body = details_description + " " + editorial;
     // body = body.replace(/<br>/g, "<br><br>").replace(/(<br>)+$/, "")
 
-    var default_color_id = this.populate_selectors(data, details)
+    var default_color_id = this.populate_selectors(data, details);
 
-    var notAvailableInCanada = !! app.store.NotAvailableInCanada
-    app.product.$notAvailableInCanada.toggle( notAvailableInCanada )
+    var notAvailableInCanada = !!app.store.NotAvailableInCanada;
+    app.product.$notAvailableInCanada.toggle(notAvailableInCanada);
 
-    if (! ('Price' in details['Item'])) {
-      console.log("NO PRICE, IS NOT AVAILABLE")
-      this.isNotAvailable = true
-    }
-    else {
-      console.log("FOUND PRICE, IS AVAILABLE")
-      this.isNotAvailable = false
+    if (!("Price" in details["Item"])) {
+      console.log("NO PRICE, IS NOT AVAILABLE");
+      this.isNotAvailable = true;
+    } else {
+      console.log("FOUND PRICE, IS AVAILABLE");
+      this.isNotAvailable = false;
     }
 
+    this.$extraMessage.hide();
+
     if (this.sold_out || this.isNotAvailable) {
-      this.$style.css("opacity", 0)
-      this.$color.html("NOT AVAILABLE")
-      this.$size.hide()
-      this.gallery.populate( data['Code8'], details['Item']['ImageTypes'] )
-    }
-    else {
-      this.$style.css("opacity", 1)
+      this.$style.css("opacity", 0);
+      this.$color.html("NOT AVAILABLE");
+      this.$size.hide();
+      this.gallery.populate(data["Code8"], details["Item"]["ImageTypes"]);
+    } else {
+      this.$style.css("opacity", 1);
 
-      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
+      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.gallery.populate( color.code, details['Item']['ImageTypes'] )
+      this.gallery.populate(color.code, details["Item"]["ImageTypes"]);
 
-      this.color = color
-      this.size = size
+      this.color = color;
+      this.size = size;
 
-      this.is_onesize = !! this.sizes[1]
-      this.set_size_label(size_label)
-      this.set_color_label(color_label)
+      this.is_onesize = !!this.sizes[1];
+      this.set_size_label(size_label);
+      this.set_color_label(color_label);
     }
-    
+
     // console.log(color, color_label, size, size_label)
 
-    this.item = data
-    this.details = details['Item']
-    this.code = data['DefaultCode10']
-    
-    console.log( data['DefaultCode10'] )
+    this.item = data;
+    this.details = details["Item"];
+    this.code = data["DefaultCode10"];
+
+    console.log(data["DefaultCode10"]);
 
     // title += "<br>EXTREME COMPACTING ON NYLON BASE<br>LIMITED EDITION - NUMBERED 01 TO 100"
-    if (title.indexOf('<br>') !== -1) {
-      var title_lines = title.split('<br>').map(function(s){
-        if (s.indexOf("LIMITED EDITION") !== -1) {
-          return "<span class='red'>" + s + "</span>"
-        }
-        return s
-      }.bind(this))
-      title = title_lines.join('<br><br>') + '<br>'
+    if (title.indexOf("<br>") !== -1) {
+      var title_lines = title.split("<br>").map(
+        function (s) {
+          if (s.indexOf("LIMITED EDITION") !== -1) {
+            return "<span class='red'>" + s + "</span>";
+          }
+          return s;
+        }.bind(this)
+      );
+      title = title_lines.join("<br><br>") + "<br>";
     }
-    this.$title.html(title)
-    this.$type.html(type)
-    this.$price.html(price)
-    this.$body.html(body)
-    
+    this.$title.html(title);
+    this.$type.html(type);
+    this.$price.html(price);
+    this.$body.html(body);
+
     // window.FirebasePlugin && window.FirebasePlugin.setScreenName('product:' + code)
-    
-    this.$productHeader.toggleClass("wide", title.length > 48)
 
-    var fits_large = !!(this.fitLargeCodes[this.code])
+    this.$productHeader.toggleClass("wide", title.length > 48);
+
+    var fits_large = !!this.fitLargeCodes[this.code];
 
-    this.showFooter()
+    this.showFooter();
 
-    console.log(app.store.FitsLarge, app.store.fitsLargeText)
+    console.log(app.store.FitsLarge, app.store.fitsLargeText);
     if (fits_large) {
-      if (app.store.FitsLarge === 'use_alt_text' && (app.store.FitsLargeText || "").length) {
-        var fit_lines = app.store.FitsLargeText.replace(/</g, "&lt;").replace(/>/g, "&rt;").split('\n').join("<br>")
-        this.$fitHeader.html(fit_lines)
-        this.$fitHeader.show()
+      if (
+        app.store.FitsLarge === "use_alt_text" &&
+        (app.store.FitsLargeText || "").length
+      ) {
+        var fit_lines = app.store.FitsLargeText.replace(/</g, "&lt;")
+          .replace(/>/g, "&rt;")
+          .split("\n")
+          .join("<br>");
+        this.$fitHeader.html(fit_lines);
+        this.$fitHeader.show();
+      } else {
+        this.$fitHeader.hide();
       }
-      else {
-        this.$fitHeader.hide()
-      }
-
-      this.$fit.show()
 
-      if (app.store.SizingFooter === 'use_alt_text' && (app.store.SizingFooterText || "").length) {
-        var sizing_lines = app.store.SizingFooterText.replace(/</g, "&lt;").replace(/>/g, "&rt;").split('\n').join("<br>")
-        this.$sizing.html(sizing_lines)
-        this.$sizing.show()
-      } else if (app.store.SizingFooter === 'true') {
-        this.$sizing.show()
+      this.$fit.show();
+
+      if (
+        app.store.SizingFooter === "use_alt_text" &&
+        (app.store.SizingFooterText || "").length
+      ) {
+        var sizing_lines = app.store.SizingFooterText.replace(/</g, "&lt;")
+          .replace(/>/g, "&rt;")
+          .split("\n")
+          .join("<br>");
+        this.$sizing.html(sizing_lines);
+        this.$sizing.show();
+      } else if (app.store.SizingFooter === "true") {
+        this.$sizing.show();
       }
     } else {
-      this.$fitHeader.hide()
-      this.$fit.hide()
-      this.$sizing.hide()
+      this.$fitHeader.hide();
+      this.$fit.hide();
+      this.$sizing.hide();
     }
 
-    this.$extraMessage.hide()
-    if (descriptions['Limited_Edition']) {
-      this.$extraMessage.html(stripHTML( descriptions['Limited_Edition'] ))
-      this.$extraMessage.show()
-      app.footer.show(stripHTML( descriptions['Limited_Edition'] ))
-    }
+    this.populate_sizes();
+    this.populate_colors();
 
-    this.populate_sizes()
-    this.populate_colors()
-
-    this.deferScrollToTop()
+    this.deferScrollToTop();
   },
 
-  get_descriptions: function (details){
-    var descriptions = {}
-    details['Item']['Descriptions'].forEach(function(pair){
-      descriptions[pair.Key] = pair.Value
-    })
-    return descriptions
+  get_descriptions: function (details) {
+    var descriptions = {};
+    (details["Descriptions"] || []).forEach(function (pair) {
+      descriptions[pair.Key] = pair.Value;
+    });
+    return descriptions;
   },
-  find_sizes_for_color: function(color_id){
-    return Object.keys( this.colors[color_id].sizes ).sort(function(a,b){
-      var ao = SIZE_ORDER[ a.label ], bo = SIZE_ORDER[ b.label ]
-      return ao<bo?-1:ao==bo?0:1
-    })
+  find_sizes_for_color: function (color_id) {
+    return Object.keys(this.colors[color_id].sizes).sort(function (a, b) {
+      var ao = SIZE_ORDER[a.label],
+        bo = SIZE_ORDER[b.label];
+      return ao < bo ? -1 : ao == bo ? 0 : 1;
+    });
   },
-  find_colors_for_size: function(size_id){
-    return Object.keys( this.sizes[size_id].colors )
+  find_colors_for_size: function (size_id) {
+    return Object.keys(this.sizes[size_id].colors);
   },
-  
-  populate_selectors: function(data, details){
-    var sizes = {}, colors = {}, size_lookup = {}, default_color
 
-    var modelColors = details['Item']['ModelColors'] || []
-    console.log('colors:', modelColors.length || "none")
+  populate_selectors: function (data, details) {
+    var sizes = {},
+      colors = {},
+      size_lookup = {},
+      default_color;
 
-    if (! modelColors.length) {
-      this.sold_out = true
-      return
-    }
-    else {
-      this.sold_out = false
+    var modelColors = details["Item"]["ModelColors"] || [];
+    console.log("colors:", modelColors.length || "none");
+
+    if (!modelColors.length) {
+      this.sold_out = true;
+      return;
+    } else {
+      this.sold_out = false;
     }
-    
-    modelColors.forEach(function(color, index){
-      if (! default_color || color['Code10'] == data['DefaultCode10']) {
-        default_color = color['ColorId']
-      }
-      colors[ color['ColorId'] ] = {
-        id: color['Code10'],
-        code: color['Code10'],
-        label: color['ColorDescription'].toUpperCase(),
-        sizes: {},
-      }
-    })
 
-    details['Item']['ModelSizes'].forEach(function(size){
-      var label = ""
-      if (details['Item']['SizeTypeId'] == 412) { // shoes
-        label = size['Default']['Text'] + " " + size['Default']['ClassFamily']
-        console.log("shoes?", label)
+    modelColors.forEach(function (color, index) {
+      if (!default_color || color["Code10"] == data["DefaultCode10"]) {
+        default_color = color["ColorId"];
       }
-      else { // everything else
-        label = SIZE_LOOKUP[ size['Default']['Text'] ]
+      colors[color["ColorId"]] = {
+        id: color["Code10"],
+        code: color["Code10"],
+        label: color["ColorDescription"].toUpperCase(),
+        sizes: {},
+      };
+    });
+
+    details["Item"]["ModelSizes"].forEach(function (size) {
+      var label = "";
+      if (details["Item"]["SizeTypeId"] == 412) {
+        // shoes
+        label = size["Default"]["Text"] + " " + size["Default"]["ClassFamily"];
+        console.log("shoes?", label);
+      } else {
+        // everything else
+        label = SIZE_LOOKUP[size["Default"]["Text"]];
       }
-      if (! label) {
-        label = size['Default']['Text']
-        if (size['Default']['Labeled']) {
-          label += " " + size['Default']['ClassFamily']
+      if (!label) {
+        label = size["Default"]["Text"];
+        if (size["Default"]["Labeled"]) {
+          label += " " + size["Default"]["ClassFamily"];
         }
       }
-      console.log(size)
-      size_lookup[ label ] = size['SizeId']
-      console.log( label )
-      sizes[ size['SizeId'] ] = {
+      console.log(size);
+      size_lookup[label] = size["SizeId"];
+      console.log(label);
+      sizes[size["SizeId"]] = {
         id: label,
         label: label.toUpperCase(),
-        value: size['SizeId'],
+        value: size["SizeId"],
         colors: {},
-      }
-    })
-    details['Item']['ModelColorSize'].forEach(function(cs){
-      colors[ cs['IdColor'] ].sizes[ cs['IdSize'] ] = true
-      sizes[ cs['IdSize'] ].colors[ cs['IdColor'] ] = true
-    })
-    
-    this.sizes = sizes
-    this.colors = colors
+      };
+    });
+    details["Item"]["ModelColorSize"].forEach(function (cs) {
+      colors[cs["IdColor"]].sizes[cs["IdSize"]] = true;
+      sizes[cs["IdSize"]].colors[cs["IdColor"]] = true;
+    });
+
+    this.sizes = sizes;
+    this.colors = colors;
     // console.log('populated colors', sizes, colors, default_color)
-    return default_color
+    return default_color;
   },
 
-  populate_sizes: function() {
-    console.log(this.sold_out, this.notAvailable, this.is_onesize, this.item)
-    if (this.sold_out) { return }
-    if (this.notAvailable) { return }
+  populate_sizes: function () {
+    console.log(this.sold_out, this.notAvailable, this.is_onesize, this.item);
+    if (this.sold_out) {
+      return;
+    }
+    if (this.notAvailable) {
+      return;
+    }
     // if (this.is_onesize) { return this.select_color() }
-    if (this.details['ModelSizes'].length == 0) { return }
-
-    this.$sizeSelect.empty()
-    var sizes = Object.keys(this.sizes).forEach(function(key){
-      var size = this.sizes[key]
-      var option = document.createElement('option')
-      option.value = size.value
-      option.innerHTML = size.label
-      if (this.size && size.id === this.size.id) {
-        option.selected = true
-      }
-      this.$sizeSelect.append(option)
-    }.bind(this))
+    if (this.details["ModelSizes"].length == 0) {
+      return;
+    }
+
+    this.$sizeSelect.empty();
+    var sizes = Object.keys(this.sizes).forEach(
+      function (key) {
+        var size = this.sizes[key];
+        var option = document.createElement("option");
+        option.value = size.value;
+        option.innerHTML = size.label;
+        if (this.size && size.id === this.size.id) {
+          option.selected = true;
+        }
+        this.$sizeSelect.append(option);
+      }.bind(this)
+    );
   },
 
-  populate_colors: function() {
-    if (this.sold_out) { return }
-    if (this.notAvailable) { return }
-    if (this.details['ModelColors'].length == 0) { return }
-    console.log('populate colors', this.color)
-
-    this.$colorSelect.empty()
-    Object.keys(this.colors).forEach(function(key){
-      var color = this.colors[key]
-      console.log(color)
-      var option = document.createElement('option')
-      option.value = key
-      option.innerHTML = color.label
-      if (this.color && color.id === this.color.id) {
-        option.selected = true
-      }
-      this.$colorSelect.append(option)
-    }.bind(this))
+  populate_colors: function () {
+    if (this.sold_out) {
+      return;
+    }
+    if (this.notAvailable) {
+      return;
+    }
+    if (this.details["ModelColors"].length == 0) {
+      return;
+    }
+    console.log("populate colors", this.color);
+
+    this.$colorSelect.empty();
+    Object.keys(this.colors).forEach(
+      function (key) {
+        var color = this.colors[key];
+        console.log(color);
+        var option = document.createElement("option");
+        option.value = key;
+        option.innerHTML = color.label;
+        if (this.color && color.id === this.color.id) {
+          option.selected = true;
+        }
+        this.$colorSelect.append(option);
+      }.bind(this)
+    );
   },
 
-  select_size: function(){
-    console.log(this.colors)
-    var value = this.$sizeSelect.val()
-    var size = this.sizes[value]
-    console.log('size', size)
-    this.set_size_label(size.label)
-    this.size = size.value
+  select_size: function () {
+    console.log(this.colors);
+    var value = this.$sizeSelect.val();
+    var size = this.sizes[value];
+    console.log("size", size);
+    this.set_size_label(size.label);
+    this.size = size.value;
   },
-  
-  select_color: function(){
-    var value = this.$colorSelect.val()
-    var color = this.colors[value]
-    console.log('color', color)
-    this.code = color.code
-    this.set_color_label(color.label)
-    this.gallery.populate( color.code, this.details['ImageTypes'] )
-    this.gallery_right()
+
+  select_color: function () {
+    var value = this.$colorSelect.val();
+    var color = this.colors[value];
+    console.log("color", color);
+    this.code = color.code;
+    this.set_color_label(color.label);
+    this.gallery.populate(color.code, this.details["ImageTypes"]);
+    this.gallery_right();
   },
 
-  set_size_label: function(size_label){
-    this.$size.show()
-    this.$sizeLabel.html(size_label)
-    this.$size.attr('aria-label', 'Tap to select size. Current size: ' + size_label)
+  set_size_label: function (size_label) {
+    this.$size.show();
+    this.$sizeLabel.html(size_label);
+    this.$size.attr(
+      "aria-label",
+      "Tap to select size. Current size: " + size_label
+    );
   },
 
-  set_color_label: function(color_label){
+  set_color_label: function (color_label) {
     if (color_label) {
-      this.$color.show()
-      this.$colorLabel.html(color_label)
-      this.$color.attr('aria-label', 'Tap to select color. Current color: ' + color_label)
-    }
-    else {
-      this.$color.hide()
+      this.$color.show();
+      this.$colorLabel.html(color_label);
+      this.$color.attr(
+        "aria-label",
+        "Tap to select color. Current color: " + color_label
+      );
+    } else {
+      this.$color.hide();
     }
   },
 
   // ADD TO CART
-  save: function(){
-    if (this.sold_out) { return }
-    if (this.notAvailable) { return }
-    this.add_to_cart({ route: false })
+  save: function () {
+    if (this.sold_out) {
+      return;
+    }
+    if (this.notAvailable) {
+      return;
+    }
+    this.add_to_cart({ route: false });
   },
   // BUY NOW
-  cancel: function(){
-    if (this.sold_out) { return }
-    if (this.notAvailable) { return }
-    this.add_to_cart({ route: true })
+  cancel: function () {
+    if (this.sold_out) {
+      return;
+    }
+    if (this.notAvailable) {
+      return;
+    }
+    this.add_to_cart({ route: true });
   },
-  
-  add_to_cart: function(opt){
-    var deferred_product = auth.deferred_product = { Size: this.size, Code10: this.code }
-    console.log("ADDING " + this.size + " " + this.code )
+
+  add_to_cart: function (opt) {
+    var deferred_product = (auth.deferred_product = {
+      Size: this.size,
+      Code10: this.code,
+    });
+    console.log("ADDING " + this.size + " " + this.code);
     // if we are not logged in...
-    if ( ! auth.logged_in() ) {
-      app.router.go("account/login")
-      app.last_view = app.cart
+    if (!auth.logged_in()) {
+      app.router.go("account/login");
+      app.last_view = app.cart;
     }
     // if we don't have a cart setup...
-    else if ( ! auth.has_cart() ) {
-      this.create_cart_and_add_product()
-    }
-    else {
-      app.curtain.show("loading")
+    else if (!auth.has_cart()) {
+      this.create_cart_and_add_product();
+    } else {
+      app.curtain.show("loading");
       auth.add_deferred_product_to_cart({
-        success: function(){
-          app.curtain.hide("loading")
+        success: function () {
           if (opt.route) {
-            app.router.go("cart")
+            app.router.go("cart");
+          } else {
+            app.curtain.hide("loading");
           }
         },
-        error: function(err){
-          console.log("CART MIGHT BE OLD")
-          this.create_cart_and_add_product()
+        error: function (err) {
+          console.log("CART MIGHT BE OLD");
+          this.create_cart_and_add_product();
           // console.log(err)
-          // 
+          //
           // // TODO - CART MIGHT BE OLD
           // app.curtain.hide("loading")
           // app.router.go("account/login")
           // auth.deferred_product = deferred_product
           // app.last_view = app.cart
         }.bind(this),
-      })
+      });
     }
   },
-  
-  create_cart_and_add_product: function() {
-    app.curtain.show("loading")
+
+  create_cart_and_add_product: function () {
+    app.curtain.show("loading");
     auth.create_cart({
-      success: function(){
+      success: function () {
         auth.add_deferred_product_to_cart({
-          success: function(){
-            app.curtain.hide("loading")
-            app.router.go("cart")
+          success: function () {
+            // app.curtain.hide("loading")
+            app.router.go("cart");
           },
-          error: function(){
+          error: function () {
             // SHOULD NOT BE A PROBLEM
-            console.log("ERROR ADDING PRODUCT TO NEW CART SIMPLE ADD TO CART")
-            app.curtain.hide("loading")
-            app.router.go("account/login")
-            auth.deferred_product = deferred_product
-            app.last_view = app.cart
+            console.log("ERROR ADDING PRODUCT TO NEW CART SIMPLE ADD TO CART");
+            app.curtain.hide("loading");
+            app.router.go("account/login");
+            auth.deferred_product = deferred_product;
+            app.last_view = app.cart;
           },
-        })
+        });
       },
-      error: function(){
+      error: function () {
         // ERROR CREATING CART?
-        console.log("ERROR CREATING CART")
-        auth.log_out()
-        app.account.logged_out()
-        app.curtain.hide("loading")
-        app.router.go("account/login")
-        auth.deferred_product = deferred_product
-        app.last_view = app.cart
+        console.log("ERROR CREATING CART");
+        auth.log_out();
+        app.account.logged_out();
+        app.curtain.hide("loading");
+        app.router.go("account/login");
+        auth.deferred_product = deferred_product;
+        app.last_view = app.cart;
       },
-    })
-  },
-  
-  back: function(){
-    app.router.go('store')
+    });
   },
-  
-  scroll_to_bottom: function(){
+
+  back: function () {
+    app.router.go("store");
   },
-  
-  share: function(){
-    if (window.plugins && 'socialsharing' in window.plugins) {
-      window.plugins.socialsharing.share( this.item['ModelNames'], null, null, "http://deeplink.me/www.stoneisland.com/store/" + this.code)
+
+  scroll_to_bottom: function () {},
+
+  share: function () {
+    if (window.plugins && "socialsharing" in window.plugins) {
+      window.plugins.socialsharing.share(
+        this.item["ModelNames"],
+        null,
+        null,
+        "http://deeplink.me/www.stoneisland.com/store/" + this.code
+      );
     }
   },
-
-})
+});
 
 var SIZE_LOOKUP = {
-  "XS": "X-SMALL",
-  "S": "SMALL",
-  "M": "MEDIUM",
-  "L": "LARGE",
-  "XL": "X-LARGE",
-  "XXL": "XX-LARGE",
+  XS: "X-SMALL",
+  S: "SMALL",
+  M: "MEDIUM",
+  L: "LARGE",
+  XL: "X-LARGE",
+  XXL: "XX-LARGE",
   "3XL": "3X-LARGE",
-  "OneSize": "ONESIZE",
-}
+  OneSize: "ONESIZE",
+};
 
-var SIZE_ORDER = "XS S M L XL XXL 3XL".split(" ")
+var SIZE_ORDER = "XS S M L XL XXL 3XL".split(" ");
 
 /*
 {
-- 
cgit v1.2.3-70-g09d2