Ember-hell-filters NPM

Ember-hell-filters

This README outlines the details of collaborating on this Ember addon.

DEMO

https://lifeart.github.io/ember-hell-filters/demo/

Example

In template:

 {{#filters-group filters=filters values=(hash one=1 two=2) filtersDidChange=(action 'reloadPlots') }}

In component:

Component.extend({

    filters: Ember.computed(function() {
        let store = this.get('store');
        return [{
                componentName: 'hell-filters/select-2',
                name: 'one',
                config: {
                    idKey: 'id',
                    multiple: true,
                    textKey: 'full_name',
                    options: Ember.computed(function() {
                        return store.peekAll('user');
                    }),
                }
            }, {
                componentName: 'hell-filters/select-2',
                name: 'two',
                dependsOn: {
                    name: 'one',
                    value: '@any'
                },
                config: {
                    idKey: 'id',
                    multiple: true,
                    textKey: 'full_name',
                    options: Ember.computed(function() {
                        return store.peekAll('user').filterBy('role', 3);
                    }),
                }
            },

        ];
    }),
    actions: {
        reloadPlots: function(filtersState) {
            console.log(filtersState);
        }
    }
});