marwijn / aurelia-ion-rangeslider

aurelia wrapper for ion-rangeslider

Install

npm i aurelia-ion-rangeslider

Aurelia CLI config

skinModern theme is used here but you can use whatever theme you like. Add the following to the dependencies in aurelia.json:

"jquery",
{
    "name": "ion-rangeslider",
    "path": "../node_modules/ion-rangeslider",
    "main": "js/ion.rangeSlider",
    "deps": ["jquery"],
    "resources": [
        "css/ion.rangeSlider.css",
        "css/ion.rangeSlider.skinModern.css"
    ]
},
{
    "name": "aurelia-ion-rangeslider",
    "path": "../node_modules/aurelia-ion-rangeslider/dist/amd",
    "main": "index",
    "deps": ["ion-rangeslider"]
},
{
    "name":"aurelia-ion-rangeslider",
    "path":"../node_modules/aurelia-ion-rangeslider/dist/amd",
    "main":"index.js"
}

Copy images

"copyFiles": {
    "node_modules/ion-rangeslider/img/*.*": "ion-rangeslider/img"
}

Setup plugin

In main.ts add:

 aurelia.use.plugin('aurelia-ion-rangeslider');

Usage

<require from="ion-rangeslider/css/ion.rangeSlider.css"></require>
<require from="ion-rangeslider/css/ion.rangeSlider.skinModern.css"></require>

<aurelia-ion-rangeslider></aurelia-ion-rangeslider>

aurelia-ion-rangeslider's Issues

how to hook to onFinish event?

Hi - is there any change to hook to slider events?
After slider value change I'm making call to API - so right now i'm binding like:
from.bind="fromDays & debounce:500" to filtrate every movement but this causes 500ms dalay before API call after user finishesh playing with slider. If I can hook to onFinish event I would make API call instantly and ignore earlier movements.

upgrade to latest version of aurelia and ionRangeSlider?