help for contributing

[xileftenurb]

Hi,

I started to read the code so I can contribute,

I want to work on adding pagination for the project, but there is some part of the code I don't understand.
could you help me understand?

in FilterItems.ts, was is the difference between "getFiltered" and "getFilteredOut"?

and in Filterizr, why is there a "require" among the "import"? (require('imagesloaded')) how can this work in browser?

[xileftenurb]

note : the bug label was automatically added because there is only a single template to choose to create issue, not because this is a bug.

[giotiskl]

@xileftenurb fixed the bug label, good catch with the templates, I'll add a couple more for different use cases.

In FilterItems.ts, getFiltered returns the items that should be visible in the screen with the currently active filter applied (e.g. if the user has activated a filter for a category named "fruit", then all items in the grid that belong to the "fruit" category will be returned from getFiltered). The getFilteredOut function, does the exact opposite. It returns every item that does NOT belong to the "fruit" category which should be hidden.

These methods are used by the render method in the Filterizr class (in Filterizr.ts) to handle rendering the grid (and they probably need better names seeing the confusion).

---

As to why there is a require among the import statement.. it has to do unfortunately with the imagesLoaded package not supporting es6 module imports/exports... why it works is that at the end of the day webpack takes care of transforming everything to UMD compatible modules (check the webpack config).

[G0715]

Why can't filterizr run in Select