diff --git a/app/assets/javascripts/app/pages/profile.js b/app/assets/javascripts/app/pages/profile.js index bd7fbd604..1c9dde547 100644 --- a/app/assets/javascripts/app/pages/profile.js +++ b/app/assets/javascripts/app/pages/profile.js @@ -1,16 +1,34 @@ -app.pages.Profile = app.views.Base.extend({ +//= require ../views/small_frame + +app.pages.Profile = app.views.Base.extend(_.extend(app.views.infiniteScrollMixin, { templateName : "profile", - subviews : { - "#canvas" : "canvasView" - }, +// subviews : { +// "#canvas" : "canvasView" +// }, initialize : function() { - this.initViews() + this.stream = this.model = this.model || new app.models.Stream() + this.collection = this.model.posts + this.model.fetch(); + + this.stream.bind("fetched", this.mason, this) + +// this.initViews() + + this.setupInfiniteScroll() }, - initViews : function() { - this.canvasView = new app.views.Canvas() + postClass : app.views.SmallFrame, + + mason : function() { + this.$el.isotope({ + itemSelector : '.canvas-frame' + }) } -}); \ No newline at end of file + +// initViews : function() { +// this.canvasView = new app.views.Canvas({model : this.model}) +// } +})); \ No newline at end of file diff --git a/app/assets/javascripts/app/views/small_frame.js b/app/assets/javascripts/app/views/small_frame.js new file mode 100644 index 000000000..b2102b5a3 --- /dev/null +++ b/app/assets/javascripts/app/views/small_frame.js @@ -0,0 +1,5 @@ +app.views.SmallFrame = app.views.Base.extend({ + + templateName: "small-frame" + +}); \ No newline at end of file diff --git a/app/assets/templates/small-frame.jst.hbs b/app/assets/templates/small-frame.jst.hbs new file mode 100644 index 000000000..899f01829 --- /dev/null +++ b/app/assets/templates/small-frame.jst.hbs @@ -0,0 +1,8 @@ +