21 |
22 |
23 |
--------------------------------------------------------------------------------
/rebuild-demo.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 |
3 | # Update our gh-pages branch with the latest build.
4 | #
5 | # This is based on ember-cli-github-pages, but using an addon is overkill.
6 |
7 | set -ex
8 |
9 | SHA=$(git rev-parse --short HEAD)
10 |
11 | # Build
12 | ember build --environment=production
13 |
14 | # Switch to gh-pages branch
15 | git checkout gh-pages
16 |
17 | # Copy the generated app into the root
18 | cp -R dist/* .
19 |
20 | # Stage all changes including removed files
21 | git add .
22 | git add -u .
23 |
24 | # Commit the changes
25 | git commit -m "Rebuilt gh-pages from ${SHA}"
26 |
27 | # Go back to master
28 | git checkout -
29 |
30 | echo "gh-pages has been rebuilt and can be pushed to origin"
31 |
--------------------------------------------------------------------------------
/testem.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | test_page: 'tests/index.html?hidepassed',
3 | disable_watching: true,
4 | launch_in_ci: ['Chrome', 'Firefox'],
5 | launch_in_dev: ['Chrome'],
6 | browser_args: {
7 | Firefox: {
8 | mode: 'ci',
9 | args: ['-headless']
10 | },
11 | Chrome: {
12 | ci: [
13 | // --no-sandbox is needed when running Chrome inside a container
14 | process.env.CI ? '--no-sandbox' : null,
15 | '--headless',
16 | '--disable-dev-shm-usage',
17 | '--disable-software-rasterizer',
18 | '--mute-audio',
19 | '--remote-debugging-port=0',
20 | '--window-size=1440,900'
21 | ].filter(Boolean)
22 | }
23 | }
24 | };
25 |
--------------------------------------------------------------------------------
/tests/dummy/app/controllers/events.js:
--------------------------------------------------------------------------------
1 | import Controller from '@ember/controller';
2 |
3 | export default Controller.extend({
4 | actions: {
5 | update(value) {
6 | this.send("showEffect", "updating", value);
7 | },
8 |
9 | change(value) {
10 | this.send("showEffect", "changed", value);
11 | },
12 |
13 | setValue(value) {
14 | this.send("showEffect", "beenSet", value);
15 | },
16 |
17 | slide(value) {
18 | this.send("showEffect", "sliding", value);
19 | },
20 |
21 | started(value) {
22 | this.send("showEffect", "started", value);
23 | },
24 |
25 | ended(value) {
26 | this.send("showEffect", "ended", value);
27 | }
28 | }
29 | });
30 |
--------------------------------------------------------------------------------
/ember-cli-build.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const EmberAddon = require('ember-cli/lib/broccoli/ember-addon');
4 |
5 | module.exports = function(defaults) {
6 | let app = new EmberAddon(defaults, {
7 | // Add options here
8 | vendorFiles: {
9 | // 'jquery.js': null
10 | }
11 | });
12 |
13 | /*
14 | This build file specifies the options for the dummy test app of this
15 | addon, located in `/tests/dummy`
16 | This build file does *not* influence how the addon or the app using it
17 | behave. You most likely want to be modifying `./index.js` or app's build file
18 | */
19 |
20 | app.import("vendor/prism.js");
21 | app.import("vendor/prism.css");
22 |
23 | return app.toTree();
24 | };
25 |
--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | # How To Contribute
2 |
3 | ## Installation
4 |
5 | * `git clone https://github.com/kennethkalmer/ember-cli-nouislider`
6 | * `cd ember-cli-nouislider`
7 | * `yarn install`
8 |
9 | ## Linting
10 |
11 | * `npm run lint:hbs`
12 | * `npm run lint:js`
13 | * `npm run lint:js -- --fix`
14 |
15 | ## Running tests
16 |
17 | * `ember test` – Runs the test suite on the current Ember version
18 | * `ember test --server` – Runs the test suite in "watch mode"
19 | * `ember try:each` – Runs the test suite against multiple Ember versions
20 |
21 | ## Running the dummy application
22 |
23 | * `ember serve`
24 | * Visit the dummy application at [http://localhost:4200](http://localhost:4200).
25 |
26 | For more information on using ember-cli, visit [https://ember-cli.com/](https://ember-cli.com/).
27 |
--------------------------------------------------------------------------------
/tests/dummy/app/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | ember-cli-nouislider
7 |
8 |
9 |
10 | {{content-for "head"}}
11 |
12 |
13 |
14 |
15 |
16 | {{content-for "head-footer"}}
17 |
18 |
19 | {{content-for "body"}}
20 |
21 |
22 |
23 |
24 | {{content-for "body-footer"}}
25 |
26 |
27 |
--------------------------------------------------------------------------------
/tests/.jshintrc:
--------------------------------------------------------------------------------
1 | {
2 | "predef": [
3 | "document",
4 | "window",
5 | "location",
6 | "setTimeout",
7 | "$",
8 | "-Promise",
9 | "define",
10 | "console",
11 | "visit",
12 | "exists",
13 | "fillIn",
14 | "click",
15 | "keyEvent",
16 | "triggerEvent",
17 | "find",
18 | "findWithAssert",
19 | "wait",
20 | "DS",
21 | "andThen",
22 | "currentURL",
23 | "currentPath",
24 | "currentRouteName"
25 | ],
26 | "node": false,
27 | "browser": false,
28 | "boss": true,
29 | "curly": true,
30 | "debug": false,
31 | "devel": false,
32 | "eqeqeq": true,
33 | "evil": true,
34 | "forin": false,
35 | "immed": false,
36 | "laxbreak": false,
37 | "newcap": true,
38 | "noarg": true,
39 | "noempty": false,
40 | "nonew": false,
41 | "nomen": false,
42 | "onevar": false,
43 | "plusplus": false,
44 | "regexp": false,
45 | "undef": true,
46 | "sub": true,
47 | "strict": false,
48 | "white": false,
49 | "eqnull": true,
50 | "esversion": 6,
51 | "unused": true
52 | }
53 |
--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2020
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
6 |
7 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
8 |
9 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
10 |
--------------------------------------------------------------------------------
/tests/dummy/app/templates/download.hbs:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
Download & Install ember-cli-nouislider
5 |
6 |
ember-cli
7 |
8 |
9 |
The code is shipped as an ember-cli addon:
10 |
11 |
12 | $ ember install:addon ember-cli-nouislider
13 |
14 |
15 |
16 | Then continue checking out the documentation to create
17 | your own base {{#link-to "component"}}range-slider{{/link-to}} component.
18 |
19 |
20 |
21 |
22 |
23 |
Repository
24 |
25 |
26 | You could visit the repository on
27 | GitHub
28 | to browse around, and to log issues. Also feel free
29 | to get in touch via @kennethkalmer
30 | if you need some help.
31 |
9 | The range-slider component can send two actions to your route when a
10 | user interacts with the slider. You can set on-change to an
11 | action that will be called when sliding has stopped, or you can
12 | set on-slide to an action for when a user is sliding the
13 | control.
14 |
156 | This action is useful when you want to update a value or perform an
157 | action every time a handle is dragged. For example, you can use the
158 | 'slide' action to update graphs. For convenience, this function also
159 | fires on a change by 'tap'.
160 |
161 |
162 | By default no actions are sent, you need to explicitly specify an action
163 | name by setting the on-slide property.
164 |
9 | The range-slider component can be configured with a wide variety of options,
10 | which can be use to customize the slider in to doing exactly what you want.
11 | For options regarding the slider range, see
12 | slider values.
13 |
14 |
15 | These options match near exactly to the
16 | original options
17 | of the noUiSlider plugin.
18 |
19 |
20 | Please make use of the Ember Inspector to see that values of the model
21 | object for this route, and what the values are that gets passed into
22 | each instance of the range-slider component that we render on this
23 | page.
24 |
The connect setting can be used to control the bar between the handles, or the edges of the slider. Use "lower" to connect to the lower side, or "upper" to connect to the upper side. Setting true sets the bar between the handles.
When using two handles, the minimum distance between the handles can be set using the margin option. The margin value is relative to the value set in 'range'. This option is only available on standard linear sliders.
The limit option is the oposite of the margin option, limiting the maximum distance between two handles. As with the margin option, the limit option can only be used on linear sliders.
By default, the slider slides fluently. In order to make the handles jump between intervals, you can use this option. The step option is relative to the values provided to range.
By default the sliders are top-to-bottom and left-to-right, but you can change this using the direction option, which decides where the upper side of the slider is.
noUiSlider can provide a basic tooltip without using its events system. Set the tooltips option to true to enable. This option can also accept formatting options to format the tooltips content. In that case, pass an array with a formatter for each handle, true to use the default or false to display no tooltip.