building all seems to work

4 files changed, 43 insertions, 3 deletions

diff --git a/StoneIsland/platforms/ios/www/js/lib/blogs/BlogView.js b/StoneIsland/platforms/ios/www/js/lib/blogs/BlogView.js
index 6eea977f..55320e7c 100755
--- a/StoneIsland/platforms/ios/www/js/lib/blogs/BlogView.js
+++ b/StoneIsland/platforms/ios/www/js/lib/blogs/BlogView.js
@@ -97,6 +97,11 @@ var BlogView = View.extend({
       app.store.FittingCodes.split("\n").forEach(function(code){
         app.product.fitLargeCodes[code] = true
       })
+      if (app.store.FitsLarge === 'use_alt_text' && (app.store.FitsLargeText || "").length) {
+        var fit_lines = app.store.FitsLargeText.split('\n').replace(/</g, "&lt;").replace(/>/g, "&rt;").join("<br>")
+        $('.fit').html(fit_lines)
+        $('.fit').addClass('altText')
+      }
     }
         
     if (app.store.BackgroundIsGray === "true") {
diff --git a/StoneIsland/platforms/ios/www/js/lib/blogs/HubView.js b/StoneIsland/platforms/ios/www/js/lib/blogs/HubView.js
index 20046fdf..c09dd3b3 100755
--- a/StoneIsland/platforms/ios/www/js/lib/blogs/HubView.js
+++ b/StoneIsland/platforms/ios/www/js/lib/blogs/HubView.js
@@ -74,7 +74,7 @@ var HubView = ScrollableView.extend({
         el.className = "item"
         $gallery.append(el)
       })
-      this.galleries[row.id] = new Flickity( ".gallery-" + row.id, {
+      var gallery = this.galleries[row.id] = new Flickity( ".gallery-" + row.id, {
         selector: '.item',
         cellAlign: 'center',
         autoPlay: false,
@@ -86,6 +86,10 @@ var HubView = ScrollableView.extend({
         contain: true,
         draggable: true,
       })
+      gallery.on('staticClick', function(e){
+        var url = gallery.selectedElement.style.backgroundImage.replace(/url\(\"?/,"").replace(/\"?\)/,"")
+        app.fullscreenViewer.show(url, url)
+      })
     }
     else {
       // single image
@@ -108,6 +112,10 @@ var HubView = ScrollableView.extend({
           var ytid = (url.match(/v=([-_a-zA-Z0-9]{11})/i) || url.match(/youtu.be\/([-_a-zA-Z0-9]{11})/i) || url.match(/embed\/([-_a-zA-Z0-9]{11})/i))[1].split('&')[0];
           e.style.backgroundImage = "url(https://i.ytimg.com/vi/" + ytid + "/maxresdefault.jpg"
         }
+      } else {
+        $(el).click(function(){
+          app.fullscreenViewer.show(row.image[0].uri)
+        })
       }
       $t.find(".gallery-left").remove()
       $t.find(".gallery-right").remove()
diff --git a/StoneIsland/platforms/ios/www/js/lib/products/GalleryView.js b/StoneIsland/platforms/ios/www/js/lib/products/GalleryView.js
index 1428aca9..0c928739 100755
--- a/StoneIsland/platforms/ios/www/js/lib/products/GalleryView.js
+++ b/StoneIsland/platforms/ios/www/js/lib/products/GalleryView.js
@@ -9,6 +9,7 @@ var GalleryView = View.extend({
 //     "touchstart .gallery": "touchstart",
 //     "touchmove .gallery": "touchmove",
 //     "touchend .gallery": "touchend",
+    "click": "click",
   },
   
   initialize: function(){
@@ -22,21 +23,27 @@ var GalleryView = View.extend({
   
   populate: function(code, image_ids){
     var valid_styles = {}
+    var large_styles = this.large_styles = {}
     image_ids.forEach(function(id){
       if (id.indexOf("_") == -1) return
       var partz = id.split("_")
       var size = parseInt(partz[0]), style = partz[1]
+
+      if (! large_styles[style] || large_styles[style] < size) {
+        large_styles[style] = size
+      }
       if (size > 13) return;
       if (! valid_styles[style] || valid_styles[style] < size) {
         valid_styles[style] = size
       }
     })
+
     Object.keys(valid_styles).sort(sort_image_styles).forEach(function(style){
       var id = valid_styles[style] + "_" + style
       var t = this.template.replace(/{{image}}/, sdk.image(code, id))
       this.$el.append(t)
     }.bind(this))
-    
+
     this.gallery = new Flickity( "#gallery", {
       selector: '.item',
       cellAlign: 'center',
@@ -50,7 +57,18 @@ var GalleryView = View.extend({
       draggable: true,
     })
   },
-
+  click: function(e){
+    var currentImage = this.gallery.selectedElement.style.backgroundImage.replace(/url\(\"?/,"").replace(/\"?\)/,"")
+    var partz = currentImage.split("_")
+    var head = partz[0]
+    var size = partz[1]
+    var tail = partz[2]
+    var end_partz = tail.split(/\./)
+    var style = end_partz[0]
+    var largest_size = this.large_styles[style]
+    var hiresImage = [head, largest_size, tail].join("_")
+    app.fullscreenViewer.show(currentImage, hiresImage)
+  },
   touchstart: function(e){
   },
   touchmove: function(e){
diff --git a/StoneIsland/platforms/ios/www/js/lib/products/ProductView.js b/StoneIsland/platforms/ios/www/js/lib/products/ProductView.js
index 214819cf..97654a3f 100755
--- a/StoneIsland/platforms/ios/www/js/lib/products/ProductView.js
+++ b/StoneIsland/platforms/ios/www/js/lib/products/ProductView.js
@@ -183,6 +183,15 @@ var ProductView = ScrollableView.extend({
     
     console.log( data['DefaultCode10'] )
 
+    if (title.indexOf('<br>') !== -1) {
+      var title_lines = title.split('<br>').map(function(s){
+        if (s.indexOf("LIMITED EDITION")) {
+          return "<span class='red'>" + s + "</span>"
+        }
+        return s
+      })
+      title = title_lines.join('<br><br>')
+    }
     this.$title.html(title)
     this.$type.html(type)
     this.$price.html(price)