build 0.7.0

1 files changed, 106 insertions, 57 deletions

diff --git a/StoneIsland/platforms/android/assets/www/js/lib/blogs/HubView.js b/StoneIsland/platforms/android/assets/www/js/lib/blogs/HubView.js
index 4ed05bb8..1657d295 100755
--- a/StoneIsland/platforms/android/assets/www/js/lib/blogs/HubView.js
+++ b/StoneIsland/platforms/android/assets/www/js/lib/blogs/HubView.js
@@ -15,87 +15,102 @@ var HubView = ScrollableView.extend({
     this.$content = this.$(".content")
     this.$loader = this.$(".loader")
     this.scroller = new IScroll('#hub', app.iscroll_options)
+    HubLoader.init(this)
   },
 
   show: function(){
     this.deferScrollToTop()
     app.footer.hide()
     document.body.className = "hub"
+    if (! this.populated) {
+      this.populate( BACKUP_DB.hub )
+    }
   },
 
   galleries: {},
+  populated: false,
   populate: function(data){
     // sort posts by date, reversed
+    this.populated = true
     this.data = data.map(function(s){
       return [ +moment(s.date), s ]
     }).sort(function(a,b){
       return a[0] > b[0] ? -1 : a[0] == b[0] ? 0 : 1
     }).map(function(pair){
-      console.log(pair[1])
+      // console.log(pair[1])
       return pair[1]
     })
     this.$loader.hide()
     this.$content.empty()
     this.galleries = {}
+    HubLoader.add(this.data)
+    
+    this.deferScrollToTop()
+  },
+  
+  append: function(row){
     // id date subtitle body link store image[uri caption]
-    this.data.forEach(function(row){
-      // console.log(row)
-      console.log(moment(row.date))
-      var t = this.template.replace(/{{id}}/g, row.id)
-                           .replace(/{{date}}/, moment(row.date).format("MM.DD.YYYY"))
-                           .replace(/{{title}}/, row.title)
-                           .replace(/{{subtitle}}/, row.subtitle)
-                           .replace(/{{link}}/, row.link)
-                           .replace(/{{body}}/, row.body.replace(/\n/g, "<br>"))
-      var $t = $(t)
-      if (row.store != "true") {
-        $t.find(".store").remove()
-      }
-      this.$content.append($t)
-      
-      if (row.image.length > 1) {
-        // image gallery
-        var $gallery = $(".gallery-" + row.id)
-        row.image.forEach(function(img){
-          var el = document.createElement("div")
-          el.style.backgroundImage = "url(" + img.uri + ")"
-          el.className = "item"
-          $gallery.append(el)
-        })
-        this.galleries[row.id] = new Flickity( ".gallery-" + row.id, {
-          selector: '.item',
-          cellAlign: 'center',
-          autoPlay: false,
-          freeScroll: false,
-          wrapAround: true,
-          imagesLoaded: true,
-          prevNextButtons: false,
-          pageDots: false,
-          contain: true,
-          draggable: true,
-        })
-      }
-      else {
-        // single image
+    // console.log(row)
+    // console.log(moment(row.date))
+    var t = this.template.replace(/{{id}}/g, row.id)
+                         .replace(/{{date}}/, moment(row.date).format("MM.DD.YYYY"))
+                         .replace(/{{title}}/, row.title)
+                         .replace(/{{subtitle}}/, row.subtitle)
+                         .replace(/{{link}}/, row.link)
+                         .replace(/{{body}}/, row.body.replace(/\n/g, "<br>"))
+    var $t = $(t)
+    if (row.store != "true") {
+      $t.find(".store").remove()
+    }
+    this.$content.append($t)
+    
+    if (row.image && row.image.length > 1) {
+      // image gallery
+      var $gallery = $(".gallery-" + row.id)
+      row.image.forEach(function(img){
         var el = document.createElement("div")
-        el.style.backgroundImage = "url(" + row.image[0].uri + ")"
+        el.style.backgroundImage = "url(" + img.uri + ")"
         el.className = "item"
-        $(".gallery-" + row.id).append(el)
-        $(".gallery-" + row.id).data("row", row)
-        
-        // video, append play button
-        if (row.link.match(/youtube|youtu.be|vimeo/)) {
-          var play = document.createElement("div")
-          play.className = "play"
-          $(".gallery-" + row.id).append(play)
-        }
-        $t.find(".gallery-left").remove()
-        $t.find(".gallery-right").remove()
+        $gallery.append(el)
+      })
+      this.galleries[row.id] = new Flickity( ".gallery-" + row.id, {
+        selector: '.item',
+        cellAlign: 'center',
+        autoPlay: false,
+        freeScroll: false,
+        wrapAround: true,
+        imagesLoaded: true,
+        prevNextButtons: false,
+        pageDots: false,
+        contain: true,
+        draggable: true,
+      })
+    }
+    else {
+      // single image
+      var el = document.createElement("div")
+      if (row.image && row.image.length) {
+        el.style.backgroundImage = "url(" + row.image[0].uri + ")"
       }
+      el.className = "item"
+      $(".gallery-" + row.id).append(el)
+      $(".gallery-" + row.id).data("row", row)
       
-    }.bind(this))
-    
-    this.deferScrollToTop()
+      // video, append play button
+      if (row.link.match(/youtube|youtu.be|vimeo/)) {
+        var play = document.createElement("div")
+        play.className = "play"
+        $(".gallery-" + row.id).append(play)
+        $(".gallery-" + row.id).addClass("gallery-video-post")
+        if (! row.image) {
+          var url = row.link
+          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"
+        }
+      }
+      $t.find(".gallery-left").remove()
+      $t.find(".gallery-right").remove()
+    }
   },
   
   store_link: function(){
@@ -118,7 +133,41 @@ var HubView = ScrollableView.extend({
   share: function(e){
     var title = $(e.currentTarget).parent().find(".title").text()
     console.log("share", title)
-    window.plugins.socialsharing.share(title, null, null, "http://stoneisland.com/" )
+    window.plugins.socialsharing.share(title, null, null, "http://deeplink.me/www.stoneisland.com/hub" )
   },
 
-})
\ No newline at end of file
+})
+
+var HubLoader = (function(){
+  var queue, view, item, loader
+  var HubLoader = {}
+  var loader
+  HubLoader.init = function(v){
+    view = v
+  }
+  HubLoader.add = function(items){
+    queue = items
+    this.load()
+  }
+  HubLoader.load = function(){
+    item = queue.shift()
+    if (! item) return
+    if (item.image && item.image.length) {
+      loader = new Loader (HubLoader.build)
+      images = item.image.map(function(img){
+        return img.uri.replace("http:","https:")
+      }).filter(function(img){
+        return img.uri
+      })
+      loader.preloadImages(images)
+    }
+    else {
+      HubLoader.build()
+    }
+  }
+  HubLoader.build = function(){
+    view.append(item)
+    setTimeout(HubLoader.load, 20)
+  }
+  return HubLoader
+})()