$ npm install ka-components
Add the following line to /src/main.js
aurelia.use.plugin(PLATFORM.moduleName('ka-components'));
Add the following to your main app Sass file (eg: /src/static/app.sass):
$text-color: #404040;
$primary-color: #ed5a23;
$secondary-color: #11254b;
$accent-color: #ff6600;
$error-color: #ff4400;
$success-color: #1CC800;
@import '../../node_modules/ka-components/src/style/ka'
<ka-table
endpoint
client
limit
columns
filtrables
editables
exportables
prefilter
routes="" // object - Routes names for actions, if dialog is true, then open in dialog, default is { add: null, edit: null, dialog: false, data: {} }
actions="" // string|array - Action buttons to show, defaults to ["filter","export","add","edit"]
params="" // object - Additional parameters, defaults to {}
query="" // string - Additional query string to be used for fetching data
>
<template replace-part="tools-left"></template>
<template replace-part="tools-right"></template>
<template replace-part="thead-tr"></template>
<template replace-part="tbody-tr"></template>
</ka-table>
endpoint
- Type: string
- Default: null
- Description: Kamaji's data endpoint, if not set, component will try to get containing model's 'this.endpoint' value
client
- Type: object
- Default: null
- Description: Aurelia's http client to be used for fetching data, default is parent controller's
this.api
reference
limit
- Type: number
- Default: 10
- Description: number of items per page
columns
- Type: string|array
- Default: null (all fields)
- Description: Kamaji's field names to use as table columns
filtrables
- Type: string|array
- Default: null (all fields)
- Description: Kamaji's field names to make available as filters
editables
- Type: string|array
- Default: null (none)
- Description: Kamaji's field names to set as editable
exportables
- Type: string|array
- Default: null (all fields)
- Description: Kamaji's field names to set as exportable
prefilter
- Type: string
- Default: null
- Description: Predefined hardcoded filter string to be used for fetching data
<ka-control
name=""
schema=""
value=""
label=""
required=""
readonly=""
description=""
placeholder=""
params=""
change="">
</ka-control>
Schema structure:
{
control: ''
datasource: ''
}