populate selector

6 files changed, 242 insertions, 6 deletions

diff --git a/StoneIsland/platforms/ios/www/js/lib/blogs/ArchiveView.js b/StoneIsland/platforms/ios/www/js/lib/blogs/ArchiveView.js
index 742ee0f2..31dfd743 100644
--- a/StoneIsland/platforms/ios/www/js/lib/blogs/ArchiveView.js
+++ b/StoneIsland/platforms/ios/www/js/lib/blogs/ArchiveView.js
@@ -8,13 +8,26 @@ var ArchiveView = View.extend({
   
   initialize: function(){
     this.$content = this.$(".content")
+    this.$loader = this.$(".loader")
+    this.scroller = new IScroll('#archive .scroll')
   },
 
   show: function(){
     document.body.className = "archive"
   },
 
-  populate: function(){
+  populate: function(data){
+    this.data = data
+    this.$loader.hide()
+    this.$content.empty()
+    this.data.forEach(function(row){
+      var t = this.template.replace({{image}}, row.image.url)
+                           .replace({{code}}, row.code)
+                           .replace({{title}}, row.title)
+                           .replace({{body}}, row.body)
+      this.$content.append(t)
+    }.bind(this))
   },
 
+
 })
\ No newline at end of file
diff --git a/StoneIsland/platforms/ios/www/js/lib/blogs/BlogView.js b/StoneIsland/platforms/ios/www/js/lib/blogs/BlogView.js
new file mode 100644
index 00000000..70fc910a
--- /dev/null
+++ b/StoneIsland/platforms/ios/www/js/lib/blogs/BlogView.js
@@ -0,0 +1,33 @@
+var BlogView = View.extend({
+
+  data: null,
+  loaded: false,
+  initialize: function(){
+    this.loader = new Loader ()
+    this.fetch()
+  },
+  
+  fetch: function(){
+    $.ajax({
+      method: "GET",
+      url: "http://stone.sup.land/db.json",
+      success: this.success.bind(this),
+      cache: true,
+    })
+  },
+  
+  success: function(data){
+    this.loaded = true
+    this.data = data
+    this.loader.preloadImage(data.archive[0].image.url, function(img){
+      app.archive.populate(data.archive)
+    })
+    this.loader.preloadImage(data.hub[0].image.url, function(img){
+      app.hub.populate(data.hub)
+    })
+    this.loader.preloadImage(data.story[0].image.url, function(img){
+      app.story.populate(data.story)
+    })
+  },
+
+})
\ No newline at end of file
diff --git a/StoneIsland/platforms/ios/www/js/lib/blogs/HubView.js b/StoneIsland/platforms/ios/www/js/lib/blogs/HubView.js
index 430464b1..88ae6f1f 100644
--- a/StoneIsland/platforms/ios/www/js/lib/blogs/HubView.js
+++ b/StoneIsland/platforms/ios/www/js/lib/blogs/HubView.js
@@ -8,13 +8,29 @@ var HubView = View.extend({
   
   initialize: function(){
     this.$content = this.$(".content")
+    this.$loader = this.$(".loader")
+    this.scroller = new IScroll('#hub .scroll')
   },
 
   show: function(){
     document.body.className = "hub"
   },
 
-  populate: function(){
+  populate: function(data){
+    this.data = data
+    this.$loader.hide()
+    this.$content.empty()
+    this.data.forEach(function(row){
+      var t = this.template.replace({{image}}, row.image.url)
+                           .replace({{date}}, row.date)
+                           .replace({{code}}, row.code)
+                           .replace({{title}}, row.title)
+                           .replace({{subtitle}}, row.subtitle)
+                           .replace({{link}}, row.link)
+                           .replace({{body}}, row.body)
+      this.$content.append(t)
+    }.bind(this))
   },
 
+
 })
\ No newline at end of file
diff --git a/StoneIsland/platforms/ios/www/js/lib/blogs/StoryView.js b/StoneIsland/platforms/ios/www/js/lib/blogs/StoryView.js
index ed46af31..0f03a518 100644
--- a/StoneIsland/platforms/ios/www/js/lib/blogs/StoryView.js
+++ b/StoneIsland/platforms/ios/www/js/lib/blogs/StoryView.js
@@ -8,13 +8,25 @@ var StoryView = View.extend({
   
   initialize: function(){
     this.$content = this.$(".content")
+    this.$loader = this.$(".loader")
+    this.scroller = new IScroll('#story .scroll')
   },
 
   show: function(){
     document.body.className = "story"
   },
-
-  populate: function(){
+  
+  populate: function(data){
+    this.data = data
+    this.$loader.hide()
+    this.$content.empty()
+    this.data.forEach(function(row){
+      var t = this.template.replace({{image}}, row.image.url)
+                           .replace({{date}}, row.date)
+                           .replace({{title}}, row.title)
+                           .replace({{body}}, row.body)
+      this.$content.append(t)
+    }.bind(this))
   },
 
 })
\ No newline at end of file
diff --git a/StoneIsland/platforms/ios/www/js/lib/products/CollectionView.js b/StoneIsland/platforms/ios/www/js/lib/products/CollectionView.js
index 0ce740a8..5d4e45f2 100644
--- a/StoneIsland/platforms/ios/www/js/lib/products/CollectionView.js
+++ b/StoneIsland/platforms/ios/www/js/lib/products/CollectionView.js
@@ -7,11 +7,13 @@ var CollectionView = View.extend({
   items: {},
 
   events: {
+    "click .item": "pick",
   },
   
   initialize: function(){
     this.$content = this.$(".content")
     this.$loader = this.$(".loader")
+    this.scroller = new IScroll('#collection .scroll')
   },
 
   show: function(){
@@ -25,7 +27,7 @@ var CollectionView = View.extend({
   fetch: function(){
     this.$loader.show()
     sdk.fetch_collection({
-      gallery_id: 31617,  // STONE ISLAND / SUPREME
+      gallery_id: 31483,  // FOCUS ON CAMO
       success: this.populate.bind(this)
     })
   },
@@ -43,5 +45,11 @@ var CollectionView = View.extend({
       
     }.bind(this))
   },
+  
+  pick: function(e){
+    var code = $(e.currentTarget).data("code")
+    var data = this.items[code]
+    app.product.load(data)
+  },
 
 })
diff --git a/StoneIsland/platforms/ios/www/js/lib/products/ProductView.js b/StoneIsland/platforms/ios/www/js/lib/products/ProductView.js
index 3c18338e..a98f3ca4 100644
--- a/StoneIsland/platforms/ios/www/js/lib/products/ProductView.js
+++ b/StoneIsland/platforms/ios/www/js/lib/products/ProductView.js
@@ -1,15 +1,169 @@
+var SIZE_LOOKUP = {
+  "XS": "X-SMALL",
+  "S": "SMALL",
+  "M": "MEDIUM",
+  "L": "LARGE",
+  "XL": "X-LARGE",
+  "XXL": "XX-LARGE",
+  "XXXL": "XXX-LARGE",
+};
+
 var ProductView = View.extend({
   
   el: "#product",
   
   events: {
+  "click .left": "prev",
+  "click .right": "next",
+  "touchstart .gallery": "touchstart",
+  "touchmove .gallery": "touchmove",
+  "touchend .gallery": "touchend",
+  "click .size": "select_size",
+  "click .color": "select_color",
+  "click .share": "share",
   },
   
   initialize: function(){
+    this.$num = this.$(".num")
+    this.$title = this.$(".title")
+    this.$type = this.$(".type")
+    this.$price = this.$(".price")
+    this.$size = this.$(".size")
+    this.$color = this.$(".color")
+    this.$body = this.$(".body")
   },
 
   show: function(){
     document.body.className = "product"
   },
+  
+  load: function(data){
+    //
+    this.item = data
+    
+    var name_partz = data['ModelNames'].split(' ')
+    var num = name_partz.shift()
+    var title = name_parts.join(' ')
+    var size = data['Sizes'][0]
+    var type = data['MicroCategory'].toUpperCase()
+    var price = "$" + data['DiscountedPrice'] + ".00"
+    var color = SIZE_LOOKUP[ data['Colors'][0]['Text'] ]
+    var body = ""
+    
+    this.$num.html(num)
+    this.$title.html(title)
+    this.$type.html(type)
+    this.$price.html(price)
+    this.$size.html(size)
+    this.$color.html(color)
+    this.$body.html(body)
+  },
+
+  select_size: function(){
+  },
+  select_color: function(){
+  },
+  share: function(){
+  },
+
+  prev: function(){
+  },
+  next: function(){
+  },
+  touchstart: function(e){
+  },
+  touchmove: function(e){
+  },
+  end: function(e){
+  },
+
+})
+
+
+/*
+
+{
+  "Code8": "41504876",
+  "BrandName": "STONE ISLAND",
+  "DefaultCode10": "41504876MA",
+  "MicroCategory": "Jacket",
+  "MacroCategory": "COATS & JACKETS",
+  "FullPrice": 728,
+  "DiscountedPrice": 437,
+  "PriceListId": 155702498,
+  "ModelNames": "41764 FLOWING CAMO WATRO",
+  "Sizes": [
+    {
+      "Id": 4,
+      "Text": "S",
+      "ClassFamily": "INT",
+      "Labeled": true
+    },
+    {
+      "Id": 6,
+      "Text": "L",
+      "ClassFamily": "INT",
+      "Labeled": true
+    },
+    {
+      "Id": 7,
+      "Text": "XL",
+      "ClassFamily": "INT",
+      "Labeled": true
+    },
+    {
+      "Id": 8,
+      "Text": "XXL",
+      "ClassFamily": "INT",
+      "Labeled": true
+    }
+  ],
+  "Colors": [
+    {
+      "Id": 3152,
+      "Code10": {
+        "Id": 6769575,
+        "Value": "41504876MA"
+      },
+      "Description": "Green",
+      "MacroColorId": 3152,
+      "Rgb": "3C941F"
+    }
+  ],
+  "SizeTypeId": 928,
+  "HasFlipSide": false,
+  "SeasonOfSale": "PE15",
+  "SalesLineId": "126",
+  "SalesLine": "18_STONE ISLAND",
+  "MarketId": 19,
+  "Criteria": {
+    "Sizes": [
+      "3",
+      "5",
+      "6",
+      "7"
+    ],
+    "Looks": [],
+    "Styles": [],
+    "WashTypes": [],
+    "WashStories": [],
+    "WashCodes": [],
+    "Waists": [],
+    "Fabrics": [],
+    "ColorTypes": [],
+    "ModelNames": [],
+    "Material": []
+  },
+  "NoveltyPoints": 0,
+  "C10Attributes": [
+    {
+      "Key": "MFC",
+      "Value": "621541764CC-6215-64V0050",
+      "C10": "41504876MA"
+    }
+  ],
+  "MacroCategoryId": 224,
+  "MicroCategoryId": 1319
+},
 
-})
\ No newline at end of file
+*/
\ No newline at end of file