aurelia-filter

A plugin for aurelia to populate search/filter criteria. Works well with aurelia-orm and aurelia-filter

Features:

• Conditional AND and OR blocks
• Dynamic input type casting
• All sailsJS operators
• ORM entities
• And more

Breaking changes

v3.0 of aurelia-filter uses the latest version of aurelia-form.

Uses

aurelia-filter needs following plugins installed and configured:

• aurelia-form
• aurelia-view-manager

Documentation

You can find usage examples and the documentation here.

The changelog provides you with information about important changes.

Example

Here's a snippet to give you an idea of what this module supports.

@bindable columns = [
  {name : "id",         value: "id",        type: 'number'},
  {name : "Name",       value: "name",      type: 'text'},
  {name : "Created at", value: "createdAt", type: 'date'},
  // For enumeration
  {name : "State", value: "state", type: 'select'}
];

<filter columns.bind="columns" criteria.bind="criteria"></filter>

or:

this.userEntity = entityManager.getEntity('users');

<filter entity.bind="userEntity" criteria.bind="criteria" exclude-columns="password, createdAt"></filter>

Installation

Aureli-Cli

Run npm i aurelia-filter --save from your project root.

Aurelia-filter uses extend, soa add following to the build.bundles.dependencies section of aurelia-project/aurelia.json:

"dependencies": [
  "extend",
  {
    "name": "aurelia-filter",
    "path": "../node_modules/aurelia-filter/dist/amd",
    "main": "aurelia-filter",
    "resources": [
      "bootstrap/filter.html"
    ]
  },
  // ...
],

Jspm

Run jspm i aurelia-filter from your project root.

Aurelia-filter uses extend, so add following to the bundles.dist.aurelia.includes section of build/bundles.js:

  "extend",
  "aurelia-filter",
  "[aurelia-filter/**/*.js]",
  "aurelia-filter/**/*.html!text",

If the installation results in having forks, try resolving them by running:

jspm inspect --forks
jspm resolve --only registry:package-name@version

Webpack

Run npm i aurelia-filter --save from your project root.

And add aurelia-filter in the coreBundles.aurelia section of your webpack.config.js.

Typescript

Npm-based installations pick up the typings automatically. For Jspm-based installations, run typings i github:spoonx/aurelia-filter or add "aurelia-filter": "github:spoonx/aurelia-filter", to your typings.json and run typings i.