vadimdemedes

var assets = new Chute.API.Assets({ album: 'ALBUM_SHORTCUT' }).toData({ filters: [PopularAssetsFilter] });

vadimdemedes

var PopularAssetsFilter = Chute.Data.Filter.extend({
  initialize: function(data) {
    this.data = data; // saving reference to Chute.Data object
    this.filter();
  },
  
  filter: function() {
    var assets = this.data;
    
    var popularAssets = _.filter(assets, function(asset){

vadimdemedes

var assets = new Chute.API.Assets({ album: 'ALBUM_SHORTCUT '}).toData();

assets.on('data:load', function(){
  var items = assets.data.items();
  
  var popularAssets = _.filter(items, function(item){
    return item.hearts > 10;
  });
  
  var filteredAssets = [];

vadimdemedes

var MyView = Chute.View.extend({
  
});

var view = new MyView({ container: 'div.some-view' });

vadimdemedes

<div class="example">
  <h1>I am a view</h1>
</div>

vadimdemedes

<script class="my-template" type="application/x-template">
  <div class="example">
    <h1>I am a view</h1>
  </div>
</script>

vadimdemedes

var MyView = Chute.View.extend({
  template: '<div class="example"><h1>I am a view</h1></div>'
});

var view = new MyView({ container: 'div.some-view' });

vadimdemedes

<script class="asset-template" type="application/x-template">
  <div class="image">
    <img src="{{ url }}">
    <span class="username">By {{ user.username }}</span>
  </div>
</script>

vadimdemedes

<script class="asset-template" type="application/x-template">
  <div class="image">
    <img src="{{ url }}">
    <span class="username">By {{ user.username }}</span>
  </div>
</script>

<script class="assets-template" type="application/x-template"
  <div class="assets">
    <!-- Assets will be rendered here -->

vadimdemedes

var scroll = Chute.View.Plugins.InfiniteScroll.extend({
  container: 'div.assets'
});

var AssetCollectionView = Chute.CollectionView.extend({
  ...
  plugins: [scroll]
  ...
});