an ember view for masonry

masonic_template.hbs

{{#view "masonic"}}
  <section class="bricks">
   {{! your template here}}
  </section>
{{/view}}

masonic_view.js

var MasonicView = Ember.View.extend({
  didInsertElement: function() {
    this.scheduleMasonry();
  },
  scheduleMasonry: (function() {
    Ember.run.scheduleOnce('afterRender', this, this.applyMasonry);
  }),
  applyMasonry: function() {
    setTimeout(function() {
      this.$('.bricks').masonry({
        itemSelector: '.brick',
        columnWidth: 0,
        gutter: 0
      });
    },100);
  },
  contentDidChange: function() {
    if(this.get("state") === "inDOM") {
      this.applyMasonry();
    }
  }
});

export default MasonicView;