Add support for Ember Data collections

[ioleo]

Fixes #5

I've hacked around a little bit and this small change was enough to get it working with

Route:

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
    return this.store.findAll('user');
  }
});

Template:

<h2>Users:</h2>

<div class="container-fluid">
{{#filter-content content=model properties="name" placeholder="Filter..." inputClassNames="form-control" as |fc|}}
    <small class="{{if fc.query '' 'invisible'}}">
        Showing{{fc.filteredContent.length}} from {{fc.content.length}} users
        <strong>"{{fc.query}}"</strong>
    </small>
    {{#each fc.filteredContent as |user|}}
        <div class="row">
            <div class="thumbnail">
                <img src="{{user.image}}" alt="...">
                <div class="caption">
                    <h3>{{user.name}}</h3>
                </div>
            </div>
        </div>
    {{/each}}
{{/filter-content}}
</div>

{{outlet}}

[ioleo]

@zakmac If you merge this, please tag another minor release, so I can lock on it (instead of haveing a modified vendor).

[zakmac]

Hey @loostro thank you for submitting your fix. It will unfortunately not be merged into the development branch due to the implementation having the possibility of false positives as any object could have a property labeled content.

Effort has been made in the latest release to support Ember.Data collections and in v3.1.0 should have further support added.

[ioleo]

@zakmac True, that was just a temporary workaround and should be replaced by a more reliable way of telling a collection.